23 czerwca 2013

Instrukcja - Rotator napisów/buttonów

wchodzimy na swój blog -> układ -> dodaj gadżet -> HTML/Java Script

1. Rotator napisów.

wklejamy to: 
<marquee align="center" direction="up" height="100" scrollamount="2" width="50%">
W tym miejscu wpisujemy nasz tekst.
</marquee>


Co znaczą poszczególne frazy?
marquee - nakazuje obiektowi się ruszać
align="center" - wyśrodkowanie
direction="up" - kierunek, w którym obiekt ma się przesuwać (w tym wypadku z dołu do góry) można również ustawić "down" (z góry do dołu) "left" (z prawej do lewej) bądź "right" (z lewej do prawej)
height="100" - wysokość naszego gadżetu. Czyli zmniejsza lub zwiększa pole, po którym jeździ obiekt.
scrollamount="2" - im większa liczba się tutaj znajdzie, tym szybciej obiekt będzie jeździł. Nie ustawiajcie za szybko, bo będzie nieczytelne!
width="50%" - szerokość pola, po którym porusza się obiekt.
Oczywiście wszystkie wartości powinniście dopasować sobie według uznania i potrzeb. 

2.Rotator buttonów:

przykład:
<marquee align="center" direction="up" height="110" scrollamount="4" width="135%">
<img src="http://3.bp.blogspot.com/-OtvpzhEIByo/UcCkWCizIBI/AAAAAAAAEWc/OIb7PkCTYjQ/s1600/button3.png" /><br />
<img src="http://3.bp.blogspot.com/-OtvpzhEIByo/UcCkWCizIBI/AAAAAAAAEWc/OIb7PkCTYjQ/s1600/button3.png" /><br />
<img src="http://3.bp.blogspot.com/-APeCrEFAiyQ/UcCkWNleUAI/AAAAAAAAEWU/DUUkh-RlkVw/s1600/button2.png" /><br />
 </marquee>

Frazy nie zmieniają się dochodzi zaś tylko:
<img src='adres url obrazka'> - kod na dodanie obrazka
<br /> - to po prostu enter. Sprawia, że buttony przesuwają się jeden pod drugim. 

Jak to wygląda macie tutaj: >blog próbny<

No to chyba wszystko. We wtorek kończy mi się staż, dlatego do wtorku oddam wszystkie zamówienia od siebie z kolejki. Po za tym macie jeszcze jakiś pomysł na instrukcję? 
Pozdrawiam :3

8 komentarzy:

  1. Wiesz Coduś, że jesteś wielka? Przyda się to jak nie wiem co! ;*

    OdpowiedzUsuń
  2. kurcze, a już myślałam że dzisiaj się doczekam szablonu (śledziłam waszą rozmowę na czacie ^^) no nic, do wtorku wytrzymam. :D
    Pozdrawiam! ;*

    OdpowiedzUsuń
  3. No i jest! ^^ Genialnie ;) Udało mi się to zrobić :D I nawet nic nie sknociłam, chociaż ustawiłam własne parametry xD

    OdpowiedzUsuń
  4. Fajna instrukcja, chyba ją zrozumiałam :D A co jeśli chciałabym żeby przesuwające się zdjęcia po kliknięciu przekierowały nas do postu?

    OdpowiedzUsuń