[Tutorial] Crear un tablón de noticias para tu foro

Tablón de noticias en el mensaje del indice

Estimados miembros

Sois muchos pedirnos el código para crear en el mensaje del indice, un "tablón de noticias" donde podeis poner las ultimas novedades de su foro o sitio web:

esta vez, Webmaster Forum os presenta la manera de lograrlo, comenzamos con el tutorial.

Los códigos proporcionados en este tutorial se encuentran en hide (para verlos hay que responder este tema) y sirven para todas las versiones sin excepción.

1) Adaptar el código CSS

Antes que nada, para que el código funcione bien, debemos agregar este código a nuestra hoja CSS, lo que señala los colores es lo que pueden modificar:

Lo que esta en color azul es donde deben poner el URL de la imagen del reloj pequeño, deben buscar uds una.
Lo que esta en verde es el color de fondo de los renglones del tablón
Lo que esta en color rojo es el color que los números de la fecha.

una vez modificado el código a vuestro gusto, debéis seguir esta ruta para ponerlo:

2) Código Principal (HTML)

Una vez instalado el código CSS en nuestro foro, procedemos a colocar el código en el mensaje del indice, pero también hay que editarlo, es el siguiente:

Lo que esta en color rojo oscuro es donde deben poner el URL de la imagen del tablón (el periodico)
Lo que esta en color naranja, es donde va la fecha o lo que gusten poner
Lo que esta en color marrón es donde va el URL del anuncio/lugar donde al hacer clic, el vinculo va a llevarlos
Lo que esta en color verde es el titulo del anuncio, lo que dirá el enlace.
Lo que esta en color morado, es el numero de noticias que tendrá el tablón, ahora esta en 4, puedes agregar mas al cambiar el numero y añadiendo esto en el código:

hay que saber que se debe tener cuidado al momento de editar el código, y que no se puede poner solo uno, deben poner los 2, de lo contrario puede tener reincidencias en el aspecto del foro.

este código se pone siguiendo esta ruta:

con esto llegamos al fin de nuestro tutorial, espero que sea de vuestro agrado, recordad que en caso de problema el staff esta capacitado para ayudaros en nuestra sección de Soporte para foroactivo

podeis encontrar este tuto entre los ya existentes en nuestra sección de Tutoriales o directamente haciendo clic aquí

Atte,
~Staff WF~

Tutorial creado por Cody! y código por Rey! - 04.01.11
Prohibida su reproducción sin previa autorización de su autor.

[Tutorial] Crear un tablón de noticias para tu foro

[Tutorial] Crear un tablón de noticias para tu foro

[Tutorial] Crear un tablón de noticias para tu foro :: Comentarios