smf 2.1 menü simgeleri (menu icon) değiştirme

evet arkadaşlar bildiğiniz gibi smf 2.1 beta 1 ile menülerimize ikonlar geldi



yeni eklediğimiz butonlarda bilindiği üzere soru işareti default olarak geliyor
peki bunu nasıl değiştiririz diyen arkadaşlar için kısa bir ipucu verelim

subs php de bul

Kod Seç Genişlet

'home' => array(
'title' => $txt['home'],
'href' => $scripturl,
'show' => true,
'sub_buttons' => array(
),
'is_last' => $context['right_to_left'],
),
üstteki kodun hemen altına yeni bir buton oluşturalım (kırmızı ile işaretli kısıma dikkat)

'yeni' => array(
'title' => 'yeni button',
'href' => $scripturl . '?action=yeni',
'show' =>true,
'sub_buttons' => array(
),
),



subs php bu kodu eklediğimizde yeni butonumuz oluşmuş ve soru işaretli simgemiz default olarak butona eklendi şimdi yapmamız gereken

index.css ekleme yapmak kırmızı ile işaretli kısım üstteki ile aynı olmalı(bu kodu css de en alta ekleyebilirsiniz)

.main_icons.yeni{
    background-position: -1px -64px;
}

ve sonuç


burda background-position: -1px -64px; deki rakamlarla oynayarak üstteki resimdeki herhangi bir simgeyi kullanabilirsiniz
iyi buton yapımları bir smf.konusal.com anlatımıdır

resim upload scripti kuracaktım hocam linki nasıl eklerim diye düşüyordum eyvallah Allah tutuğunu Altın etsin

hocam bu iconlar yerine fontawesome iconlarını nasıl kullanabilirim.

hocam bu iconlar yerine fontawesome iconlarını nasıl kullanabilirim.

Kod Seç Genişlet

.generic_icons.yeni{
    background-position: -1px -64px;
}Yerine FontAwesome'nın icon css bulup örneğin:

Kod Seç Genişlet

.fa-abacus:before {
    content: "\f640"
}Daha sonra şöyle bir mantık ile deneyin:

Kod Seç Genişlet

.generic_icons.yeni:before{
    background-position: 0;
    content: "\f640";
}

olmadı hocam

smf beta ve rc1 den sonra sanırım class ismini değiştirdi
.generic_icons değil artık .main_icons kullanılıyor bilginize

konunun ilk mesajınıda editlemek lazım