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

Página 2 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

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

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

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

muy bueno ya lo eh visto en FDF

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 11:12 am por Cody!

Andrew escribió:muy bueno ya lo eh visto en FDF

la verdad es que no esta allá... puedes comprobar en el tutorial:
http://asistencia.foroactivo.com/t92154-nueva-astucia-indice-interactivo-con-informacion

solo menciona como hacer la primera parte...

Surprised

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 11:29 am por Bukisan

Vamos a ver de que trata Razz

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 11:37 am por Bente

Tanto rollo para ver un code, que se puede sacar tranquilamente xD.
Buen aporte aunque ya lo tengo el code.

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 12:31 pm por Cindy!

Gracias por el aporte... bueno

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 01:05 pm por Cody!

Bente escribió:Tanto rollo para ver un code, que se puede sacar tranquilamente xD.
Buen aporte aunque ya lo tengo el code.

hay que saber que muchas veces hay miembros que no saben editar el código
por eso, he creado este tutorial que lo explica muy bien Surprised

Volver arriba Ir abajo

avatar

Mensaje el 05/01/11, 09:54 pm por Geo max furix sennin

posteo para ver Cool

Volver arriba Ir abajo

avatar

Mensaje el 06/01/11, 05:53 am por Invitado

Cambia los créditos, el código es de toto o.O

Volver arriba Ir abajo

avatar

Mensaje el 06/01/11, 10:08 am por El Agora

tu si ah!!!

Volver arriba Ir abajo

avatar

Mensaje el 06/01/11, 10:10 am por Cody!

Fran! escribió:Cambia los créditos, el código es de toto o.O

algo así me imagine, vere con el antes de cambiar bueno

El Agora escribió:tu si ah!!!
Lee las normas por favor no hagas flood en el foro, es prohibido... Wink

Surprised

Volver arriba Ir abajo

avatar

Mensaje el 06/01/11, 11:04 am por pstuardo

A ver que tal Feliz

Volver arriba Ir abajo

avatar

Mensaje el 06/01/11, 11:08 am por juanms07

posteo para ver el tutorial completo.

Volver arriba Ir abajo

avatar

Mensaje el 07/01/11, 01:30 pm por Eduen

Buen tuto bien explicado Smile

Volver arriba Ir abajo

avatar

Mensaje el 08/01/11, 05:29 pm por Hanly!

posteo para ver Feliz

Volver arriba Ir abajo

avatar

Mensaje el 09/01/11, 01:55 pm por ~XTiaN

Gracias, vamos a verlo...

Volver arriba Ir abajo

avatar

Mensaje el 09/01/11, 02:16 pm por ~XTiaN

EDITADO

Volver arriba Ir abajo

avatar

Mensaje el 09/01/11, 03:45 pm por Andrew

Cody! escribió:
Andrew escribió:muy bueno ya lo eh visto en FDF

la verdad es que no esta allá... puedes comprobar en el tutorial:
http://asistencia.foroactivo.com/t92154-nueva-astucia-indice-interactivo-con-informacion

solo menciona como hacer la primera parte...

Surprised

solo intente decir que ya lo eh visto mostrado en FDF osea el tuto no pero el previe si y el código es de Toto456 jajaja ok..

Volver arriba Ir abajo

avatar

Mensaje el 09/01/11, 05:27 pm por Rafael Uchiha

Posteo para ver! LOL! xD

Volver arriba Ir abajo

avatar

Mensaje el 10/01/11, 02:25 pm por elmejordeivan

muy interesante

Volver arriba Ir abajo

avatar

Mensaje el 10/01/11, 03:11 pm por elmejordeivan

vamos a ver que tal esta

Volver arriba Ir abajo

avatar

Mensaje el 10/01/11, 03:14 pm por ~//GzZ

elmejordeivan escribió:vamos a ver que tal esta

elmejordeivan escribió:muy interesante

No hagas doblepost, edita tu mensaje anterior.

Saludos

Última edición por ~//GzZ el 12/01/11, 02:56 pm, editado 1 vez

Volver arriba Ir abajo

avatar

Mensaje el 10/01/11, 07:56 pm por jShak

se ve muy bueno, posteando para ver

Volver arriba Ir abajo

avatar

Mensaje el 12/01/11, 01:57 pm por Zas

Posteo para ver:

Gracias

Volver arriba Ir abajo

avatar

Mensaje el 12/01/11, 07:22 pm por Cody!

Acabo de hacer una pequeña actualización al tutorial bueno

Surprised

Volver arriba Ir abajo

avatar

Mensaje el 15/01/11, 12:51 am por FullBks

Posteo apra ver

Volver arriba Ir abajo

avatar

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

Excelente tuto, gracias Cody (: A probar!

Volver arriba Ir abajo

Mensaje  por Contenido patrocinado

Volver arriba Ir abajo

Página 2 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.