Links & scrollbar

Intentando ordenar un poco los chorropocientos enlaces que tengo por ahí, he encontrado aquí y aquí una forma de ponerlos con una barra desplazadora, de forma que ocupen menos sitio. El código que he usado se mete en un widget de texto corriente y moliente y va tal que así:

<div style=”overflow:auto;height:150px;”>
<ul>

<li><a href=”http://www.urldelprimerenlace.com”>Nombre del primer enlace</a></li>
<li><a href=”http://www.urldelsegundoenlace.com”>Nombre del segundo enlace</a></li>
<li><a href=”http://www.urldeltercerenlace.com”>Nombre del tercer enlace</a></li>
<li><a href=”http://www.urldelcuartoenlace.com”>Nombre del cuarto enlace</a></li>

</ul></div>

Añadiendo tantos enlaces como hagan falta,  claro. Es quizá demasiado artesanal, pero queda bien y es razonablemente práctico.

Si se quiere que al pasar el ratón por el enlace salga un letrerillo explicativo, se puede utilizar este código:

<li><a href=”http://www.urldelenlace.com&#8221; title=”Texto del letrerillo”>Nombre del enlace</a></li>

De momento sólo lo he puesto en el de xkcd pa’ probar, pero quizá (va a ser que no) añada algo a los demás.

Anuncios

~ por thewalkingman en Domingo, 3 enero, 2010.

Una respuesta to “Links & scrollbar”

  1. Corcho, pues queda la mar de bien…

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s