menu li {
background:url(images/ayirac.png) right center no-repeat;
}
şeklinde olacaktır.
CSS'de Menü Arasına Ayrac Eklemek! |
26 Mesajlar | 20.422 Okunma | ||
- Üyelik 08.09.2011
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum Elazığ
- Ad Soyad K** P**
- Mesajlar 539
- Beğeniler 93 / 86
- Ticaret 0, (%0)
şeklinde olacaktır.
KEP Creativity | Digital Agency
- Üyelik 18.07.2011
- Yaş/Cinsiyet 35 / E
- Meslek Developer
- Konum
- Ad Soyad A** A**
- Mesajlar 103
- Beğeniler 2 / 17
- Ticaret 0, (%0)
.menu li {border-right:1px solid #272727;}
.menu li:last-child {border-right:none;}
yapmak istedigin bu mu sanırım.
edit:
ayrıca sana şunları sormak istiyorm o div.menu yu oraya koyarken ki düşüncen ne ? ordaki li lerin bir ul ya da ol ye dahil mi ?
gerçi alt menü olabilir ama kodun tamamını gormediğim için soruyorm.
yukarda ki css e göre örnek html kısmı şu şekilde:
.menu li:last-child {border-right:none;}
yapmak istedigin bu mu sanırım.
edit:
ayrıca sana şunları sormak istiyorm o div.menu yu oraya koyarken ki düşüncen ne ? ordaki li lerin bir ul ya da ol ye dahil mi ?
gerçi alt menü olabilir ama kodun tamamını gormediğim için soruyorm.
yukarda ki css e göre örnek html kısmı şu şekilde:
- Üyelik 20.11.2011
- Yaş/Cinsiyet 28 / E
- Meslek PHP Coder
- Konum Muğla
- Ad Soyad U** D**
- Mesajlar 1069
- Beğeniler 210 / 209
- Ticaret 41, (%98)
.menu{
background-image:url(resim/resim.png);
width:1002px;
height:34px;
background-position:-5px -45px;
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
left:50%;
margin-left:-501px;
margin-top:-21px;
/*Yazı*/
font-family:Segoe UI Symbol;
padding-top:8px;
}
.menu li{
color:#FFFFFF;
font-size:15px;
display:inline;
padding: .0px 16px;
}
.menu li a{
-webkit-transition: color 1s;
-moz-transition: color 1s;
-o-transition: color 1s;
-ms-transition: color 1s;
transition: color 1s;
display:inline;
color:#FFFFFF;
text-decoration:none;
}
Yine ayraç ekleyemedim ama böyle boşluklar buldum. :) Bu kısımlara işte ayraç gelecekte nasıl?
- Üyelik 12.01.2012
- Yaş/Cinsiyet - / E
- Meslek Öğrenci
- Konum
- Ad Soyad ** **
- Mesajlar 93
- Beğeniler 2 / 11
- Ticaret 0, (%0)
Eğer Ayraç Eklemek İstiyorsanız Bu Şekildede Yapabilirsiniz. Çizgi Şeklinde En Basitinden
menu li {
border-left:2px solid renk;
}
sadece bir öneri bu şekil daha basit
menu li {
border-left:2px solid renk;
}
sadece bir öneri bu şekil daha basit
- Üyelik 20.11.2011
- Yaş/Cinsiyet 28 / E
- Meslek PHP Coder
- Konum Muğla
- Ad Soyad U** D**
- Mesajlar 1069
- Beğeniler 210 / 209
- Ticaret 41, (%98)
Bu şekilde oluyor tamam. :) Ama ben bir resim eklemek istiyorum. Resimde ufacık bir Gradient var onu kullanmak istiyorum. :)
- Üyelik 08.09.2011
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum Elazığ
- Ad Soyad K** P**
- Mesajlar 539
- Beğeniler 93 / 86
- Ticaret 0, (%0)
Bu şekilde oluyor tamam. :) Ama ben bir resim eklemek istiyorum. Resimde ufacık bir Gradient var onu kullanmak istiyorum. :)
.menu{
background-image:url(resim/resim.png);
width:1002px;
height:34px;
background-position:-5px -45px;
background-repeat:no-repeat;
overflow:hidden;
position:absolute;
left:50%;
margin-left:-501px;
margin-top:-21px;
/*Yazı*/
font-family:Segoe UI Symbol;
padding-top:8px;
}
.menu li{
color:#FFFFFF;
font-size:15px;
display:inline;
padding: .0px 16px;
background:url(images/ayirac.png) right center no-repeat;
}
.menu li a{
-webkit-transition: color 1s;
-moz-transition: color 1s;
-o-transition: color 1s;
-ms-transition: color 1s;
transition: color 1s;
display:inline;
color:#FFFFFF;
text-decoration:none;
}ayirac.png yerine kullanacağın resmi ata :D
KEP Creativity | Digital Agency
- Üyelik 20.11.2011
- Yaş/Cinsiyet 28 / E
- Meslek PHP Coder
- Konum Muğla
- Ad Soyad U** D**
- Mesajlar 1069
- Beğeniler 210 / 209
- Ticaret 41, (%98)
Tamam, ayraç felan kullanmıyorum. :D
- Üyelik 28.10.2011
- Yaş/Cinsiyet 28 / E
- Meslek 1337
- Konum İzmir
- Ad Soyad R** S**
- Mesajlar 1843
- Beğeniler 1008 / 403
- Ticaret 21, (%100)
Ya banada lazım şu olay , yokmu yardım eli uzatan :p
1337
- Üyelik 11.09.2011
- Yaş/Cinsiyet 29 / E
- Meslek Elektrik-Elektronik Mühendisi
- Konum Eskişehir
- Ad Soyad E** K**
- Mesajlar 1223
- Beğeniler 243 / 336
- Ticaret 2, (%100)
O zaman yeni birşey deneyin....
li {background: url("resim_yolu")right no-repeat; padding: 5px 15px;}
Bu kesin işinizi görecektir bende bunu kullanıyorum..
Ek Olarak:
Ayrıca sana bir taktik daha söyleyeyim..Graident kullanmak istiyorsan Buradaki yazımı oku ve okuduktan sonra yazının altındaki siteye bir bak. İstediğin rengi yaratabilirsin ;)
li {background: url("resim_yolu")right no-repeat; padding: 5px 15px;}
Bu kesin işinizi görecektir bende bunu kullanıyorum..
Ek Olarak:
Bu şekilde oluyor tamam. :) Ama ben bir resim eklemek istiyorum. Resimde ufacık bir Gradient var onu kullanmak istiyorum. :)
Ayrıca sana bir taktik daha söyleyeyim..Graident kullanmak istiyorsan Buradaki yazımı oku ve okuduktan sonra yazının altındaki siteye bir bak. İstediğin rengi yaratabilirsin ;)
herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
- Üyelik 28.10.2011
- Yaş/Cinsiyet 28 / E
- Meslek 1337
- Konum İzmir
- Ad Soyad R** S**
- Mesajlar 1843
- Beğeniler 1008 / 403
- Ticaret 21, (%100)
O zaman yeni birşey deneyin....
li {background: url("resim_yolu")right no-repeat; padding: 5px 15px;}
Bu kesin işinizi görecektir bende bunu kullanıyorum..
Ek Olarak:
Ayrıca sana bir taktik daha söyleyeyim..Graident kullanmak istiyorsan Buradaki yazımı oku ve okuduktan sonra yazının altındaki siteye bir bak. İstediğin rengi yaratabilirsin ;)
li {background: url("resim_yolu")right no-repeat; padding: 5px 15px;}
Bu kesin işinizi görecektir bende bunu kullanıyorum..
Ek Olarak:
Ayrıca sana bir taktik daha söyleyeyim..Graident kullanmak istiyorsan Buradaki yazımı oku ve okuduktan sonra yazının altındaki siteye bir bak. İstediğin rengi yaratabilirsin ;)
Daha kolay bir yolunu cudjex sayesinde öğrendim :)
#menu ul li ~ li {background:url(resim.png);height:40px;width:3px;}
1337
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)