[Solucionado] Poner este tipo de noticias
Quisiera saber como poner este tipo de noticias web: invitaciones.site11.com version: 1.4.11 actulizado: NO

Quisiera saber como poner este tipo de noticias

web: invitaciones.site11.com
version: 1.4.11
actulizado: NO
Hey!
Gracias por visitar mi foro.

Eso es muy facil de hacer.

Vas a Panel de Admin -> Plantillas y Estilos -> Plantillas -> tuestilo -> Expandir plantillas.

Ahi buscas la que diga "Indice" (que generalmente se encuentra al final), haces click en Expandir, y luego en index -> opciones -> edición completa.

Luego colocas este código debajo de {$headerinclude}
Código:
<style type="text/css">
.newsbar {
    background: #04B404;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>

Luego colocas
<p class="newsbar"> TU NOTICIA </p>

Pd: Lo puedes colocar donde tu desees. Si quieres que aparesca como en mi foro, deberás colocarlo debajo de {$header}

Pd2: El estilo de la barra lo puedes modificar a tu criterio colocando los colores en código Hexadecimal.

Aquí te dejo un sitio que te muestra los colores y cual es su código hexadecimal. http://html-color-codes.info/codigos-de-...De_Colores

Color - Código hexadecimal
Rojo = #FF0000
Negro = #000000
Blanco = #FFFFFF
Verde oscuro = #0B610B
Amarillo = #FFFF00
Azul = #0101DF
Naranja = #FE9A2E
Violeta = #8A0886

Y bueno, en el sitio que mencione antes tienes muchos más y con sus diferentes tonalidades.

Y recuerda agregarle siempre el signo # adelante del numero.


¡Me olvidaba!
Si quieres 2 o más barras para esas noticias o anuncios y que sean de distinto color, solo debes hace esto.

Copiar el código de la primera barra

Código:
<style type="text/css">
.newsbar {
    background: #FFFFFF;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>

Y pegarlo igual, pero modificar la parte que dice .newsbar (le puedes poner newsbar1, newsbar2, noticia1, lo que tu quieras).
Luego modificas la parte de background, text-aling, border, etc.


y quedaría asi.
Código:
<style type="text/css">
.newsbar2 {
    background: #FFFFFF;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>

Resumiendo, para tener 2 barras de noticias con distinto color, el código debajo de {$header} te debe quedar asi.

Código:
<style type="text/css">
.newsbar {
    background: #FFFFFF;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>

<style type="text/css">
.newsbar2 {
    background: #FFFFFF;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}
</style>


Espero haber sido de ayuda. Cualquier otra cosita, mandame un PM.


Pd personal: Todavía no puedo creer que mañana Jueves 21 voy a ir a ver a MetallicaHeart en vivo :p (como dice la notica XD)

Explicado paso a paso. +REPU?Blush
Sanity is a prison. Let madness release you.
Última modificación: 19 Jan, 2010, 10:23 pm por Rockman~.
Gracias, yo estaba en tu foro (o no se si extreme era el dueño)
cuando tenian el vbulletin con el theme orange jajaja me acuerdo que me fui por que extreme decia que yo spameaba, y solamente agregaba links (MIRRORS) a los post de descargas xD

gracias che, muy bien explicado.

+10
Tema cerrado Wink!
Solucionado Tongue