06 marzo 2012

menu con barra laterale

Un menu a lato che porti via poco spazio grazie alla barra laterale scorrevole, può servire.

Questo il risultato:




Questo il codice:
<div style="height: 220px; overflow: auto; width: 260px;">
<a href="http://cibo-medicina.blogspot.com/">Il Cibo Medicina</a><br />
<a href="http://omeo-cura.blogspot.com/">Omeo Cura di sè</a><br />
<a href="http://stocblog.blogspot.com/">E io mi faccio il blog!</a><br />
<a href="http://fos-ilaron.blogspot.com/">la strada, la vita... cta</a><br />
<a href="http://panther-fiorella-reiki.blogspot.com/">Panther &amp; Fiorella's Reiki</a><br />
<a href="http://1pensiero.splinder.com/">1pensiero</a><br />
<a href="http://caty-lacasasullalbero.blogspot.com/">caty-la casa sull'albero</a><br />
<a href="http://cohoba.blogspot.com/">cohoba</a><br />
<a href="http://www.blogenciclopedico.blogspot.com/">blogenciclopedico</a><br />
<a href="http://solo-sms-gratis.blogspot.com/">solo-sms-gratis</a><br />
<a href="http://scambiolink.blogspot.com/">scambiolink</a><br />
<a href="http://sleepwalker-undercoverman.blogspot.com/">Il mio Naufrago Preferito</a><br />
<a href="http://sites.google.com/site/fosilaron">appunti sparsi di ilaron</a><br />
<a href="http://ilaron.altervista.org/wordpress/index.php/">Boanerges Mc. 3,17</a></div>

Indicazioni:
In arancio è evidenziato l'url del mio link; in lilla è evidenziato il testo che voglio far vedere nel menu.
Vale ovviamente per tutti gli url e per tutti i testi della lista.
Con height e width si può modificare l'altezza e la larghezza del menu.


RISORSE:
HTML 4.01. La guida tascabile al linguaggio di programmazione

Nessun commento: