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).
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


Sponsor Reklam
media venus

Çevrimdışı xdersf
 Tarih: 18-07-2013, Saat:16:07
#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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#000000; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_14.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#000000; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_15.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_16.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_17.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_18.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_19.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#000000; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_20.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#000000; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_21.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#000000; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_22.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#000000; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_23.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_24.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_25.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_26.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_27.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_28.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_29.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_30.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_31.png); 
background-repeatno-repeat
background-position0px 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 { 
margin0px
padding0px
list-
style-typenone
text-align:left

#linkhover ul li a { 
background-color#; 
displayblock
height19px
width250px
color#ffffff; 
padding-left:5px
font-familycalibri,arial
font-size14px
text-decorationnone
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_32.png); 
background-repeatno-repeat
background-position0px 0px

#linkhover ul li a:hover { 
background-color#; 
padding-left:20px
color#ffffff; 
background-imageurl(http://img.webme.com/pic/g/grafikdizayn/cgp_33.png); 
background-repeatno-repeat
background-position0px 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
#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:

Çevrimdışı Smyrna35
 Tarih: 18-07-2013, Saat:16:13
#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
#4
bu benim konum başka bir forumda paylaşmıştım kilitleneilirmi ?
Cevapla
Bunu Beğenenler:

 




Konuyu Okuyanlar: 1 Ziyaretçi