[Tutorial] Barras de Anuncions Como en MyBBSource
Descripcion:Añade una serie de franjas como las de mybbsource.com. en la plantilla header hasta abajo inserta Esto <style type="text/css"> .announ...

Descripcion:Añade una serie de franjas como las de mybbsource.com.

en la plantilla header hasta abajo inserta Esto

Código:
<style type="text/css">
.announcement {
padding:4px;width:98%;margin:10px auto;text-align:center;color:black;
}

.announcement a {
color:black;
}

.a1 {
background:#fff6bf url(images/gloss1.png) repeat-x bottom left;border:1px solid #fcda52
}

.a2 {
background:#e1edba url(images/gloss2.png) repeat-x bottom left;border:1px solid #a9cd60
}

.a3 {
background:#bfd5ea url(images/gloss3.png) repeat-x bottom left;border:1px solid #2b6f9c
}

.roundB {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
.roundBtop {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

.roundM {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
</style>

Justo abajo Insertas Esto
Código:
<p class="newsbar a3 roundB">Contenido Aqui</p>
<p class="newsbar a2 roundB">Contenido Aqui</p>
<p class="newsbar a1 roundB">Contenido Aqui</p>


Y Listo...

les dejo las imagenes adjuntas Saludos
:)
¿Dejarías algúns screenshot de como se ven?
Sanity is a prison. Let madness release you.
Ahh...pero yo ya había visto esto aca me parece...
Sanity is a prison. Let madness release you.
donde pongo las imagenes?
en /images/gloss/ aqui introduces las imagenes


Walkman que no esta mal tu codigo?

en el style nunka mencionas ningun newbar, solo anuncement.

entonces el codigo quedaria asi.

<p class="announcement a1 roundB">Mensaje</p>
<p class="announcement a2 roundB">Mensaje</p>
<p class="announcement a3 roundB">Mensaje</p>
ups xD es verdad

lo lamento
:)
Gracias por el tutoWink, pero hay alguna forma de hacer que el texto del contenido este al centro? En HTML lo intento pero se deforman las barras donde coloco ese código.Huh
{SIGNATURE_IMAGE}
si no lo hiciste como el tutorial con las css. de style no te saldra centrado amigo Wink