17 Oca 2021 03:34 Yeni Konu Oluştur

Haberler:

Sitemiz Smf 2.1 ve Smf 2.0 sürümleri için Destek ve Tema paylaşım forumudur


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

Başlatan snrj, 26 Kas 2014 11:06

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 2,987

  2. 579

  3. 862

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

'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ı :P bir smf.konusal.com anlatımıdır



  1. 632

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

*

  1. 43

  2. 15

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

*

  1. 1,075

  2. 98

  3. 281

Alıntı yapılan: memurhocam - 10 Oca 2021 14:02hocam bu iconlar yerine fontawesome iconlarını nasıl kullanabilirim.

.generic_icons.yeni{
    background-position: -1px -64px;
}
Yerine FontAwesome'nın icon css bulup örneğin:
.fa-abacus:before {
    content: "\f640"
}
Daha sonra şöyle bir mantık ile deneyin:
.generic_icons.yeni:before{
    background-position: 0;
    content: "\f640";
}


*

  1. 2,987

  2. 579

  3. 862
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 :D



MENU ×