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

Página 1 de 4. 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 : 21
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

avatar

Mensaje el 04/01/11, 01:39 pm por Invitado

Posteo para ver

Volver arriba Ir abajo

Mensaje el 04/01/11, 01:45 pm por Dize!

posteo para ver (el otro no se muestra 1 código)

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 01:46 pm por SadikOne

Gracias bRO!

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 01:46 pm por Silker

muy bueno el tutorial...

gracias.

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 01:48 pm por Invitado

Deberías ponerlo en Aportes Premium, así nunca será de utilidad la zona premium.

Volver arriba Ir abajo

Mensaje el 04/01/11, 02:20 pm por cmee

Fran! no digas eso... ya me encargue de que la zona premium, lo sea... ahora son mas "superiores" XD... Y por cierto... yo pensaba, que el codigo era secreto... ya que lo demanadaste varias veces ¬¬... bueno, buen tuto bueno

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 02:21 pm por CityVille Fan!

posteando apra veer

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 02:25 pm por MarioGM

posteo para ver aunque ya se como es...

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 02:37 pm por minato99

Eso digo lo de cmee pensaba que era secreto ,lo pregunte en DFA y dijiste que no era publico ¬¬

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 02:52 pm por .ÐisasteR.

Nide tuto thx :P

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 03:08 pm por Atefelina

Genial! Gracias por el código, es una chulada.
De paso, posteo para verlo. Wink

Saludos!

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 03:41 pm por Cody!

minato99 escribió:Eso digo lo de cmee pensaba que era secreto ,lo pregunte en DFA y dijiste que no era publico ¬¬

ahora es disponible...
su autor ha dado el permiso Wink

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 03:52 pm por Itsumi

wow muy buen tuto :p Ya lo estoy provando xD
gracias por hacerlo publico Cody awww

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 04:17 pm por jucarese

gracias le hecharemos un vistazo

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 04:27 pm por ~//GzZ

POSTEO PARA VER. Lo estaba buscando Feliz

Volver arriba Ir abajo

Mensaje el 04/01/11, 04:48 pm por YoshiGM

Muchas gracias lol, se agradece el esfuerzo por esto Wink

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 07:32 pm por RONCO

Yo quiero saber como se hace. Gracias!

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 08:37 pm por Nekro!

Quiero ver >.<

Volver arriba Ir abajo

avatar

Mensaje el 04/01/11, 08:40 pm por Xilver266

vamos a verlo...

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 01:46 am por [Code_David]

A ver que tal esta este tuto...

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 03:13 am por Axtrix

Posteo para evr aunque tenga el codigo.

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 10:29 am por amicore

posteo mpara ver ya lo vi y esta un poco complicadin

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 10:50 am por HerHader

Esta buenazo el tutorial, muchas gracias.

PD: El tutorial de FDF no trae esto xD!

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 11:07 am por Andrew

muy bueno ya lo eh visto en FDF

Volver arriba Ir abajo

Mensaje  por Contenido patrocinado

Volver arriba Ir abajo

Página 1 de 4. 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.