Jeśli jesteś właścicielem tej strony, możesz wyłączyć reklamę poniżej zmieniając pakiet na PRO lub VIP w panelu naszego hostingu już od 4zł!
Strony WWWSerwery VPSDomenyHostingDarmowy Hosting CBA.pl
Zmiana nagłówka przy odświeżeniu - PHPBB3 - Laj.c0.pl
02
Lip
2011
Witam w ten piękny letni dzień. W poprzednim zdaniu oczywiście znalazła się szczypta ironii, choć i tak dzisiejszy dzień jest lepszy niż cały zeszły tydzień (ciągłe deszcze). Dzisiaj chciałbym się podzielić jedną z porad podanych przeze mnie na forum cba.pl. Mianowicie chodzi o wyświetlanie losowo różnych obrazków w nagłówku forum. Mnóstwo moich pomocnych odpowiedzi przepadło już gdzieś głęboko w otchłaniach forum, dlatego też ten trick wrzucam również i tutaj.

Przejdźmy już do rzeczy. Aby wyświetlać losowe nagłówki potrzebny nam będzie skrypt javascript(php raczej odpada bo działamy na plikach html). Jego celem jest przechowywanie w tablicy ścieżek do obrazków, a następnie losowanie jednego elementu z tej tablicy przy każdym odświeżeniu strony.

Kod javascript wygląda tak:
Kod:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
var elementy = new Array(
'<IMG SRC="obrazek1.jpg">',
'<IMG SRC="obrazek2.jpg">',
'<IMG SRC="obrazek3.jpg">'
);

var liczba = 0;
do { liczba = Math.random(); } while (liczba >= 1);
liczba = Math.floor(liczba * elementy.length);
document.write(elementy[liczba]);
//-->
</SCRIPT>

Powyższy kod pochodzi z forum dobreprogramy.pl

Pliki obrazek1.jpg, obrazek2.jpg i obrazek3.jpg powinny znaleźć się w katalogu głównym naszego forum. Ilość obrazków możemy oczywiście dowolnie zmieniać.

Powyższy kod musimy umieścić w pliku nagłówka naszego stylu graficznego. Dlatego musimy zalogować się na FTP a następnie znaleźć plik styles/nazwa_stylu/template/overall_header.html, otwieramy go a w nim znajdujemy następującą linijkę: Kod:<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

Jak można się domyśleć fragment {SITE_LOGO_IMG} zamieniamy na nasz javascript.

Po modyfikacji wygląda to tak:
Kod:
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
var elementy = new Array(
'<IMG SRC="obrazek1.jpg">',
'<IMG SRC="obrazek2.jpg">',
'<IMG SRC="obrazek3.jpg">'
);

var liczba = 0;
do { liczba = Math.random(); } while (liczba >= 1);
liczba = Math.floor(liczba * elementy.length);
document.write(elementy[liczba]);
//-->
</SCRIPT>
</a>


Po dokonaniu zmian należy jeszcze wyczyścić cache na stronie głównej Panelu Administracyjnego phpbb3. Po tej operacji możemy już cieszyć się losowym nagłówkiem na naszym forum.

Nick:

Pytanie kontrolne: Który bohater Matrixa ma dużo dzieci?

Komentarz:



Udostępnij na Facebooku Udostępnij na Twitterze