Qualche trucco in CSS

4 gennaio 2010 - Fonte: http://www.programmando.net


Prendiamo oggi in considerazione il linguaggio di programmazione CSS, che serve a progettare i fogli di stile per i documenti XML o HTML. Diamo uno sguardo ad alcune scorciatoie per quanto riguarda l’elemento font, che va a controllare lo stile di un testo. Normalmente la struttura che si scrive è questa: font-size 1em; font-style: italic font—family: verdana, serif e tutte le [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , ,

CSS: Form personalizzato con immagini di sfondo

6 maggio 2009 - Fonte: http://www.programmando.net


Ecco come inserire un immagine di sfondo all’interno del form grazie ad un po’ di codice CSS, in questo esempio sono presenti solo 2 campi: uno di testo e una textarea. .textbox{ width:270px; border:1px solid #000033; color:#000033; font:bold 11px verdana,helvetica,sans-serif; letter-spacing: .1em;word-spacing:.2em; background:url('/righini.gif'); }   Per la textarea il codice è...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , , , , , , ,

CSS:Link sottolineati con tratteggiatura

5 maggio 2009 - Fonte: http://www.programmando.net
Purtroppo il codice CSS non ha integrata la funzione di sottolineatura tratteggiata, diciamo anche che è un tipo di sottolineatura che non si vede spesso, ma per rendere più originale il proprio sito web non è male come effetto. Tramite l’utilizzo di un box model questo è possibile, scegliete il link per esempio : <a href=”http://www.programmando.net”>Programmando</a> Inserite nelle [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , ,

Realizziamo un menu con effetto Mouseover

23 aprile 2009 - Fonte: http://www.programmando.net

Il codice CSS ci permette di ottenere un fantastico effetto di mouseover con molta semplicità, basterà combinare attributi Css con la nostra fantasia. Vi piacerebbe un menu che cambia colore dello sfondo e del testo al passaggio del mouse? Ecco un esempio di codice commentato che vi permetterà di eseguire in pochi mosse un menu di [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , ,

Impostare una pagina per non affaticare la vista con CSS.

23 aprile 2009 - Fonte: http://www.programmando.net

<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} @page Section1 {size:595.3pt 841.9pt; margin:70.85pt 2.0cm 2.0cm 2.0cm; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} –> /* Style Definitions */ table.MsoNormalTable {mso-style-name:”Tabella normale”; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:”"; mso-padding-alt:0cm...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , ,

Piccolo trucco per proprietà CSS in-line

21 aprile 2009 - Fonte: http://www.programmando.net
Oggi vi propongo un semplice trucco, che vi permetterà di impostare le proprietà CSS in-line compatibili con qualsiasi browser disponibile al momento. Questo tutorial sarà utile per assegnare un comportamento “in-line” agli elementi di tipo “block”. Ecco il codice CSS: <style> li { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; margin: 5px; zoom: 1; *display: inline; _height: 250px; } </style> Attualmente il “trucco” funziona con [...]...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , , , , ,

Effetto Blurry con i CSS

22 dicembre 2008 - Fonte: http://rat86.netsons.org/blog

View Demo Download Files 
body	 {
  background: url(images/bg-solid.jpg) no-repeat;
}

#page-wrap {
  background: url(images/bg-blurry.jpg) no-repeat fixed;
  width: 500px; margin: 40px auto;

}
...

Leggi il seguito »

Nessun commento »

Inserito in , , , , , ,