Cursorul pentru site-ul și textul defilare fără un plugin
În acest articol, voi spune și vă arată cum să facă un cursor și știri ticker pe cont propriu, fără plugin.
Un exemplu de acest cursor puteți vedea în bara laterală.
Astăzi veți afla cât de ușor este de a face o linie de rulare, și ajusta dimensiunea fontului și culoarea.
Totul se face nu este dificil, cu ajutorul unui anumit cod. Acesta poate fi plasat pe orice pagină a site-ului și, în orice parte a textului.
Asta din codul sursă, vom crea acum propriul slider:
Acum, se pare ca acest lucru:
Acolo va ajusta direcția de mișcare a cursorului, viteza, dimensiunea ferestrei, culoarea de fundal, și de câte ori se va derula obiecte.
Fiecare fotografie va fi un link către pagina dorită.
Astfel, imaginea pe care ați pregătit, iar acum au nevoie pentru a încărca fișiere media pe site-ul tau. Pentru a face acest lucru în consola, du-te la Media -Add filă nouă și încărcați imaginea modificată.
Voi arăta exemplul lui glisor.
schimba imediat lățimea ferestrei slider size = »lățime“ și height = »Inaltime“ .u ma 250 x 150.
Se determină viteza de derulare scrollamount = 1 la 10. 1 - cel mai lent, 10 - cel mai rapid.
Toate link-urile verzi selectate și modificările de valoare pe cont propriu, albastru marcat părți de cod care nu ar trebui să fie schimbat.
Am avut un cod de genul:
Pune atribut pentru a se referi la imaginea:
Nume imagine de scriere pentru comoditate. Pentru a posta mai ușor pentru a găsi codul.
Acum, codul arata ca acest lucru:
În plus, în partea de jos a imaginii - link-urile trebuie să punem o scurtă descriere a articolului sau numele acestuia.
Pentru comoditate în continuare, lectură și de a face modificări în codul (schimba imaginea, șterge / adăuga), vom scrie porțiunea vizibilă a textului de pe o linie nouă:
Pentru text ottsentrovki, utilizați tag-uri
- și
Adăugați link-ul de mai jos pentru a fotografia.
Distanța între imaginile fac etichetele
.
Va arata astfel:
La sfârșitul scrie cursorul
și o etichetă de închidere . Salvați și a vedea rezultatul.
-
Verificați ortografia
-
online gratuit.
Adăugarea imaginilor poate fi, după cum doriți. Codul nu incetineste site-ul de încărcare. După ce a scris cursorul său poate fi introdus, la fel ca în bara laterală (Aspect - widgeturi - Text), și în orice pagină în articol.
Schimbă dimensiunea fontului
înălțimea textului de 9 pixeli
înălțimea textului de 9 pixeli
Text 18 pixeli înălțime
Text 18 pixeli înălțime
slider cadru
style = »padding: 10px; border-dreapta: 2px din argint masiv; border-top: 2px din argint masiv; border-stânga: 2px din argint masiv; border-bottom: solid 2px argint; »
Edit cursorul este fără sfârșit, dacă sunteți chiar ușor versat în HTML.
Aici, de exemplu, mai multe setări de cod:
hspace = „număr“ - numărul de pixeli de pe partea stângă și dreaptă a cadrului la obiect.
vspace = „figură“ - distanța în pixeli din partea de sus și de jos a cadrului obiectului.
I Vkontakte. Sunt pe Twitter. Alatura-te acum!