magie con i fogli di stile
Data: 3 Luglio 2005Autore: Maurizio Pelizzone
su altri blog ho visto usare i css per creare degli effetti molto carini in alcuni tipi di tag …
in modo molto semplice questo codice ridefinisce il tag blockquote ( quello che uso per fare una citazione od un commento con le virgolette ) creando uno sfondo colorato e aggiungendo un immagine non ripetuta.
blockquote {
margin: 15px 20px 5px 20px;
padding: 5px 10px 5px 25px;
border: 1px solid #99CCFF;
border-left: 8px solid #99CCFF;
background: #DDEEFF url("/images/quote.gif") no-repeat top left;
}
fate attenzione a creare un’immagine con sfondo trasparente e ricordatevi che ie ( Internet Explorer ) non supporta le png con la trasparenza.
aggiornamento per definire un comportamento diverso dallo standard ( per esempio il codice che ho riportato sopra) possiamo definire una classe personalizzata e andare ad assegnare al tag che ci interessa il nome della classe personalizzata.
.classepersonalizzata {
margin: 15px 20px 5px 20px;
padding: 5px 10px 5px 25px;
border: 1px solid #99CCFF;
border-left: 8px solid #99CCFF;
background: #DDEEFF url("/images/nuovaimmagine.gif") no-repeat top left;
}
per assegnare la classe …
<p class="classepersonalizzata" >
bla bla bla
</p>
Questo articolo è stato pubblicato il 3 Luglio 2005 alle 4:36 pm ed è stato letto 2852 volte
Archiviato sotto sviluppo, web.
Se questo post ti è piaciuto puoi iscriverti al mio
Feed Rss
e ricevere direttamente gli aggiornamenti di questo blog sul tuo FeedReader oppure puoi decidere
di offrirmi un caffè.
Se ti va puoi lasciare un commento e leggere quelli degli altri,
ma se preferisci puoi passare direttamente al
post precedente o a quello successivo.
Forse collegati ..
- Fogli di stile efficaci ed efficienti
La separazione della struttura della pagina dalle sue regole di visualizzazione è sicuramente un vantaggio sia in temini di - the CSS playground
scopro grazie al blog di Full(o)bloG questo fantastico sito. Che cosa troverete ? "esperimenti" con i fogli di stile Alcuni - Fogli di stile comodi ...
Alcuni tag html ( body e form tanto per dirne due) hanno impostato di default un margine che in alcuni - Centrare gli elementi DIV con i CSS
Durante la sperimentazione di layout tableless, ho trovato molto interessante questo trucchetto per centrare orizzonzalmente un elemento DIV. Sfruttando i fogli - Trasparenza con Stile
Bello il titolo ... vero? Trasparenza come effetto di trasparenza , Stile come fogli di stile ( aka CSS ) Quello che
5 Luglio 2005
Ciao, grazie per certi suggerimenti.