Gdesign.it :: Come progettare siti web accessibili ed efficaci ::


Home » Tips

Tips


Testo nella status bar

A volte può essere utile inserire del testo personalizzato nella status bar della finestra del browser. Per farlo basta inserire nell'HEAD della pagina web questo javascript:

<script type="text/javascript">
function load()
{
window.status = "inserisci il testo personalizzato qui"
}
< /script>

e poi aggiungere onload="load()" al tag <BODY> in questo modo:

<body onload="load()">

Inserire la data corrente

Per inserire la data corrente basta utilizzare il seguente codice all'interno della pagina web:

<script type="text/javascript">
var d = new Date()
document.write(d.getDate())
document.write(".")
document.write(d.getMonth() + 1)
document.write(".")
document.write(d.getFullYear())
< /script>

Bordi con i CSS

Con i CSS è possibile definire le proprietà dei bordi degli elementi di una pagina web. Le proprietà dei bordi sono: border-style, border-width e border-color. Con border-style si definisce lo stile dei bordi; i valori che si possono assegnare sono:

border-style: dotted

border-style: dashed

border-style: solid

border-style: double

border-style: groove

border-style: ridge

border-style: inset

border-style: outset

Con border-width si definisce la larghezza dei bordi, generalmente un valore in pixel.

Con border-color si definisce il colore dei bordi.

Facciamo un esempio per vedere come applicare un bordo ad un paragrafo <P>. Utilizzando questo css:

p { border-width: 1px; border-style: dashed; border-color: #CC3300;}

il nostro paragrafo si presenterà in questo modo:

Paragrafo con bordo largo 1 pixel, tratteggiato e di colore #CC3300.

Le proprietà dei bordi possono anche essere definite con un'unica dichiarazione in questo modo:

p { border:1px dashed #CC3300; }

Nell'esempio visto sopra abbiamo definito le proprietà che vengono applicate a tutti e quattro i bordi del nostro paragrafo. Ma se vogliamo, possiamo definire delle proprietà diverse per ognuno dei quattro bordi (top, right, bottom, left). Ad esempio con questo css:

p { border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #CC3300;}

impostiamo le proprietà del solo bordo inferiore del paragrafo ottenedo questo risultato:

Paragrafo con bordo inferiore largo 1 pixel, tratteggiato e di colore #CC3300.

Anche in questo caso possiamo definire le proprietà con un'unica dichiarazione:

p { border-bottom: 1px dashed #CC3300;}

Allo stesso modo del bordo inferiore si definiscono anche i bordi degli altri lati utilizzando border-right per il bordo destro, border-top per il bordo superiore e border-left per il bordo sinistro.

» Torna all'indice delle tips

^Top


Home:: Html:: Principi:: How To:: Download:: Tips:: Link:: Collabora:: Partners:: News&Updates:: Contatto:: Info

© 2001 - 2006 Giuseppe Di Carlo :: Riproduzione vietata ::

Utenti on line: 3