Neler yeni

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.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
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.png
Sonra
hata1.png

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.png hata2.png
  • Beğen
Tepkiler: bozkurt
Yazar
eTiKeT™
Görüntüleme
1,652
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 1 değerlendirme

eTiKeT™ ait diğer kaynakar

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.