Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj16.07.2008, 14:12 (UTC)    
Mesaj konusu: Kullanışlı, Kolay, Hızlı CSS Menü

css design kullananlar için artık menü yapmak çok kolay aşağıdaki kodları gerekli yerlere ekleyin ve gerekli yerlerini değiştirin:

Css bölümüne (Tasarım ayarlarındaki css bölümü)

--------------------------------

Kod:
.listim
{
display:block;
text-decoration:none;
background-image: url('http://www.iconarchive.com/icons/iron-devil/fruit-on-the-hand/Blue-icon.gif');
background-repeat: no-repeat;
background-color: #f5f5f5;
width: 150px;
line-height: 35px;
color: darkblue;
padding-left: 33px;
font: bold
}

.listim:hover
{
background-image: url('http://www.iconarchive.com/icons/iron-devil/fruit-on-the-hand/Blue-icon.gif');
background-color: black;
color: white;
font: bold
}


--------------------------------


Daha Sonra Tüm Sayfalara(veya istediğimiz sayfaya) aşağıdaki kodları kopyalıyoruz.


Kod:
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>


yukarıdaki kodda SEO yazan yerlere menü elemanlarını yazmalısınız.
http://www.seonet.tr.gg yerine de tıklanınca açılacak adresleri yazmalısınız.
Ayrıca menü elemanlarını istediğiniz kadar çoğaltmak mümkün.
Css kodundaki resim adresini değiştirerek arkaplandaki resmi değiştirebilirsiniz.
HTML kodlarını menü için ayırdığınız hücrenin içine yerleştirmenizi tavsiye ederim.

CSS KODUNDAKİ display:block yazan yeri display:inline yaparsanız menü yatay menü olur.
Yani
display:block => dikey menü
display:inline => yatay menü

Q.C PASSED
TEST EDİLDİ ONAYLANDI


HERKESE KOLAY GELSİN...
______________




En son seonet tarafından 16.07.2008 14:52:19 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj16.07.2008, 14:40 (UTC)    
Mesaj konusu: Resim

Birde Resim kullanılıp örnek gösterilseydi daha güzel olurdu, Bence.
______________
Sedat YILDIZ

Mesaj16.07.2008, 14:45 (UTC)    
Mesaj konusu:

zaten yapılacak işlemler çok basit:
üstteki kodu css kodları alanına,
alttaki kodu istediğin sayfanın kaynak koduna ekliceksin

tabiki kodları kendinize göre değiştirmelisiniz.
yoksa benim siteye link verirsiniz Very Happy
______________


Mesaj16.07.2008, 17:50 (UTC)    
Mesaj konusu:

ee başka yorum yok mu?
______________


Mesaj18.07.2008, 06:53 (UTC)    
Mesaj konusu:

teşekkürler sağol.. Wink
Mesaj18.07.2008, 07:48 (UTC)    
Mesaj konusu: s.a

saol teşekur ederiz
______________

Önceki mesajları göster:   


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