Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 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 ^_^

🌱 ✨ Apprezzato
90%
Voti totali: 4
Rating... 4




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









I vostri commenti in questa pagina...


ૡPenelope ♥ ~ 08/05/2024 18:29:18
Grazie infinite per i complimenti cara Lu ho visto che anche tu hai un blog bellissimo, ti ho risposto da te, ma riscrivo qui per aiutare altri amici. Modificare il codice sorgente di un blog Blospot non è semplice e si rischia di fare danno ma si possono aggiungere dei codici personalizzati utilizzando un box
"Aggiungi gadget" HTML/Javascript Un abbraccio ♥
Lu ~ 08/05/2024 14:11:31
Ciao Penelope! Innanzitutto congratulazioni per il tuo blog e grazie per aver condiviso le tue conoscenze con noi!I tuoi tutorial sono fantastici e molto ben spiegati, ma in tutti i tuoi tutorial manca solo un dettaglio essenziale. Non ci dici dove nel codice HTML del nostro blog dobbiamo inserire i codici che fornisci.Ad esempio, sto provando a inserire il codice Colourful Div Containers sul mio blog, ma non so in quale punto dell'HTML dovrei incollare il codice.Potresti per favore aiutarmi con questo? Grazie in anticipo per la vostra attenzione. Un abbraccio dal Brasile!! [Link]


~ Pagina visitata da 2096 utenti





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 e utilità pagine web



html tag scrittura pagine web





Script per pagina



Script per gadget




Preleva anche tu una tag Help donna

Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!



Link del telaio...

ೡ Il telaio di Penelope
☆ Template webset e blog
☆ Un sito su AlterVista
☆ Gif & co...





I vostri messaggi...

filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home
filod'arianna ~ 12/09/2026 06:52:57
Hai mai pensato di buttarti nel creare grafica e tutorial per ForumFree? 😂 Sto scherzando, ma solo a metà! Sarebbe fantastico. Ne approfitterei immediatamente
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 11/09/2026 16:56:26
Carissima Filod'arianna ti ringrazio tantissimo è il più bel complimento che si possa riceve! Un abbraccio forte e viva l'autunno!!!
ૡScritto in Blogger Kit Autunno
filod'arianna ~ 10/09/2026 07:03:48
Adoro il colore di Ortensie vorrei un blog su Blogger solo per i tuoi kit e i tuoi accessori:-D Grazie mille per tutto ciò che metti a disposizione carissima 😘N.B. Anch'io non vedevo l'ora che arrivasse un po' di fresco -.-'
ૡScritto in Blogger Kit Autunno
Cris ~ 02/07/2026 19:45:24
Ciao, sono passata per un salutino e per rivedere il tuo sito. Buona serata e buon fine settimana.
ૡScritto in *Amici del telaio...*
DanyGraphic ~ 30/05/2026 15:30:54
Ciao Penny , sempre belle e interessanti le tue pagine .Un abbraccio e buon fine settimana
ૡScritto in Home
Sabry ~ 26/05/2026 21:34:59
Sei unica ♥️
ૡScritto in Info box
Elise ~ 21/05/2026 17:30:40
Riciao visto com'è brava la nostra Grazia?
ૡScritto in Home
Elise ~ 21/05/2026 17:24:43
Ciaoooo carissima Penelope, grazie della visita , sempre gentilissima!!!!E' da tanto che non aggiorno, spero di ricominciare presto.Un abbraccione .Presto vengo a prenderti qualcosa, con il tuo permesso.Ciauuuuuu
ૡScritto in Home
Cris ~ 16/05/2026 18:25:16
Ciao. Ho preso una tag "help donna" l'ho messa nel mio nuovo sito. Ti lascio un saluto, buon fine settimana!
ૡScritto in Home