 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Box scroller ::.. Uno degli script più geniali di quei geniacci di Dynamic DriveIl codice di questi scroller è composto da, due div associati che contengono il testo che viene scritto, una table in cui vanno inseriti le scrittine, testo o immagini per lo scroll e un piccolo script che fa' funzionare il meccanismo Si posta tutto insieme, nel punto in cui si vuole visualizzare, quindi sotto il tag <body>
Vediamo come personalizzare lo scroller In base al tipo di box che vogliamo realizzare le prime personalizzazioni le andremo ad effettuare nei div che conterranno il testo e che determinano anche le misure dello spazio in cui scrivere oltre che lo style del font che si vuole utilizzare, tipo, colore e misura Quindi al codice base del primo div andremo ad aggiungere tutti i parametri che ci occorrono, sistemiamo le misure width:200px; height:70px;, se ci serve rediamoil bordo visibile border:0px;, un colore o immagine per lo sfondo e i parametri per il font
- Con questi parametri avremo un contenitore così: - Nel secondo div dovremmo solo sistemare la misura della larghezza width:200px;Ora in base alla misura data in larghezza width:***px; al contenitore del testo,andremo a personalizzare la table per le scrittine, testo o immagini dei tasti scroll, up e down, quindi alla table daremo la stessa misura in larghezza del div, se preparate delle immagini cercate di farle con le stesse misure per width e height affinché risultino armoniose- La table è composta da una riga e tre celle, nelle ultime due sistemeremo i tasti per lo scroll e in base alla misura in larghezza che occupano daremo la misura alla prima cella che rimarrà vuota  - I tasti dello scroll sono dei link quindi se li inseriamo con il testo avranno lo style degli altri link scritti nella pagina, altrimenti è possibile personalizzare lo style in linea per averli abbinati al resto del box
Ed ecco un esempio live con le personalizzazioni che vi ho mostrato 
Lasciamo intatto lo script, ultima parte del codice e proviamo l'effettoNel box si può scrivere quanto si vuole, inserire dei link e immagini, occorre solo un po' di pazienza con le misure, se si preferisce inserire in una tag grafica N.B.: In una pagina si può inserire un solo scroller, qui li visualizzi grazie a degli iframe # Prelevate qui il codice
Se volete realizzare dei gadget/accessori da far prelevare vi serviranno anche:-> Iframe -> Textarea -> Pagina anteprima gadget Spero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥ ೡ Dai un giudizio a questa guida... Grazie ^_^
- Pagina visitata da 3452 utenti |
* Info sezione...Mi farebbe molto piacere la condivisionedei miei tutorial ma vi sarei anche molto grata se evitaste di fare copia e incolla su altri spazi del mio lavoro, linkate le pagine, avvisatemi ricambierò senza problemi. Grazie ♥ ..:: Basi ::.. ..:: html ::.. ..:: Script page ::.. ..:: Script gadget ::..
..: Spazio web... Realizzare e gestire un sito web con l'hosting free più famoso...  
|
.gif){kind=small}
I vostri messaggi...
|
Referer... 
|
Penelope
ti ringrazio anche per aver aggiunto informazioni molto utili
|
html & script Tutorial è online dal 2011... e dopo una lunga pausa ripartiamo da... 18 giorni ೡ Copyright © Penelope 2008 - 2023 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |