Forum'da ara:
Ara


Yazar Mesaj
Mesaj03.09.2012, 16:52 (UTC)    
Mesaj konusu: Menülerimizin Başına İcon

Merhaba arkadaşlar, ben Muhammed Enes Ekinci, uzun zaman önce tr.gg kullandım, ilk geldiğim de 0 bilgiye sahiptim. CSS nedir falan hiç bilgim yoktu. Aradan seneler geçti şuan kendimi yeterince geliştirdiğime inanıyorum ve burada ki arkadaşlarıma yardım etmek istiyorum, bu ilk konumda sizlere menülerimizin başına nasıl icon ekleyebiliriz bunu göstermeye çalışacağım, fakat bu css tasarımlar için geçerli.

Elimiz Anasayfa diye bir yazı var öncelikle buna link değeri vermemiz lazım, bunun için
Kod:
<a href="adres">Anasayfa</a>

Anasayfa'ya bu şekilde link değerini verdik. adres kısmına örnek olarak www.facebook.com yazabilirsiniz.

Şimdi bunun başına <img src="resimadresi" /> yolu ile resim ekleyebiliriz, fakat biz farklı ve daha sağlıklı bir yöntem kullanacağız.

Linkimize class atayacağız ve class üzerinden değer vererek icon ekleyeceğiz,

Kod:
<a href="adres" class="icon">Anasayfa</a>


Gördüğünüz gibi class atama işlemini tamamladık. Şimdi iş css kısmına geldi. Tasarım ayarları > Gelişmiş Ayarlar > CSS Kodu

Bu kısma geldikten sonra bu alana şunları yazıyoruz

Kod:
a.icon {background: url("resimadresi") no-repeat ;  padding-left: (bu icon ile link arasında ki mesafeyi ayarlar )20px;}
[/code]

Şimdi kontrol edin, ekleyeceğiniz icon küçük olsun, yazıdan büyük durmasın,

Sorularınızı yazabilirsiniz
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu