MyBB Depo Forum
Css Her Renkten Dikey Menüler - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: Css Her Renkten Dikey Menüler (/css-her-renkten-dikey-menuler-konusu.html)

Css Her Renkten Dikey Menüler - xdersf - 18-07-2013

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> 


Cvp: Css Her Renkten Dikey Menüler - Ertac Karacan - 18-07-2013

Kardeşim,aynı yere konu açmaya devam etmek yerine css bölümüne açabilirsin.

http://mybbdepo.com/css-forumu

Cvp: Css Her Renkten Dikey Menüler - Smyrna35 - 18-07-2013

Konu gerekli bölüme taşınmıştır.Lütfen yanlış bir durum olduğunda rapor et butonunu kullanınız.

Cvp: Css Her Renkten Dikey Menüler - Ripbyrustavi02 - 15-08-2013

bu benim konum başka bir forumda paylaşmıştım kilitleneilirmi ?