XenForo Logo Alanını Modern ve Profesyonel Yazı Tipine Dönüştürme

XenForo Logo Alanını Modern ve Profesyonel Yazı Tipine Dönüştürme

0 17

Administrator
Katılım
19 Ağu 2021
Konular
159
Mesajlar
317
Ticaret
0 / 0 / 0
NZR
112.65₺
Çekimlerim
0

Adım: Mevcut Logoyu Kaldırma​

XenForo'da logo, genellikle PAGE_CONTAINER şablonundaki <xf:macro name="logo" ... bloğu ile çağrılır.

  1. Admin Paneli > Görünüm > Şablonlar yolunu izleyin.
  2. PAGE_CONTAINER şablonunu açın.
  3. <xf:macro name="logo" ile başlayan ve </xf:macro> ile biten alanı bulun.
  4. Bu bloğun içeriğindeki img etiketini içeren satırları silin veya yorum satırına (<xf:comment> ... </xf:comment>) alın.

2. Adım: Yeni Metin Yapısını Ekleme​

Aynı PAGE_CONTAINER içerisinde, logo makrosunun içine veya ilgili alana şu HTML kodunu yerleştirin:

HTML:
<a href="{{ link('index') }}" class="p-header-logo-text">
    <span class="logo-bold">FORUM</span><span class="logo-light">NAME</span>
</a>

3. Adım: Stil Tanımlama​

extra.less şablonuna aşağıdaki CSS kodunu ekleyerek tipografiyi modernize edin:

HTML:
.p-header-logo-text {
    display: flex;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif;
    letter-spacing: -1px;
    align-items: center;

    .logo-bold { font-weight: 800; color: #ffffff; }
    .logo-light { font-weight: 300; color: #ff9900; margin-left: 4px; }
}

@media (max-width: 650px) {
    .p-header-logo-text { font-size: 20px; }
}
 

Konuyu toplam 1 kişi okuyor. (0 kayıtlı üye ve 1 misafir)

Üst
Anasayfa Giriş Yap Kayıt Ol