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 Metallica en vivo :p (como dice la notica XD)
Explicado paso a paso. +REPU?