 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Box div con effetto rilievo ::.. Pochi semplici parametri css3 per avere contenitori div con effetto rilievo,da utilizzare come contenitore principale del sito per non appesantire le pagine con elaborate basi grafiche, rendere visibile in modo elegante un boxino per messaggi/news o abbellire delle immagini senza formati particolari che si caricano con difficoltà... Box div con effetto rilievo - Classe css da scrivere nello style
- I numeri che seguono il tag box-shadow:5px 5px 8px, permettono di personalizzare l'effetto,il primo parametro agisce sull'asse orizzontale, il secondo su quello verticale e il terzo l'espansione dell'ombra; con il parametro #abb25c; personalizziamo il colore dell'ombra che crea l'effetto.- Tutti gli altri parametri della classe sono i medesimi che si usano per qualsiasi contenitore div, quindi si possono personalizzare secondo le proprie esigenze. - Richiamo per il box div nella pagina, da inserire sotto il tag <body>
Ed ecco l'effetto ombra su una tag, nel box/div inseriremo le misure esatte dell'immagine realizzata, cioè larghezza: width: ###px; e altezza height: ###px;  il richiamo nella pagina sarà:
- Variando alcuni valori dei parametri possiamo personalizzare dove far visualizzare l'effetto
# Prelevate qui le basi delle parti di codice necessarie * Base classe style css per il contenitore div * Tag di richiamo Spero di essere stata chiara in tutti i passaggi ^_^ Vi auguro buon lavoro ma sopratutto buon divertimento! Ciao alla prossima^^ Penelope ♥
|
||||||||||||||||||||||||||||||||||||||||||||||||||||
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
~ Pagina visitata da 5485 utenti
H:
Buon Autunno
e ...buon sabato!
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...
|
|
♥♥
Bellísima! |
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 2 anno, 2 mesi, 14 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |