Merhaba arkadaşlar bir sistemimde kullanmak üzere sinemalar.com daki üst menü tasarımı lazım uğraştım yapamadım bi yardım edermisiniz
adres http://www.sinemalar.com/
Bu menüyü nasıl yapabilirim ? |
7 Mesajlar | 1.456 Okunma | ||
- Üyelik 04.09.2012
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum Kırıkkale
- Ad Soyad ** **
- Mesajlar 480
- Beğeniler 47 / 78
- Ticaret 0, (%0)
dursuntokgoz.com.tr | dursuntokgoz.net | vizyondakifilm.org
- Üyelik 12.06.2012
- Yaş/Cinsiyet - / E
- Meslek freelancer
- Konum
- Ad Soyad ** **
- Mesajlar 96
- Beğeniler 19 / 9
- Ticaret 0, (%0)
üstüne gelince ayrı bir yazı geliyor, bordo renkli, onu mu? kastediyorsun.
- Üyelik 04.09.2012
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum Kırıkkale
- Ad Soyad ** **
- Mesajlar 480
- Beğeniler 47 / 78
- Ticaret 0, (%0)
evet hocam.
dursuntokgoz.com.tr | dursuntokgoz.net | vizyondakifilm.org
- Üyelik 12.06.2012
- Yaş/Cinsiyet - / E
- Meslek freelancer
- Konum
- Ad Soyad ** **
- Mesajlar 96
- Beğeniler 19 / 9
- Ticaret 0, (%0)
hocam 10 dk sonra dosyaları yükleyeceğim...
- Üyelik 03.03.2012
- Yaş/Cinsiyet - / E
- Meslek Öğrenci
- Konum
- Ad Soyad ** **
- Mesajlar 93
- Beğeniler 12 / 11
- Ticaret 0, (%0)
hover özelliği ile yapabilirsin hocam.Örneğin;
Css kodları ile yapacaksın istediğin özelliği;
Yani img01 normal resim,img02'de ise değişeceği hali olmalı.
Css kodları ile yapacaksın istediğin özelliği;
#kutu { background:url(images/img01.jpg);} /* kutunun normal stili */
#kutu:hover { background:url(images/img02.jpg);} /* kutunun üzerine geldiğimizde alacagı stil */
Yani img01 normal resim,img02'de ise değişeceği hali olmalı.
- Üyelik 12.06.2012
- Yaş/Cinsiyet - / E
- Meslek freelancer
- Konum
- Ad Soyad ** **
- Mesajlar 96
- Beğeniler 19 / 9
- Ticaret 0, (%0)
html kodu
css kodu
sprite.png dosyasının psd hali; (yazıları düzenlemek için);
css kodu
body{
font-family:Arial;
font-size:13px;
color:#444;
}
a,a:hover,a:active{color:#780E1C}
.menu_icerik{
width:980px;
height:75px;
position:relative;
z-index:4;
margin-bottom:-15px;
margin-left:-30px;
}
.menu_icerik
ul{
width:980px;
height:75px
}
.menu_icerik ul li,.menu_liste{
text-align:center;
font-size:16px;
float:left;
font-weight:bold;
text-decoration:none;
background:url(sprite.png) no-repeat}
.menu_icerik ul li:hover,.menu_liste:hover{
cursor:pointer
}
.menu_icerik ul li
a{
text-decoration:none;
padding-top:33px;
height:40px;
display:block
}
#menu_2_1{width:119px;background-position:0px 0px}
#menu_2_1
a{
color:#ff9e00
}
#menu_2_2{width:86px;background-position: -119px 0px}
#menu_2_2
a{color:#ff9e00}
#menu_2_3{width:95px;background-position: -205px 0px}
#menu_2_3
a{color:#ff9e00}
#menu_2_4{width:115px;background-position: -300px 0px}
#menu_2_4
a{color:#ff9e00}
#menu_2_5{width:98px;background-position: -415px 0px}
#menu_2_5
a{color:#ff9e00}
#menu_2_6{width:139px;background-position: -513px 0px}
#menu_2_6
a{color:#ff9e00}
#menu_2_7{width:116px;background-position: -652px 0px}
#menu_2_7
a{color:#ff9e00}
#menu_2_8{width:107px;background-position: -768px 0px}
#menu_2_8
a{color:#ff9e00}
#menu_2_9{width:105px;background-position: -875px 0px}
#menu_2_9
a{color:#ff9e00}
#menu_2_1:hover,.s_m21{background-position:0px -75px!important}
#menu_2_1:hover a, .s_m21
a{color:#333!important}
#menu_2_2:hover,.s_m22{background-position: -119px -75px!important}
#menu_2_2:hover a, .s_m22
a{color:#333!important}
#menu_2_3:hover,.s_m23{background-position: -205px -75px!important}
#menu_2_3:hover a, .s_m23
a{color:#333!important}
#menu_2_4:hover,.s_m24{background-position: -300px -75px!important}
#menu_2_4:hover a, .s_m24
a{color:#333!important}
#menu_2_5:hover,.s_m25{background-position: -415px -75px!important}
#menu_2_5:hover a, .s_m25
a{color:#333!important}
#menu_2_6:hover,.s_m26{background-position: -513px -75px!important}
#menu_2_6:hover a, .s_m26
a{color:#333!important}
#menu_2_7:hover,.s_m27{background-position: -652px -75px!important}
#menu_2_7:hover a, .s_m27
a{color:#333!important}
#menu_2_8:hover,.s_m28{background-position: -768px -75px!important}
#menu_2_8:hover a, .s_m28
a{color:#333!important}
#menu_2_9:hover,.s_m29{background-position: -875px -75px!important}
#menu_2_9:hover a, .s_m29
a{
color:#333!important
}
.secili_menu{
-webkit-box-shadow:inset 0px 0px 5px 1.5px #666;
-moz-box-shadow:inset 0px 0px 5px 1.5px #666;
box-shadow:inset 0px 0px 5px 1.5px #666;
background-color:#efefef!important
}
sprite.png dosyasının psd hali; (yazıları düzenlemek için);
http://www64.zippyshare.com/v/64314616/file.html - Üyelik 04.09.2012
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum Kırıkkale
- Ad Soyad ** **
- Mesajlar 480
- Beğeniler 47 / 78
- Ticaret 0, (%0)
ilginiz için çok teşekkür ederim kodları denedim çalışıyor.
dursuntokgoz.com.tr | dursuntokgoz.net | vizyondakifilm.org
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)