css in breve


Vai ai contenuti

css in breve

Cambia il colore dei punti elenco
<style type="text/css">
ul.imBullet {color: #FF0000; }
</style>

<------------------>
Alcune volte Header non resta trasparente inserendo alcuni elementi.
Applicando questi css
Header (top) mantiene la trasparenza.
Applicando questi css non è possibile inserire testo e
alcuni altri elementi, se non in codice HTML
#imHeader {background-image: url(''); }
oppure
#imHeader {background: transparent; }
oppure
#imHeader {background-image: none; }
<------------------>
Cambia l' immagine.gif delle voci di livello
span.imMnLv {background: url('../files/imiconmenu.gif') no-repeat center right; }
Da personalizzare nome e percorso immagine in grassetto. Cosi come è cerca l'iimagine imiconmenu.gif nella cartella files. Dunque l'immagine.gif può essere allegata con la graffetta di oggetto HTML.
<------------------>
Cambia la linea verticale del SubMenu
<style type="text/css">
body #imPageSub {background: url("files/imsubmnuline.gif") repeat-y 2px; }
</style>

<------------------>
Cursore del mouse in Header
#imHeader div {cursor: default;}
Inserendo un oggetto flash, potrebbe accadere che , anche non in presensa di collegamento ipertestuale, al passaggio del mouse appare la caratteristica manina (cuorsor:pointer). Applicando il css si rimedia.
Il contrario
#imHeader div {cursor: pointer;}
<------------------>
Sposta il Layout sito a sinistra
#imSite {margin: 0px 0; }
Ecco un
esempio di sito (link esterno) concepito con questo layout. Il template è di GDR.
<------------------>
Problemi estetici con Collegamenti Ipertestuali associati ad immagine e testo in Firefox.
a:focus, a:active {outline: none; }
<------------------>
Carattere sottolineato dellle voci di menu
#imMnMn ul a {text-decoration: underline; }
Esempio
<------------------>
Nasconde il menu in una o più pagine ma non in tutto il sito
#imMenuMain {display:none; }
Nasconde il menu e non viene caricato nella pagina, dunque non occupa posto.
esempio
<------------------>
Nasconde il menu in una o più pagine ma non in tutto il sito.
#imMenuMain {visibility:hidden; }
Nasconde il menu, ma esso occupa posto nella pagina.
esempio
<------------------>
Immagine di sfondo fissa solo in alcune pagine
body {background-attachment: fixed; }
Dove necessita, in alcune pagine, si può inserire l'immagine di sfondo fissa
esempio (link esterno)
Il layout non prevede l'immagine fissa, ma dato che il contenuto è troppo lungo, in alcune pagine è stata fissata.
<------------------>
Colorare di nero i campi di imput form mail
#imObj8_00 .imInput {color: #000000; }
<------------------>
Bordare il contenuto pagina
#imContent {border: 4px solid #C0C0C0; }
<------------------>

Testo Tratteggiato > esempio<
.fu {text-decoration: none; border-bottom: 1px #FF0000 dashed; }
<------------------>
Elimina il bordo superiore sel sito. Non so come spiegarmi.
<style type="text/css">
body #imSite {margin: 0 auto;}
</style>
Una variazione
body #imSite {margin: 0 auto; margin-bottom: -100px;}
<------------------>
Alcune volte, inserendo un js esterno, potrebbe accadere che il sito si attacchi al bordo superore del monitor, praticamente azzerando il margin che si può leggere nel file template.css.
Questo solo in IE7 e IE6. Applicando un commento condizionale tipo questo, dopo il JS: la cosa si sistema.
<!--[if IE]>
<style type="text/css">
#imSite {padding-top:
15px; }
</style>
<![endif]-->
<------------------>


Torna ai contenuti | Torna al menu