smf-kategori-id-numarasi

Smf ana kategori başlıklarına CSS ile ikon ekleme


SMF Forumun görünümünü biraz daha güzelleştirmek için ufak tefek çalışmalar yapıyorum, bugün ana kategori başlıklarına çeşitli ikonlar ekledim ve içerik göze oldukca hoş görünmeye başladı.

Olay çok basit; her şeyi CSS ile hallediyor, PHP kodlarıyla kesinlikle uğraşmıyoruz. SMF zaten her kategoriye bir id numarası veriyor, bu numaralara göre temanın index.css dosyasına ilgili kodları eklediğimiz zaman başlıklarda ikon gösterme olayının kolaylıkla üstesinden gelmiş oluyoruz.

Temanızın images klasöründe ikon isimli bir klasör oluşturun ve 26×26 piksel ebatlarındaki ikonlarınızı bu klasörün içerisine yükleyin. Ardından temanızın index.css dosyasına aşağıdaki kodları kategori sayınız kadar çoğaltarak kopyalayıp ekleyin:

1
2
3
4
5
#c2 {
background: url(../images/ikon/c2.png) left center no-repeat;
float:left;
padding: 0px 0px 0px 30px;
}

SMF Kategorilerinin ID numaralarını sayfanın kaynak kodlarından ya da kategori başlığı üzerine gelerek tarayıcınızın durum çubuğundan öğrenebilirsiniz.

Aşağıdaki örnek resimdeki kategorinin ID numarası c6
smf-kategori-id-numarasi

Demo:
http://forum.320volt.com/index.php

İlginizi Çekebilecek Diğer İçerikler

4 Yorum

  1. erbaşaran dedi ki:

    teşekkür ederim.

  2. GökTürk dedi ki:

    Öncelikle teşekkür ederim.
    ben sizden buna benzer bişey rica edeceğim.
    ccs ile kategoriler arasına adsense reklamınıda ekliyebilirmiyiz.
    cevap evet ise nasıl ?

  3. Pikachu dedi ki:

    Bu site Google reklam aramalarında çok çıkıyor bir soru sorulmuş uzun müddet önce ama cevap olsun :)
    Download linki : http://custom.simplemachines.org/mods/index.php?mod=2557 Adsensse reklam kodlarınızı yapıştırın nerede isterseniz yayınlayın..

    Örnek : pointblankturkiye.net/forum

  4. Pikachu dedi ki:

    pointblankturkiye.net/pbt-kurallarimiz-t2.0.html buraya bakarsanız altta iki forum arası reklamı göreceksiniz…

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

GökTürk için bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir