Archivi della categoria ‘CSS’

Css e pulsanti di submit form

Monday, June 25th, 2007

Come fare in modo che un pulsante di submit form abbia uno stile diverso da quello di default?
Possiamo utilizzare un elemento button anzichè input, usando poi un css come
#registrazione form button {
cursor: pointer;
background: transparent url(images/button_0.gif) no-repeat center center;
}

#registrazione form button:hover {
background: transparent url(images/button_1.gif) no-repeat center center;
}
In questo modo il pulsante avrà una immagine predefinita e [...]

Condividi questo post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon

CSS Cheat Sheet

Thursday, May 17th, 2007

Dave Child fornisce sul suo sito un bellissimo PDF che sintetizza in una sola pagina tutte le più importanti caratteristiche dei CSS, dalle proprietà classificate per utilizzo fino agli pseudo selettori. Bel lavoro dave!

Condividi questo post:
These icons link to social bookmarking sites where readers can share and discover new web pages.

Tags: Cheat-Sheets, CSS, Web Design

Condividi questo post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon

Come realizzare una navigazione che riconosca la pagina in cui sono.

Sunday, May 13th, 2007

La barra di navigazione è la parte del sito in cui sono presentate le sezioni del sito.
Quando sono all’interno di una sezione, la barra dovrebbe evidenziare questo fatto per permettere all’utente di capire immediatamente in quale sezione è, non confondendo l’utente mettendo ad esempio un link alla home page quando l’utente è già nella home [...]

Condividi questo post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon

Galleria immagini dinamica in puro CSS

Monday, April 16th, 2007

Il sito CSSPlay riporta una splendido esempio di galleria immagini dinamica realizzata solo ed esclusivamente attraverso XHTML + CSS. L’ho personalizzata e usata nel sito ilmondodipezze.com nella sezione “Chi siamo” per alcune immagini, e l’impatto visivo è decisamente positivo, considerando che utilizza codice standard e anche decisamente pulito, considerando che l’intera area dedicata alla galleria [...]

Condividi questo post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon