Arkadaşlar headerde kateogori başlıkların yanındaki ikonları düzenleyeceğim fakat yeni eklediğim ikonlar gözükmüyor.Eskisini yapıyorum gene gözükmüyor.Sorun nedir?
Site : http://www.teknoarsiv.net/
- Üyelik 03.11.2013
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Gaziantep
- Ad Soyad S** Ş**
- Mesajlar 686
- Beğeniler 64 / 90
- Ticaret 52, (%98)
- Üyelik 30.10.2013
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum Konya
- Ad Soyad M** A**
- Mesajlar 428
- Beğeniler 162 / 88
- Ticaret 0, (%0)
CSS kodları şunlar, bul ve anasayfa,hakkımda,vs. başlıkları altında icon linkleri mevcut bunları değiştirerek kullanabilirsiniz.
/* NAV */
#main-nav{padding: 0 !important; margin:0px 0 0 0; background:url(http://4.bp.blogspot.com/-FKH70YWZ0lI/U6qV8z1AQnI/AAAAAAAAAE4/5EJAxocz704/s1600/menu-bg.png) repeat; float:left; width:100%; }
#main-nav ul{margin-left: 145px;padding: 0; }
#main-nav li{ display:block; float:left; background-image:url(http://3.bp.blogspot.com/-l5iCVD2v4Vg/U6qV89pJtDI/AAAAAAAAAE0/YkreZJKSmE0/s1600/menu.jpg); background-position:right; background-repeat:no-repeat; }
#main-nav a {display: block;float: left;position: relative; padding: 1.2em 1.5em 1.2em 3em; text-transform:uppercase; font-size: 11px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#main-nav li:last-child a { border-right: 0; }
#main-nav a:hover {background-color: #0096ff; }
#main-nav .action {float: right;background-color: #282b2b;border-right: 0;}
#main-nav .current > a,
#main-nav li:hover > a { background-color: #0096ff; }
.anasayfa{ background:url(http://i.hizliresim.com/1PJ50j.png); background-position:7% 50%; background-repeat:no-repeat;}
.hakkimda{ background:url(http://i.hizliresim.com/ml2YjV.png); background-position:7% 50%; background-repeat:no-repeat;}
.iletisim{ background:url(http://i.hizliresim.com/BXLpo9.png); background-position:7% 50%; background-repeat:no-repeat;}
.blogger{ background:url(http://r1309.hizliresim.com/1f/g/spmhy.png); background-position:7% 50%; background-repeat:no-repeat;}
.wordpress{ background:url(http://i.hizliresim.com/rLPy3V.png); background-position:7% 50%; background-repeat:no-repeat;}
.kisisel{ background:url(http://i.hizliresim.com/38yg9M.png); background-position:7% 50%; background-repeat:no-repeat;}
.webmaster{ background:url(http://m1309.hizliresim.com/1f/g/spn3y.png); background-position:7% 50%; background-repeat:no-repeat;} - Üyelik 03.11.2013
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Gaziantep
- Ad Soyad S** Ş**
- Mesajlar 686
- Beğeniler 64 / 90
- Ticaret 52, (%98)
CSS kodları şunlar, bul ve anasayfa,hakkımda,vs. başlıkları altında icon linkleri mevcut bunları değiştirerek kullanabilirsiniz.
/* NAV */
#main-nav{padding: 0 !important; margin:0px 0 0 0; background:url(http://4.bp.blogspot.com/-FKH70YWZ0lI/U6qV8z1AQnI/AAAAAAAAAE4/5EJAxocz704/s1600/menu-bg.png) repeat; float:left; width:100%; }
#main-nav ul{margin-left: 145px;padding: 0; }
#main-nav li{ display:block; float:left; background-image:url(http://3.bp.blogspot.com/-l5iCVD2v4Vg/U6qV89pJtDI/AAAAAAAAAE0/YkreZJKSmE0/s1600/menu.jpg); background-position:right; background-repeat:no-repeat; }
#main-nav a {display: block;float: left;position: relative; padding: 1.2em 1.5em 1.2em 3em; text-transform:uppercase; font-size: 11px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#main-nav li:last-child a { border-right: 0; }
#main-nav a:hover {background-color: #0096ff; }
#main-nav .action {float: right;background-color: #282b2b;border-right: 0;}
#main-nav .current > a,
#main-nav li:hover > a { background-color: #0096ff; }
.anasayfa{ background:url(http://i.hizliresim.com/1PJ50j.png); background-position:7% 50%; background-repeat:no-repeat;}
.hakkimda{ background:url(http://i.hizliresim.com/ml2YjV.png); background-position:7% 50%; background-repeat:no-repeat;}
.iletisim{ background:url(http://i.hizliresim.com/BXLpo9.png); background-position:7% 50%; background-repeat:no-repeat;}
.blogger{ background:url(http://r1309.hizliresim.com/1f/g/spmhy.png); background-position:7% 50%; background-repeat:no-repeat;}
.wordpress{ background:url(http://i.hizliresim.com/rLPy3V.png); background-position:7% 50%; background-repeat:no-repeat;}
.kisisel{ background:url(http://i.hizliresim.com/38yg9M.png); background-position:7% 50%; background-repeat:no-repeat;}
.webmaster{ background:url(http://m1309.hizliresim.com/1f/g/spn3y.png); background-position:7% 50%; background-repeat:no-repeat;}Hocam onları hallettim sorun kalmadı ama backgroun'un gerisindeki etiket isimlerini değişitirince ikon gözükmüyor? sebebi ne acaba mesela
.wordpress{ background:url(http://i.hizliresim.com/rLPy3V.png); yerine .mobil{ background:url(http://i.hizliresim.com/rLPy3V.png); yapıyorum resim çıkmıyor. 
- Üyelik 24.06.2014
- Yaş/Cinsiyet 28 / E
- Meslek PHP
- Konum Ankara
- Ad Soyad B** U**
- Mesajlar 587
- Beğeniler 11 / 112
- Ticaret 2, (%100)
Hocam onları hallettim sorun kalmadı ama backgroun'un gerisindeki etiket isimlerini değişitirince ikon gözükmüyor? sebebi ne acaba mesela yerine yapıyorum resim çıkmıyor.
.mobil{ background:url('http://i.hizliresim.com/rLPy3V.png');
şeklinde denermisin
;){kind=link}
- Üyelik 03.11.2013
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Gaziantep
- Ad Soyad S** Ş**
- Mesajlar 686
- Beğeniler 64 / 90
- Ticaret 52, (%98)
şeklinde denermisin
Gitti hocam.Aslında bu işlerde yeniyim orda temayı indirdiğimde wp kategorisi vardı ona göre ayarlanmış.O kısım ne işe yarıyorda onu değiştirince ikon kayboluyor onu anlamadım.
- Üyelik 30.10.2013
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum Konya
- Ad Soyad M** A**
- Mesajlar 428
- Beğeniler 162 / 88
- Ticaret 0, (%0)
- Üyelik 03.11.2013
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Gaziantep
- Ad Soyad S** Ş**
- Mesajlar 686
- Beğeniler 64 / 90
- Ticaret 52, (%98)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)