Advertisement:

Author Topic: Manual - Tutorial para implementar tags cloud en un bloque HTML  (Read 7063 times)

Offline quelosepas.net

  • Jr. Member
  • **
  • Posts: 134
  • Gender: Female
    • Qué lo sepas
Manual - Tutorial para implementar tags cloud en un bloque HTML
« on: October 22, 2009, 08:04:13 AM »
En principio este Manual - Tutorial está pensado para los qué usen algún tipo de portal en sus proyectos.

Código:

Code: [Select]
<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 y sencilla, pero eficaz.

Explicación del código:

height = Alto 
width = Ancho
Hay otros valores qué se pueden establecer como ejemplo padding
background-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, CSS, etc. Pero esta es una forma muy simple y sencilla y qué se puede adaptar al gusto personal; con las pocas líneas puestas de código y las explicaciones espero sepáis seguir. El código expuesto no depende de ninguna base de datos, ni trabaja con palabras automáticas; (esto último a veces puede provocar mostrar palabras no deseadas) 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. El bloque puede ir tanto en horizontal como en vertical.

Espero qué os guste y un ejemplo de tantos del resultado que se puede conseguir aquí

Saludos   :)

Offline vicram10

  • Charter Member
  • SMF Hero
  • *
  • Posts: 6,050
  • Gender: Male
    • vmrm10 on Facebook
    • vicram10 on GitHub
    • vicram10 on LinkedIn
    • @vicram_10 on Twitter
    • Noticias Tecnologicas, Tutoriales e Internet
Re: Manual - Tutorial para implementar tags cloud en un bloque HTML
« Reply #1 on: October 22, 2009, 08:29:03 AM »
si , sencillo y con el mismo resultado, la eficacia...
una forma tambien seria combinandolo con el mod tagged

Offline quelosepas.net

  • Jr. Member
  • **
  • Posts: 134
  • Gender: Female
    • Qué lo sepas
Re: Manual - Tutorial para implementar tags cloud en un bloque HTML
« Reply #2 on: October 22, 2009, 09:22:59 AM »
si , sencillo y con el mismo resultado, la eficacia...

 :) Gracias vicram10 por lo menos ya tengo una opinión más qué la de 130860  :P

una forma tambien seria combinandolo con el mod tagged

En lo personal no estoy en desacuerdo con el uso de mods, pero si de usarlos lo menos posible, sobre todo sin saber las modificaciones qué realizan; ya que por lo general la gente se suele aventurar a instalar mods sin saber las modificaciones que realizan o lo que es aún peor...; luego no usan. Y claro después vienen los problemas. En el caso concreto de smf casi con total probabilidad smf es muy posible que perdure en el tiempo y en cambio los mods o themes no. Todos vemos como hay themes o mods qué con frecuencia se dejan de actualizar. Y después vienen los problemas de actualización; algo a tener muy en cuenta sobre todo no ya por los bugs, si no por las posibles fallas de seguridad. Recuerdo como no hace mucho un sistema tan bueno como Drupal tuvo un problema muy similar al qué comento, cuando en la última versión mucha gente se pasó tiempo y tiempo sin actualizar esperando a qué ciertos modules considerados como imprescindibles no fueran actualizados.

Saludos  :D

Offline vicram10

  • Charter Member
  • SMF Hero
  • *
  • Posts: 6,050
  • Gender: Male
    • vmrm10 on Facebook
    • vicram10 on GitHub
    • vicram10 on LinkedIn
    • @vicram_10 on Twitter
    • Noticias Tecnologicas, Tutoriales e Internet
Re: Manual - Tutorial para implementar tags cloud en un bloque HTML
« Reply #3 on: October 22, 2009, 12:03:32 PM »
mas bien me referia a copiar la forma de como genera dicho mod he implementarlo.. las unicas diferencias

- tag cloud automaticos o
- tag cloud manual..

pero ambos con la misma eficacia..

Offline quelosepas.net

  • Jr. Member
  • **
  • Posts: 134
  • Gender: Female
    • Qué lo sepas
Re: Manual - Tutorial para implementar tags cloud en un bloque HTML
« Reply #4 on: October 22, 2009, 04:27:51 PM »
:) Te había entendido perfectamente vicram10  ;)

Quizás fui yo muy torpe al explicarme; sólo quise decir qué a veces es mejor aprender a mantener el equilibrio en bicicleta antes de subir a la moto o antes de tirarse del trampolín aprender a  nadar.

Saludos


Offline alfypunto

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
  • Solo se que no se nada....Pero intento aprender
    • El Palenque
Re: Manual - Tutorial para implementar tags cloud en un bloque HTML
« Reply #6 on: November 09, 2009, 04:34:24 PM »
bueno, maria, lo utilizare, gracias


www.elpalenque.eu                                    www.phoenixacudas.es