2017

Cum se realizeaza un scroll pentru blog

La rugamintea unui prieten care a vazut pe o pagina web un cod pentru scrolls dar care functiona numai in limbajul php, un cod ce nu poate fi folosit in sablonul blogger, azi voi prezenta cateva coduri html folosind <marquee> si care se adapteaza perfec in blogger si functioneaza bine in majoritatea browusere-lor.

Derulare text de la dreapta spre stanga
Pentru Webmasters

Copieaza codul urmator si adaugal pe blog:
<marquee>aici vine textul</marquee>


Daca vrei sa schimbi sensul foloseste urmatorul cod:
<marquee direction="right">Pentru Webmasters</marquee>

Pentru Webmasters

Scroll orizontal cu imagine in loc de text:


- codul este urmatorul:
<marquee><img src="URL_IMAGINE" width="64" height="60" class="imgizqda" /></marquee>


Acelasi scroll cu sens schimbat:


SI CODUL:
<marquee direction="right"><img src="URL_IMAGINE" width="64" height="60" class="imgizqda" /></marquee>


Scroll imagine + text;
Pentru Webmasters

si codul:
<marquee><img src="url_imagine" width="16" height="16" class="imgizqda" />aici vine textul</marquee>

Scroll text pe verticala:
Pentru Webmasters
<marquee direction="up" height="50">Pentru Webmasters</marquee>

Pentru Webmasters
<marquee direction="down" height="50">Pentru Webmasters</marquee>


Statie universala de incarcare 4 + 2 USB

Incarcatorul universal poate incarca pana la 6 dispozitive simultan. 4 sloturi interschimbabile pot fi echipate cu adaptoarele incluse pe panoul special de incarcare. In plus, dispozitivul este prevazut cu 2 porturi USB pe partea laterala, unde pot incarcate orice tipuri de dispozitive cu interfata USB. Datorita designului elegant si a culorii negru-pian, incarcatorul se integreaza perfect atat la birou cat si acasa.


logo señal


<marquee behavior="scroll" scrollamount=1 direction="up" height="140">TITLU</p>
<p>Spatiu pentru descriere</p>
<p><a href="url_link" target="_blank"><img src="url_imagine" alt="logo señal" width="167" height="142" class="imgcen" /></a></marquee>

9 comentarios:

  1. Am înţeles mesajul. Era frumos dacă mergea. Îţi mulţumesc pentru deschidere şi colaborare!

    RăspundețiȘtergere
  2. Salut Liviu,nu am inteles la ce te referi ca nu functioneaza? sau poate te referi la scroll?

    RăspundețiȘtergere
  3. Pentru scroll se poate face ceva cu div :)

    RăspundețiȘtergere
  4. Salut,Un tutorial dragut,pentru un incepator ca mine este ceva nou,vreaus a spun ca functioneaza.
    Multumesc.

    RăspundețiȘtergere
  5. Salut Alexandru, atunci succes in continuare.

    RăspundețiȘtergere
  6. foarte faine scrolurile.
    dar cum facem ca atunci când fixăm mouse-ul pe el să se oprească ?
    eu am folosit așa ceva pe blogul meu, inclusiv colorat, bolduit fontul dar nu-mi permite să scriu aici ca și html

    RăspundețiȘtergere
  7. Buna thamara, tot pe acest blog gasesti si varianta ceruta de tine, vezi aici: http://nouwidget.blogspot.ro/2010/05/text-in-miscare.html - SUCCES!

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc