Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Forum hata ekran görüntüsünü özelleştirin

XF 1 Style Forum hata ekran görüntüsünü özelleştirin

Uyumlu XF 1 Sürümleri
  1. 1.0
  2. 1.1
Forum hata ekran görüntüsünü özelleştirin
Forum hatalarınızı daha belirgin ve daha şık göstermek için kullanılabilir aynı zamanda Responsive olarak,

Önce
hata10.webp
Sonra
hata1.webp

Kurulum;
Temanızın error isimli şablonu açın ve içindeki kodları bunlar ile değiştirin.

HTML:
<xen:edithint template="error.css" />
 <xen:title>{xen:phrase error}</xen:title>
  <xen:container var="$head.robots"><meta name="robots" content="noindex" /></xen:container>
  <div class="xFHataBG">
    <div class="xFHataHeader">{$xenOptions.boardTitle} - {xen:phrase error}</div>
      <div class="xFHataaltBG">
    <a class="close OverlayCloser"></a>
    <xen:if is="{xen:count $error, false} == 1">
        <xen:if is="{$showHeading}"><h2 class="heading">{xen:phrase following_error_occurred}:</h2></xen:if>
          <p><i class="fa fa-exclamation-circle"></i></p>
    
        <div class="baseHtml">
        <xen:foreach loop="$error" key="$key" value="$value">
            <label for="ctrl_{$key}" class="OverlayCloser">{xen:raw $value}</label>
        </xen:foreach>
        </div>
    <xen:else />
        <xen:if is="{$showHeading}"><h2 class="heading">{xen:phrase please_correct_following_errors}:</h2></xen:if>
    
        <div class="baseHtml">
            <ul>
            <xen:foreach loop="$error" key="$key" value="$value">
                <li><label for="ctrl_{$key}" class="OverlayCloser">{xen:raw $value}</label></li>
            </xen:foreach>
            </ul>
        </div>
    </xen:if>
  </div>
</div>

Ve yine aynı temanın error.css isimli şablonu açın ve en üstüne bu kodları ekleyin.

HTML:
.xFHataBG
    {
    background: rgb(209, 235, 240) none repeat scroll 0 0;
    border: 1px solid rgba(20, 106, 125, 0.2);
    border-radius: 5px;
    color: rgb(11, 76, 91);
    margin: 10px auto 20px;
    padding: 5px;
    }
@media (min-width: 768px)
    {
    .xFHataBG {width: 50%;}
    .xFHataHeader {font-size: 18px;}
    .xFHataaltBG {font-size: 15px;}
    }

@media (max-width: 769px)
    {
    .xFHataBG { width: 95%;}
    .xFHataHeader {font-size: 14px;}
    .xFHataaltBG {font-size: 12px;}
    }
    
.xFHataHeader
    {
    background: rgb(21, 109, 129) none repeat scroll 0 0;
    color: rgb(208, 226, 230);
    padding: 5px;
    }

.xFHataaltBG
    {
    background: rgb(229, 248, 252) none repeat scroll 0 0;
    border: 1px solid rgba(11, 76, 9, 0.3);
    padding: 5px;
    }
    .xFHataaltBG a { color: rgb(204, 0, 0);}
    
    .xFHataaltBG
        {
        color: rgb(11, 76, 91);
        text-align: center;
        }



hata1.webp hata2.webp
  • Beğen
Tepkiler: bozkurt
Yazar
eTiKeT™
Görüntüleme
1,810
İlk yayınlama
Son güncelleme

Puanlar

5.00 yıldız 1 değerlendirme

eTiKeT™ ait diğer kaynakar

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Geri