[Tutorial] Barras de Anuncions Como en MyBBSource

Cluster 18 Jan, 2010, 11:21 am

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

Heavy 18 Jan, 2010, 11:26 am

¿Dejarías algúns screenshot de como se ven?

Sanity is a prison. Let madness release you.

Cluster 18 Jan, 2010, 11:30 am

www.mybbsource.com ahi se ve como queda

son las barras de colores

Heavy 18 Jan, 2010, 12:03 pm

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

Sanity is a prison. Let madness release you.

Galliano 21 Jan, 2010, 9:39 am

donde pongo las imagenes?

DARKNESSDH 26 Jan, 2010, 12:43 pm

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.

Mensaje
Mensaje
Mensaje

Cluster 26 Jan, 2010, 1:33 pm

ups xD es verdad

lo lamento

Omar G. 15 Feb, 2010, 1:43 pm

Gracias por el tuto Wink

, 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}

DARKNESSDH 15 Feb, 2010, 4:14 pm

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