Código:
<div style="_height:600px; width:180px;background-color:#EDF1F4;font-family:Verdana; border: 1px solid #6F8696; text-align:left;">
<div style="padding:px;">
<a href="http://www.quelosepas.net/index.php?board=2.0" style="font-size:15px;text-decoration:none; color: #FF7600;">Política</a>
<a href="http://www.quelosepas.net/index.php?topic=20.0" style="font-size:17px;text-decoration:none; color: #87A800;">Spybot - Search & Destroy</a>
<a href="http://www.quelosepas.net/index.php?topic=13.0" style="font-size:15px;text-decoration:none; color: #039FAF;">Reproductores de audio</a>
<a href="http://www.quelosepas.net/index.php?board=4.0" style="font-size:14px;text-decoration:none; color: #DE2159;">Programas Gratis</a>
</div>
</div>
hay infinitas formas de implementar tags cloud en vuestros proyectos; esta es una forma muy simple, pero eficaz.
Explicación del código:
height = Alto
width = Ancho
Hay otros valores qué se pueden establecer como ejemplo
paddingbackground-color = Color de fondo
font-family = Tipo de letra
border = Rodear con un borde
1px = Grosor del borde
solid = El color del borde
text-align = Alineación de las tags cloud, qué puede ser a la izquierda (left) derecha (right) centro (center) o también justify
Los enlaces poco hay qué explicar
board = Enlace a foro
topic = Enlace a hilo - post
font-size = Tamaño de la tag cloud
color = Color de la tag cloud
text-decoration:none= Texto sin decoración; subrayado sería:
text-decoration:underline y para subrayado, pero con puntitos sería: después de
text-decoration:none border-bottom: 1px dotted; donde 1px es el tamaño de los puntitos.
Se puede centrar todo con <center> todo el código aquí</center> más cosas... trastear un poco qué la base ya la tenéis.
Consejos:Por supuesto qué se puede modificar y hacer a gusto de cada cual, en flash, con movimiento etc. Pero esta es una forma muy sencilla y qué se puede adaptar al gusto personal. No depende de ninguna base de datos, ni trabaja con palabras automáticas; pero por otra parte las modificaciones al ser tan simples y sencillas, el control de las palabras siempre será total y absoluto..; os llevará tiempo hacerlo la primera vez, luego después es ya cuestión de irlo modificando, ampliando etc. El rodearlo con un borde puede estar bien para no ver las letras tan pegadas al sitio donde lo pongáis, aunque también podéis conseguir el mismo efecto aplicando el borde con el mismo color del fondo. Y para terminar; al poner noticias en portada ayudáis a qué google lea mejor las noticias y con las tags cloud facilitáis que google indexe al dominio ciertas palabras qué consideréis como oportunas.
Espero qué os guste y un ejemplo
aquíSaludos