MyBB Depo Forum

MyBB Depo Forum > Webmaster Deposu > Web Tabanlı Kodlama Dilleri > Css > Css Her Renkten Dikey Menüler
Orjinalini görmek için tıklayınız: Css Her Renkten Dikey Menüler
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link

xdersf

18-07-2013, Saat:16:07
Emek Harcadım Alıntı Ama Rsim ve Code tagların içine almak zor


resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #000000; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_14.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #000000; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_15.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 

resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_16.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_17.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 
resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_18.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_19.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 

resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #000000; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_20.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #000000; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_21.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 
resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #000000; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_22.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #000000; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_23.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 

resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_24.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_25.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 

resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_26.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_27.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 


resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_28.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_29.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 

resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_30.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_31.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 
resim
PHP Kod:
<style type="text/css"> 
#linkhover ul { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
text-align:left; 
} 
#linkhover ul li a { 
background-color: #; 
display: block; 
height: 19px; 
width: 250px; 
color: #ffffff; 
padding-left:5px; 
font-family: calibri,arial; 
font-size: 14px; 
text-decoration: none; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_32.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
#linkhover ul li a:hover { 
background-color: #; 
padding-left:20px; 
color: #ffffff; 
background-image: url(http://img.webme.com/pic/g/grafikdizayn/cgp_33.png); 
background-repeat: no-repeat; 
background-position: 0px 0px; 
} 
</style> 
<div id="linkhover"> 
<ul> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    <li><a href="SAYFANIN LİNKİ">Sayfa Adı</a></li> 
    </ul> 
    </div> 
</ul> 
</div> 

Ertac Karacan

18-07-2013, Saat:16:11
Kardeşim,aynı yere konu açmaya devam etmek yerine css bölümüne açabilirsin.

http://mybbdepo.com/css-forumu

Smyrna35

18-07-2013, Saat:16:13
Konu gerekli bölüme taşınmıştır.Lütfen yanlış bir durum olduğunda rapor et butonunu kullanınız.

Ripbyrustavi02

15-08-2013, Saat:17:32
bu benim konum başka bir forumda paylaşmıştım kilitleneilirmi ?
MyBB Depo Forum > Webmaster Deposu > Web Tabanlı Kodlama Dilleri > Css > Css Her Renkten Dikey Menüler