piątek, 6 lipca 2012

Jak zrobić zmienny nagłówek?

1. Przygotowujesz sobie 2-10 (można więcej) obrazków, najlepiej o takich samych wymiarach

2. Logujesz się na swojego bloga
3. Przechodzisz do działu Projekt
4. Dodajesz w pasku pod nagłówkiem (lub zamiast niego) nowy gadżet HTML/Javascript i w treści wklejasz to:


Kod
<script type="text/javascript">
var banner= new Array()
banner[0]="URLImagE"
banner[1]="URLImagE"
banner[2]="URLImagE"
banner[3]="URLImagE"
banner[4]="URLImagE"
banner[5]="URLImagE"
banner[6]="URLImagE"
banner[7]="URLImagE"
banner[8]="URLImagE"
banner[9]="URLImagE"
var random=Math.floor(10*Math.random());
document.write("<div class='random-header'><img src='" + banner[random] + "' /></div>");
</script>


Tam, gdzie jest napisane URLImagE podajesz adresy przygotowanych obrazków wcześniej przesłanych na pomocną nam do tego stronę, w naszym przypadku IMAGESHACK. Jeżeli obrazków ma być mniej niż, np. 5 to liczba wierszy dojdzie do banner[4] (resztę usuń) natomiast zamiast 10*Math będzie 5*Math. Jeżeli, np. tylko 3 obrazki to liczba wierszy dojdzie do banner[2], a 10*Math zmieni się na 3*Math. itd. itp.

5. Zapisujesz zmiany, potem także nowy układ, aby wszystko się zatwierdziło.

6. Przechodzisz do Projekt -> Projektant szablonów -> Zaawansowane i w sekcji CSS dopisujesz:


Kod
.random-header {margin: 0 auto; text-align: center;}



7. Zapisujesz zmiany i gotowe.


Instrukcja pochodzi z forum.blogowicz.info

Brak komentarzy:

Prześlij komentarz