[Tutorial] Barras de Anuncions Como en MyBBSource

Cluster 8 Aug, 2010, 8:08 pm

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

Gunner10 11 Aug, 2010, 7:21 pm

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

Gunner10 13 Aug, 2010, 10:01 pm

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?

ArmyZ 13 Aug, 2010, 10:05 pm

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

zayko 18 Sep, 2010, 2:45 pm

mm que raro lo puse pero se deja de ver la mitad del foro Sad

stuka 10 Oct, 2010, 3:30 am

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

....

Rafael 10 Oct, 2010, 12:45 pm

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

stuka 10 Oct, 2010, 4:00 pm

(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....

darkenix 9 Nov, 2010, 12:17 pm

Exelente aporte colega, me va a servir bastante, para los reglamentos del foro =P.

klozz 10 Nov, 2010, 11:12 am

#10

wow gracias se ve genial =)