![]() |
![]() |
|||
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>
![]() 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 ![]() Nel 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 ![]() -> 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... ![]() ![]()
|
I vostri messaggi...
|
Referer... |