Forum'da ara:
Ara


Yazar Mesaj
Mesaj04.07.2010, 14:54 (UTC)    
Mesaj konusu: üzerine geldiğinde sol tarafta ok çıkan yazı
Alıntıyla Cevap Gönder
arkadaşlar ben sitemi css tasarımı ile yaptım burada sormak istediğim bir soru var şiirlerimi isimlerine göre alt alta sıralıyorum köprüsünü de veriyorum ama benim istediğim bu şiirlerimin adlarını sıraladığım her şiir adının üzerine mause geldiğinde solunda ok çıkması bu oradaki yazının aktif bir unsur olduğunun anlaşılması ve estetik açıdan önemli bu nasıl yapılıyor bilen arkadaşlar yardımcı olursa sevinirim
______________
↑
Mesaj06.07.2010, 10:27 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Örnek verebileceginiz bir site var mi bu yoksa tamamen kendi isteginiz mi?
↑
Mesaj06.07.2010, 22:57 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
merhabalar ilgine teşekkür ediyorum
http://www.siirakademisi.com/

bu sitede sağ tarafta son eklenen şiirler bölümünde var bu flash mıdır nasıl yapılıyor site yöneticisi tanıdık ama bu konulara yabancı olabilir ondan istemek doğru olur mu onuda bilmiyorum açıkçası
______________
↑
Mesaj07.07.2010, 06:33 (UTC)    
Mesaj konusu: Gri dikey menü
Alıntıyla Cevap Gönder
Kod:
<!--Dikey Gri menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243; /*width of menu*/
border-style: solid solid none solid;
border-color: #cccccc;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img823.imageshack.us/img823/2741/kodbanksgrimenuok.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #5E7830;
}
.arrowgreen li a:hover{
color: #26370A;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Gri menu kodu bitir-->

______________
↑
Mesaj07.07.2010, 10:07 (UTC)    
Mesaj konusu: teşekkür
Alıntıyla Cevap Gönder
sağol ,ama bunun rengini beyaz yapmam gerekiyor ,ayrıca yeni sayfa yapıp kodu yapıştırdım
link adı ayrı solda kalıyor ok'un olduğu alan sağ tarafta ve ayrı olarak çıkıyor ;yani buradaki gri-siyah renk olarak arka plan rengi beyaz olması gerekiyor bunu kod içinden ffffff olarak değiştirdim ama olmuyor;senin sitedeki kod denemede denedim ok ile gri arkaplan yazının üzerine gelinde aynı alan içinde çıkıyor benim sitenin kod editörüne yapıştırıp kaynak kodu tıkladığımdada senin kod deneme deki gibi aynı alanda görünüyor yani hem ok hem link fakat kaydet deyip sayfayı kaydettiğimde ok sağ tararfta bağımsız bir şekilde link aadı denilen bölüme mauseyi getirdiğimde sağ tarafta çıkıyor
______________
↑
Mesaj07.07.2010, 10:13 (UTC)    
Mesaj konusu: teşekkür
Alıntıyla Cevap Gönder
sağ tarafta iki ayrı birimde link adı gibi menü şeklinde iki ayrı ok çıkıyor
______________
↑
Mesaj07.07.2010, 10:20 (UTC)    
Mesaj konusu: teş
Alıntıyla Cevap Gönder
sanki kod parçalanıyor da ok lu bölüm sağa kayıyor link adı denilen bölümün sol tarafı kesik çıkıyor nedeni ne olabilir
yani altı adet alt alta menü oluşuyor soltarafta ama sol köşesi kesik halde sağ tarafta boş gri alan altı adet ve onunda sağında ikinci bir altı adetlik altalta boş menü çıkıyor sol taraftaki link adının üzerine gelince bu boş menülerde ok çıkıyor bunu çözebilirmiyiz ve gri yi beyaza çevirebilirmiyiz
______________
↑
Mesaj07.07.2010, 10:23 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
www.axtorhtmlkodlari.tr.gg Siteyi Bi Gözden geçir aradıgın kod vardır demek istedigini tam anlamadım anlasaydım daha ayrıntılı yardımcı olurdum www.axtorhtmlkodlari.tr.gg sitesinde tüm kodlar mevcut Bi bak istersen
↑
Mesaj07.07.2010, 10:30 (UTC)    
Mesaj konusu: teş
Alıntıyla Cevap Gönder
görüntüsü aşağıdaki linkte

http://sanatakademisi.tr.gg/dss.htm
↑
Mesaj07.07.2010, 10:32 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Bu kodu bir deneyin..

Kod:
<!--Dikey Gri menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #cccccc;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img823.imageshack.us/img823/2741/kodbanksgrimenuok.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #5E7830;
}
.arrowgreen li a:hover{
color: #26370A;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Gri menu kodu bitir-->

______________
↑
Mesaj07.07.2010, 10:34 (UTC)    
Mesaj konusu: teş
Alıntıyla Cevap Gönder
görüntüsü aşağıdaki linkte

http://sanatakademisi.tr.gg/dss.htm
______________
↑
Mesaj07.07.2010, 10:38 (UTC)    
Mesaj konusu: teş
Alıntıyla Cevap Gönder
bu verdiğin kod doğru çalışıyor,şimdi sıra bu gri olan yeri beyaz yapmakta
______________
↑
Mesaj07.07.2010, 11:05 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Beyaz ok lu menü

Kod:
<!--Dikey Beyaz-ok  menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #000000;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img580.imageshack.us/img580/8757/kodbanksdikeymnbtn1.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #000000;
}
.arrowgreen li a:hover{
color: #000000;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg"><span style="color: #ff9900">Link Adı</span></a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey beyaz ok  menu kodu bitir-->



Buda değişik bir versiyonu:

Kod:
<!--Dikey Gri-beyaz  menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #000000;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img15.imageshack.us/img15/8701/kodbanksdikeymnbtn.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #000000;
}
.arrowgreen li a:hover{
color: #000000;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg"><span style="color: #ff9900">Link Adı</span></a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Gri beyaz menu kodu bitir-->

______________
↑
Mesaj07.07.2010, 11:47 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Yeşil ok-transparan menü

Kod:
<!--Dikey Yesil ok-transparan  menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #000000;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img21.imageshack.us/img21/9403/kodbanksyslokmn.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #000000;
}
.arrowgreen li a:hover{
color: #000000;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg"><span style="color: #ff9900">Link Adı</span></a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Yesil ok-transparan menu kodu bitir-->

______________
↑
Mesaj07.07.2010, 11:52 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
@kodbanks

Arkadaşımız Zaten Menü Kodunu Koymustur... Konuyu uzatmayalım Rolling Eyes
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 2 sayfa)

  •  
    • Geçiş Yap:  


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.