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

Página 4 de 4. Precedente  1, 2, 3, 4

Ver el tema anterior Ver el tema siguiente Ir abajo

04012011

Mensaje 

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




Tablón de noticias en el mensaje del indice


Hola! 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. Cool Cool


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:
contenido oculto


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:

contenido oculto


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:

contenido oculto

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.


Última edición por Cody! el 12/01/11, 06:50 pm, editado 1 vez (Razón : edit - cambios)
avatar
Cody!
Administrador
Administrador

Masculino
Edad : 22
Posts : 5098
Inscripción : 25/09/2009

Reputación : 467


http://www.tuforoparawebmasters.com

Volver arriba Ir abajo

- Temas similares
Compartir este artículo en : Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

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

Mensaje el 29/11/11, 08:14 am por Relect

A ver...

Volver arriba Ir abajo

avatar

Mensaje el 08/12/11, 10:55 am por arlincho

interesante

Volver arriba Ir abajo

avatar

Mensaje el 14/12/11, 01:37 pm por javaripor

muy chulo esto

Volver arriba Ir abajo

avatar

Mensaje el 15/12/11, 01:21 pm por TheLluiscp

Posteo para ver.

Volver arriba Ir abajo

avatar

Mensaje el 16/12/11, 03:11 pm por Hicham

Me gusta mucho Feliz

Volver arriba Ir abajo

avatar

Mensaje el 22/12/11, 02:27 am por manyblue

Gracias Brother un 10

Volver arriba Ir abajo

avatar

Mensaje el 23/12/11, 02:13 pm por Relect

Gracias por el aporte.

Volver arriba Ir abajo

avatar

Mensaje el 27/12/11, 01:08 pm por raian

Posteo para ver, gracias por el aporte

Volver arriba Ir abajo

avatar

Mensaje el 04/05/12, 05:18 pm por thejoker

quiero ver como queda Razz

Volver arriba Ir abajo

avatar

Mensaje el 10/05/12, 12:31 pm por Carloskof

Posteo para verlo!

Volver arriba Ir abajo

avatar

Mensaje el 20/06/12, 01:28 pm por blickers

buen tuto grax amigo!! What a Face What a Face

Volver arriba Ir abajo

avatar

Mensaje el 03/08/12, 02:58 pm por javiervg

Me parece interesante....

Volver arriba Ir abajo

avatar

Mensaje el 14/08/12, 09:59 pm por Kakashi Hakate

Posteo para ver.

Volver arriba Ir abajo

avatar

Mensaje el 18/09/12, 12:20 am por carlosfernando1971

manyblue escribió:Gracias Brother un 10

quiero ver

Volver arriba Ir abajo

avatar

Mensaje el 19/09/12, 09:53 am por gokuky

POSTEO PARA VER. Lo estaba buscando

Volver arriba Ir abajo

avatar

Mensaje el 21/09/12, 03:07 pm por NicolasG

averrr

Volver arriba Ir abajo

Mensaje  por Contenido patrocinado

Volver arriba Ir abajo

Página 4 de 4. Precedente  1, 2, 3, 4

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.