 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Contenitori div invisibili ::.. Se vogliamo realizzare dei gadget ci sarà sicuramente utile sapere come poter utilizzareun contenitore div, una base invisibile è l'ideale quando facciamo dei gadget in cui vogliamo visualizzare il testo di uno script senza sfondo, o nel caso utilizziamo una base grafica, sarà il supporto per posizionare nel punto giusto lo script.
Realizzare un gadget con un div "invisibile" è ovviamente molto semplice, basta non inserire parametri per bordi e sfondo, useremo solo quelli necessari per le misure e il testo
Vediamo il codice:
Tutto qui nulla di complicato ^_^ Un po' più laborioso è utilizzare un contenitore div su una base grafica, in quanto dovremmo posizionarlo esattamente dove ci serve^^ Se usate FrontPage procedete cosi, aprite una nuova pagina, inserite l'immagine (base grafica) preparata, posizionate il mouse sotto il codice dell'immagine, quindi cliccate su Normale Cliccate su "Inserisci" poi su "Livello" # Se utilizzate Dreamweaver 8 -> Cliccate qui^^  Oppure...  Tramite il mouse, posizioniamo il "livello" sull'immagine, i puntini blu ci permetteranno di regolarne la misura  Tornando in modalità "Codice" troveremo nella pagina il codice del contenitore div; contiene oltre alle misure che abbiamo stabilito agendo sui puntini blu, la posizione rispetto alla pagina con i parametri left: xxpx e top: xxpx" Il parametro id="livello1" può essere utilizzato per inserire il valore nel caso si voglia utilizzare una classe per lo style.(Se non serve si può cancellare)
A seconda del tipo di script che vogliamo utilizzare aggiungeremo i parametri per il font e la posizione del testo; al posto di inseriamo il nostro script ^_^
N.B.: Se realizziamo dei gadget da far prelevare sarà necessario "inserirli" in un -> Iframe per un "lavoro" perfetto un piccolo consiglio, inserite i parametri nel body, sia in linea o nei css, per avere la base grafica attaccata al bordo superiore della pagina, poi inserite il div;
Spero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥
|
|
~ Pagina visitata da 2319 utenti
H:
Buon Autunno
e ...buona domenica!
Segui il telaio su Facebook
* 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 ::..
- Box effetto rilievo
- Basi CSS pagina web
- CSS elemento div
- CSS div struttura sito
- CSS sito responsive Flexbox
- CSS table
- CSS table struttura sito
- CSS file esterno
- Cbox - Chat per brevi messaggi
- Cbox - Theme editor
- Cursore
- Font personalizzato nel sito...
- Iframe per accessori e gadget
- Iframe per sito web
- Immagini
- Ipertesto - Link
- Link style
- Link ancora o interno
- Marquee
- Marquee speciali
- Marquee javascript
- Sfondo pagina
- Table basi e style
- Table sfondo
- Table scroll
- Table lavori
- Testo, font e personalizzazioni
- Textarea
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
- Adottini e mascottine
- Almanacco
- Bottoni top pagina
- Blogger Post e commenti
- Countdown Natale
- Calendari
- Datari con saluto
- Data e ora
- Decori pagine web
- Favicon
- Mini cursori
- Orologi
- Regala una rosa...
- Stagione attuale
- Settimanelli
- Settimanelli Natale
- Salutini in pixel
- Tag dell'umore
- Time e news
- Tag grafiche
..Natale menu..
ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio
|
Sito o forum Blogger-Blogspot |
 |
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
un abbraccio
, ho preso un decoro per l'home natalizia ♥
♥♥ |
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 2 anno, 2 mesi, 22 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |