Oficjalne forum pomocy serwisu PUN.pl

xn

Użytkownik

Dołączył: 2010-08-09

Liczba postów: 455

Wiadomości błędów

Czasem użytkownikom coś nie działa z jakiegoś powodu. Wiadomości błędów ułatwiają życie zarówno userom, jak i adminom.

Kody zalecam wklejać pod ogłoszeniem, w tym celu na samym końcu kodu ogłoszenia wklej:

</div></div></div>
Tutaj idą kody wiadomości błędów
<div><div><div>

1. Jeśli użytkownik nie ma włączonego javascriptu

<center>
<noscript><div class='message error'>
<strong>Uwaga!</strong>
<p>Masz wyłączony javascript. Niektóre funkcje forum mogą nie działać.<br/>
Włącz javascript lub dodaj pun.pl do zaufanych witryn w noscripcie.</p>
</div></noscript>
</center>

2. Wiadomość dla użytkowników IE w wersji starszej niż 8 (czyli 7, 6, 5.5 itd).

<!--[if lt IE 8]>
<center>
<div class='message error'>
<strong>Używasz nieaktualnej przeglądarki.</strong>
<p>Poważnie? Używasz IE w wersji starszej niż 8?<br />
Lepiej zainstaluj <a href="http://www.mozilla.org/pl/firefox/fx/">prawdziwą przeglądarkę</a>.</p>
</div>
</center>
<![endif]-->

[Swoją drogą - do testowania jak strona wygląda na danej wersji IE polecam: http://www.my-debugbar.com/wiki/IETester/HomePage ]

3. Jeśli mamy styl na zewnętrznym serwerze, a hosting padnie (lub user nie będzie mógł z powodu, np. cenzora połączyć się ze stroną) wyświetli się następujący błąd.

<center>
<div class='message error' id='jakistan'>
<strong>Nie można pobrać stylu forum.</strong>
<p>Postaramy się to szybko naprawić.<br /> Jeśli błąd nie zniknie w ciągu doby - zgłoś to administracji.</p>
</div>
</center>

Do css na zewnętrznym serwerze wklejamy natomiast:

#jakistan {display:none}

I na koniec - styl do wszystkich trzech wiadomości o błędach:

/* Błąd */
.message.error {
    background-color: #872D2D;
    border-color: #C15050;
    text-align: center;
    width: 450px;
    color: #F6DDDD;
    background: url("http://i.imgur.com/Eu6zq.png") repeat-x scroll 0 0 #AD2930 !important;
}


.message {
    background: url("http://i.imgur.com/Eu6zq.png") repeat-x scroll 0 -1px #768D3D;
    border: 1px solid #8CA54D;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 1.6;
    padding: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

Ostatnio edytowany przez xn (2012-07-31 13:38:54)