Pagina aggiornata... Domenica, 07 gennaio 2024 *
Tempo di caricamento
0.36
secondi
Link navigazione :
Home telaio ೡ Home ~ Tutorial ~ Basi » Div colorati |
..:: Contenitori div colorati ::..
Vediamo come utilizzare i contenitori div per le basi dei nostri gadget,
quindi inserendo nei parametri oltre quelli per il font, uno style per il bordo e
lo sfondo che può essere un colore o un'immagine.
Partiamo dal codice div base:
<div></div> |
- Aggiungiamo un bordo:
<div style="border:1px dashed #1525ab"></div>
|
- Aggiungiamo uno sfondo con un colore:
<div style="border:1px dashed #1525ab; background-color:#1525ab"></div>
|
- Aggiungiamo i parametri per il font, la posizione per il testo:
<div style="border:1px dashed #1525ab; background-color:#fde7fd; text-align:center;
font-family:Palatino Linotype; font-size: 10pt; color: #1525ab"></div>
Testo |
- Infine aggiungiamo le misure che occorrono per il gadget che vogliamo realizzare
e il parametro per i margini dal bordo:
<div style="border:1px dashed #1525ab; background-color:#fde7fd; text-align:center;
font-family:Palatino Linotype; font-size: 10pt; color: #1525ab; height: 100px; width:300px; padding:5px"></div>
Testo Testo Testo Testo Testo
Testo Testo Testo Testo Testo |
Al posto del colore per lo sfondo possiamo inserire un'immagine
<div style="border:1px dashed #1525ab; background-image:url('images/182.gif');
text-align:center; font-family:Palatino Linotype; font-size: 10pt; color:
#1525ab; height: 100px; width:300px; padding:5px"></div>
Testo Testo Testo Testo Testo
Testo Testo Testo Testo Testo |
Non è importante in quale ordine si aggiungono i vari parametri
ma lo è fare attenzione alla sintassi del codice, cioè virgole, punti e virgola e i due punti.
Sistemata la base potrete procedere all'inserimento dello, o degli script.
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 questo tutorial... Grazie ^_^
|
Voti totali: |
4 |
Rating... |
5 |
|
Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^
|
I vostri commenti in questa pagina...
~ Pagina visitata da 2104 utenti
|
H:
Buon Autunno
!
Segui il telaio su Facebook
* Info sezione...
Mi farebbe molto piacere la condivisione
dei 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 ::..
Accessori e gadget del telaio...
Spazio web...
Realizzare e gestire un sito web nell'hosting free più famoso...
Un sito su Altervista
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
Gif & co...
|