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

en la plantilla header hasta abajo inserta Esto

<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

<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?

www.mybbsource.com ahi se ve como queda

son las barras de colores

Ahh...pero yo ya había visto esto aca me parece...

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 tuto, 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.

si no lo hiciste como el tutorial con las css. de style no te saldra centrado amigo