MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Yukarı Facebook Twitter Google+ Aşağı
xdersf avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Css Her Renkten Dikey Menüler

 Css ,  Css Programlama dili, Css Kullanım Şekilleri ve Hazır Php Kodları Hakkında, bilgi ve dökümanlara buradan ulaşabilirsiniz.
 Tarih: 18-07-2013, Saat:16:07 ,  xdersf ,  3 Yorum ,  4031 Okunma

Konuyu Takip Et
Sponsor Reklam

Çevrimdışı xdersf
 Tarih: 18-07-2013, Saat:16:07
xdersf
Cezalı Üye
Cezalı Üye!
Konuları:
146
Yorumları:
605
Kayıt Tarihi:
13-03-2013
Beğendiği:
33
Beğenileri:
34
#1
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> 
Cevapla
Bunu Beğenenler: Smyrna35 , mucotr , khatlow
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı Ertac Karacan
 Tarih: 18-07-2013, Saat:16:11
xdersf
Yeni Üye
*
Kıdemli Üye
Konuları:
28
Yorumları:
204
Kayıt Tarihi:
14-12-2011
Rep Puanı:
3
Beğendiği:
3
Beğenileri:
15
#2
Kardeşim,aynı yere konu açmaya devam etmek yerine css bölümüne açabilirsin.

http://mybbdepo.com/css-forumu
Cevapla
Bunu Beğenenler:

İzinli Smyrna35
 Tarih: 18-07-2013, Saat:16:13
xdersf
Kıdemli Üye
*****
Kıdemli Üye
Konuları:
139
Yorumları:
3,203
Kayıt Tarihi:
05-07-2012
Rep Puanı:
66
Beğendiği:
606
Beğenileri:
615
#3
Konu gerekli bölüme taşınmıştır.Lütfen yanlış bir durum olduğunda rapor et butonunu kullanınız.
Cevapla
Bunu Beğenenler:

Çevrimdışı Ripbyrustavi02
 Tarih: 15-08-2013, Saat:17:32
xdersf
Yeni Üye
*
Üye
Konuları:
21
Yorumları:
52
Kayıt Tarihi:
07-07-2013
Rep Puanı:
0
Beğendiği:
6
Beğenileri:
16
#4
bu benim konum başka bir forumda paylaşmıştım kilitleneilirmi ?
Cevapla
Bunu Beğenenler:
 




Konuyu Okuyanlar: 1 Ziyaretçi

istanbul escort - beşiktaş escort - şişli escort - ataköy escort - ataköy escort - taksim escort - escort mecidiyeköy - çapa escort - topkapı escort

escort - sex hikaye - altyazılı porno - türk ifşa - türk porno - escort bayan