GRAFIKA TUTORIAL {ruchome banery}


Na niektórych blogach często widać ruchome banery. Wygląda to profesjonalnie i zajmuje mniej miejsca. Przydatna sprawa. Dzisiaj mały tutorial jak zrobić coś takiego:
https://openmerchantaccount.com/img/RUCHOME.PNGhttps://openmerchantaccount.com/img/RUCHOME2.PNGhttps://openmerchantaccount.com/img/RUCHOWE3.PNG
Banery zatrzymują się po najechaniu na nie myszką, można też ustawić szybkość, kierunek oraz ich wielkość.
Na początek potrzebujemy adres URL obrazka, czyli nic trudniejszego jak wejście na którąś stronkę hostującą i załadowanie tam pliku. Ja używałam często Tinypic albo HTTPS Image.com ale jeśli odpowiada wam jakakolwiek inna strona po wpisaniu w wyszukiwarkę „hostowanie obrazów” też będzie okay. 




Później wklejamy taki kod:
<marquee direction=”right" onmouseout="this.start()" onmouseover="this.stop()" scrollamount=”4"><a href=”LINK 1" target="_blank"><img alt=”LINK 2" border="0" height=”130" src=”LINK 2"/></a></marquee>

Co oznaczają poszczególne parametry i gdzie co wstawić:
right – czyli kierunek poruszania się banerów (left- w lewo, right- w prawo, down- do dołu, up- do góry)
4 – szybkość poruszania się banerów (im większa liczba tym szybciej się poruszają)
LINK 1 – link do strony, do której chcemy się przenieść po kliknięciu
LINK 2 – adres URL obrazka, który dostaliśmy na stronie hostującej
130 – wysokość banerów, dodane banery będą się pomniejszać wraz z liczbą

Jeśli chcesz więcej ruchowym banerów w jednym pasku należy wpisać kod poniżej pomiędzy </a> a </marquee> i tak dalej i dalej.

<a href="LINK 1" target="_blank"><img alt="LINK 2" border="0" height="130" src="LINK 2"/></a>

Jeśli masz już wszystkie banery które chciałeś/chciałaś wystarczy dodać gadżet, ustawić go w pasującym miejscu i zapisać rozmieszczenie. Mam nadzieję, że wytłumaczyłam to w miarę zrozumiale, starałam się wszystko zrobić tak jakbym sama chciała mieć to rozpisane. W razie jakiś problemów piszcie do mnie, postaram się pomóc :)


Przydał wam się ten tutorial? Chcielibyście więcej takich instrukcji to różnych kodów i trików umożliwiających zrobienie czegoś więcej na blogu? 
PODPIS

7 komentarzy:

  1. Na pewno zrobię takie bannery u siebie, są świetne :D

    ocean-slow.blogspot.com

    OdpowiedzUsuń
  2. Bardzo fajny wpis. Ja niestety jestem "noga" do takich zabaw, a może boje się próbować - nie wiem. Tak rób takie wpisy mi się marzy wysuwane menu

    OdpowiedzUsuń
  3. wytłumaczyłaś to tak, że ja to nawet zrozumiałam ;) Wielkie dzięki za taki wpis i jakbyś miała chęć to więcej takich pisz może wykorzystam to wraz z koleżanką na naszym blogu :)

    http://w-krainie-fantazjii.blogspot.com/

    OdpowiedzUsuń
  4. Bardzo pomocny i fajny wpis, ale jestem pewna, że ja jako typowy graficzny nieudacznik to i tak bym się zagmatwała :D

    OdpowiedzUsuń
  5. Dzięki Ci za ten wpis, u mnie to jest tak, ze odrobina techniki i już się gubię :)

    OdpowiedzUsuń
  6. Wow! Przydatna rzecz. :) Planujesz może publikować częściej takie wpisy?
    Taka niezdara jak ja, byłaby baardzo zainteresowana.

    OdpowiedzUsuń
  7. Przyda się, i to jak, dzięki wielkie! :D
    Pozdrawiam serdecznie! ;*
    http://ravenstarkbooks.blogspot.com/

    OdpowiedzUsuń

Jestem wdzięczna za każdy Wasz komentarz i opinie. Dziękuję ;D

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...