Yeni mesajlar Yeni konular En çok cevaplanan En görüntülenen konu En çok begenilen

En çok mesaj
Kullanıcı
Mesaj
sdC
36,548
28,518
Eqe
27,459
22,136
TEO
22,076
aSk
20,421
18,604
12,439
11,363

SMF - Ana Sayfaya Yeni Konu Aç ve Son İletiler Butonu Ekleme

Kerim

TF Üyesi
Katılım
2 Ocak 2021
Mesajlar
144
Tepkime puanı
156
Puanları
43
Konum
Dünya
Mesleğin
Düz memur
Cinsiyetiniz
Bay
Yaş
3 aylık
Burc
Kova
Memleket
32 Isparta
Nerden:
44 Malatya
İlgi Alanı:
Forum, fotoğraf, SMF
Xenforonun kullanmış olduğu ana sayfada hızlı yeni konu aç ve son mesajlar butonunu smf için düzenlendik buradanda paylaşmak istedim. Gelelim kodlara, aşağıdaki kodu tüm sayfalarda görünmesini istiyorsaniz index.template.php ye yok sadece ana sayfamda görünsün diyorsanız BoardIndex.template.php de uygun yere yapıştırın. Telefondan yazdığım için şu satırın altına ya da üstüne diyemiyorum şuan. Takılırsanız konu altına yazarsınız. SMF yi sevmeyenlerin yorumları kendine kalsın :D



Kod:
echo '

                  <div class="p-title-pageAction">

                        <a href="', $scripturl, '?action=unread" class="button button--icon button--icon--bolt" title="', $txt['unread_since_visit'], '"><span class="button-text">', $txt['view_unread_category'], '</span></a>

                        <a href="', $scripturl, '?action=post" class="button--cta button button--icon button--icon--write" title="', $txt['foteryenikonu'], '"><span class="button-text">', $txt['foteryenikonu'], '</span></a>

                  </div>';




Yukarıdaki kodu ekledikten sonra aşağıdaki kodu index.css dosyanızda en alta ekleyin.



Kod:
.p-title-pageAction a.button {

    display: inline-block;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    cursor: pointer;

    border: 1px solid transparent;

    white-space: nowrap;

    -webkit-transition: background-color .125s ease, border-color .125s ease, color .125s ease;

    transition: background-color .125s ease, border-color .125s ease, color .125s ease;

    font-size: 18px;

    border-radius: 0px;

    padding-right: 10px;

    text-transform: capitalize;

    padding-left: 10px;

    text-align: center;

    color: #edf6fd;

    background: #2577b1;

    border-color: #2985c6 #21699c #21699c #2985c6;

}

.button.button--cta, a.button.button--cta {

    color: #fff;

    background: #f2930d;

    border-color: #f39e25 #da840c #da840c #f39e25;

}

.p-navEl i {

    margin-right: 5px;

}


Görseli
IMG_20220731_235715.jpg
 

First panel title

First panel content

Second panel title

Second panel content
Üst