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

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

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

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

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

Mensaje el 17/01/11, 09:00 pm por zheey

Excelente tuto, gracias Cody (: A probar!

Volver arriba Ir abajo

avatar

Mensaje el 18/01/11, 01:48 pm por Rober

gran tuto! posteo para ver

Salu2

Volver arriba Ir abajo

avatar

Mensaje el 20/01/11, 02:33 pm por pstuardo

Eeh, gracias fué de mucha ayuda para mi foro! Wink

Volver arriba Ir abajo

avatar

Mensaje el 21/01/11, 07:55 pm por Yoru

Posteo para ver :3

Volver arriba Ir abajo

avatar

Mensaje el 22/01/11, 10:19 pm por xX_Agustin

bien bien xD

Volver arriba Ir abajo

avatar

Mensaje el 23/01/11, 12:25 pm por Ractor

viendo Shocked

Volver arriba Ir abajo

avatar

Mensaje el 28/01/11, 09:45 am por Blandloki

buen tuto Feliz

Volver arriba Ir abajo

avatar

Mensaje el 28/01/11, 03:59 pm por kilost

esta genial me servira mucho para mi foro

Volver arriba Ir abajo

avatar

Mensaje el 15/02/11, 12:57 pm por FireMain

Muy Bueno Muy Bueno ! M e sirvio gracias

Volver arriba Ir abajo

avatar

Mensaje el 02/05/11, 09:40 pm por Rey

Buen tuto Wink
me gusta tu foro, suerte Razz

Volver arriba Ir abajo

avatar

Mensaje el 09/05/11, 01:28 pm por L.S.Kennedy

A postear para ver el code jeje, vamos a ver que va el tuta

Volver arriba Ir abajo

avatar

Mensaje el 19/05/11, 05:54 pm por Nick!

Posteo para ver... ^^

Volver arriba Ir abajo

avatar

Mensaje el 19/05/11, 06:37 pm por Ex0R

Muchas Gracias Smile

Volver arriba Ir abajo

avatar

Mensaje el 25/05/11, 04:29 pm por SergioGonzalez

posteo para ver

Volver arriba Ir abajo

avatar

Mensaje el 29/05/11, 07:42 pm por Akeo

haber que tal

Volver arriba Ir abajo

avatar

Mensaje el 11/06/11, 05:00 pm por Ali'Poynter

Posteo para ver!

Volver arriba Ir abajo

avatar

Mensaje el 13/06/11, 05:37 pm por EyeCandy

Gran tutorial, gracias!

Volver arriba Ir abajo

avatar

Mensaje el 28/06/11, 03:15 pm por chapinfut

Posteo para ver

Volver arriba Ir abajo

avatar

Mensaje el 07/07/11, 12:38 pm por Neken

Posteo para ver,,, soy nuevo

Volver arriba Ir abajo

avatar

Mensaje el 17/07/11, 03:19 pm por Freaxxx

me gusto mucho

Volver arriba Ir abajo

avatar

Mensaje el 19/07/11, 09:17 pm por Jesus.Radke

Buen tuto, gracias!.

Volver arriba Ir abajo

avatar

Mensaje el 07/08/11, 02:47 pm por gbrlzmrmmn

Gracias por el tuto Smile

Volver arriba Ir abajo

avatar

Mensaje el 14/10/11, 08:39 pm por fcojavie

only for view

Volver arriba Ir abajo

avatar

Mensaje el 16/10/11, 06:35 pm por fcojavie

Gracias por el tuto, pero lo podeis modificar poniendo la imagen de noticias arrib en el centro en vez de estar a la izquierda

Volver arriba Ir abajo

avatar

Mensaje el 27/10/11, 04:58 am por SAURACING

Buen Tutorial ... muchas gracias

Volver arriba Ir abajo

avatar

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

A ver...

Volver arriba Ir abajo

Mensaje  por Contenido patrocinado

Volver arriba Ir abajo

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

Ver el tema anterior Ver el tema siguiente Volver arriba


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