[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="announcement a3 roundB">Contenido Aqui</p>
<p class="announcement a2 roundB">Contenido Aqui</p>
<p class="announcement a1 roundB">Contenido Aqui</p>


Y Listo...

les dejo las imagenes


Saludos
:)
Ahh! Ya entendí, adjunto una imagen para que la uses:

[Imagen: el30hz.jpg]
Una duda que tengo luego de volver al post para instalarlas es: no sería más conveniente que la parte del CSS vaya en global.css, en vez de en el mismo header?
creo que seria lo mismo, aunque poniéndolos en el global.css seria un poco mas ordenado, la ubicación de el css no influye tanto en su uso... con tal de que se muestre...
mm que raro lo puse pero se deja de ver la mitad del foro Sad

Disculpa la ignorancia pero quiero agrandarle un poquitín la letra y el tema es que los valores que vi allí me agrandan las barras, colocan contorno, las separa entre ellas, las redondea etc, pero ninguno de los valores me modifica el texto,,, o me pasa a mi solamente?....

Gracias de antemano Smile....

Edita el CSS del texto:
.announcement {
padding:4px;width:98%;margin:10px auto;text-align:center;color:black;font-size:XXpx;
}

donde XX es el número de pixeles que tendrá tu letra.

Saludos
(10 Oct, 2010, 12:45 pm)Rafael escribió: Edita el CSS del texto:
.announcement {
padding:4px;width:98%;margin:10px auto;text-align:center;color:black;font-size:XXpx;
}

donde XX es el número de pixeles que tendrá tu letra.

Saludos

Impecable!!!, funcionó de 10...

Gracias Rafael Smile ,,, muy amable tu respuesta....

Exelente aporte colega, me va a servir bastante, para los reglamentos del foro =P.
wow gracias se ve genial =)