![]() |
![]() |
|||
Sezione del telaio dedicata alla realizzazione e |
||||
![]() |
![]() |
|||
..:: CSS o foglio di style - div ::.. Prima di leggere questa guida, se non lo avete già fatto, iniziate con -> CSS - basiI div sono dei "contenitori" molto utilizzati nelle pagine web, sopratutto per realizzarne la struttura oltre che ovviamente per postare degli accessori in punti precisi della pagina, completamente personalizzabili ne diventa ancor più pratico l'uso con l'ausilio dei css Come per altre classi dobbiamo stabilire un nome, ma anticipato dall'asterisco anziché dal punto, possiamo anche evitare di scrivere "div" , mettendo solo l'asterisco e il nome, ma per chi iniziaa trafficare con i css magari è meglio specificare tutto ciò che si inserisce ^_^ - Ecco un esempio pratico per un semplice boxino:
- Nella pagina lo richiameremo così:
Una delle particolarità dei div è la possibilità di personalizzare il punto della pagina in cui lo vogliamo visualizzare, inserendo uno specifico parametro di posizione e la distanza che deve avere con il bordo superiore e il bordo sinistro della pagina
Lo posteremo nella pagina come ho illustrato sopra, ovvero <div id="boxino_testo"></div>
--> Guarda un esempio- Sempre riguardo la possibilità di personalizzarne la posizione, un'altro parametro che può tornare molto utile è position:fixed; che ci permette di avere un box appunto fissonella pagina, come sopra, occorrerà inserire i parametri per le distanze dai bordi della pagina.
Comodo per postare un boxino che scrolla con la pagina, possiamo inserire i tag di richiamo in qualsiasi punto della pagina, ovviamente sempre sotto il tag <body> <div id="boxino_fisso"></div>
--> Guarda un esempioNulla di complicato quindi, basta fare come il solito un po' di attenzione nell'inserire i vari parametri necessari che ci occorrono e riportare poi il nome esatto impostato al div quando si posta nella pagina Come vi ho accennato, si possono utilizzare i div per realizzare una pagina web, come per le table con o senza base grafica --> Div grafica sito 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 1738 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... |