benim yapmak istediğim o sayfalar, sosyal medya kısmına
[*]deneme
[*]deneme2
[*]deneme3
[*]bu da deneme son
<li> 'nin önündeki noktalar hk. (Liste Sistemi) |
5 Mesajlar | 839 Okunma | ||
- Üyelik 22.06.2014
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum Adana
- Ad Soyad O** T**
- Mesajlar 1201
- Beğeniler 310 / 296
- Ticaret 2, (%100)
Sitemin footer kısmı için bir panel yaptım wmaracına biraz özenerek :D örnek görüntü bu:
benim yapmak istediğim o sayfalar, sosyal medya kısmına ile liste oluşturmak ama liste oluşturunca önlerine kötü duran bi nokta geliyor. benim yapmak istediğim wmaracındaki gibi sivri üçgenler yapmak. yani aşağıdaki gibi olsun istemiyorum
benim yapmak istediğim o sayfalar, sosyal medya kısmına
[*]deneme
[*]deneme2
[*]deneme3
[*]bu da deneme son
- Üyelik 22.01.2014
- Yaş/Cinsiyet 29 / E
- Meslek Bilgisayar Mühendisi
- Konum İstanbul Avrupa
- Ad Soyad B** C**
- Mesajlar 1843
- Beğeniler 269 / 263
- Ticaret 1, (%100)
üçgenleri de css ile ayarlaman lazım html css içerisinde üçgen yoktu sanırsam. dairesel ve karesel oluyor parametreler. O yüzden harici resim koymalısın
background:url(images/link.png) 5px 2px no-repeat; padding-left:30px; gibisinden. burada padding left ile yazının resimden sonra gelmesini sağlarsın. tabi burada verdiğim değerler senin sitende değişecektir. bunlar benim kendi sitem için yazdığımdı
background:url(images/link.png) 5px 2px no-repeat; padding-left:30px; gibisinden. burada padding left ile yazının resimden sonra gelmesini sağlarsın. tabi burada verdiğim değerler senin sitende değişecektir. bunlar benim kendi sitem için yazdığımdı
- Üyelik 22.06.2014
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum Adana
- Ad Soyad O** T**
- Mesajlar 1201
- Beğeniler 310 / 296
- Ticaret 2, (%100)
teşekkürler deneyeceğim
- Üyelik 16.12.2015
- Yaş/Cinsiyet 40 / E
- Meslek Freelancer - Web tasarım
- Konum İzmir
- Ad Soyad A** T**
- Mesajlar 225
- Beğeniler 20 / 47
- Ticaret 6, (%83)
ul
{
list-style-type: none
}
li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
}
{
list-style-type: none
}
li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
}
- Üyelik 22.06.2014
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum Adana
- Ad Soyad O** T**
- Mesajlar 1201
- Beğeniler 310 / 296
- Ticaret 2, (%100)
alkantenik hocam sizinkini denedim background olarak atadığınız için yazının içine girdi. internette araştırırken w3school'dan bunu buldum :
url kısmına herhangi bir görsel atadığınızda li'nin noktalarına atıyor. arayan birisi olursa ben çözdüm burdan ulaşır artık nasıl yapılacağına.
ul {
list-style-image: url('sqpurple.gif');
}
url kısmına herhangi bir görsel atadığınızda li'nin noktalarına atıyor. arayan birisi olursa ben çözdüm burdan ulaşır artık nasıl yapılacağına.
Konuyu toplam 5 kişi okuyor. (0 kullanıcı ve 5 misafir)