El Blog de J.Guti.

[+/-]Mensajes de Alerta

Con este truco podemos conseguir resaltar algo que no queramos que pase desapercibidopo.
Para eso insertaremos el siguiente código antes - ]]></b:skin>-.


/* alerta */



.alert {

background: #fff6bf url(http://img527.imageshack.us/img527/3821/exclamationfs0.png) 15px center no-repeat;

text-align: left;

padding: 5px 20px 5px 45px;

border-top: 2px solid #ffd324;

border-bottom: 2px solid #ffd324;

}



Después de aceptar y guardar podemos empezar a usarlo en cada entrada que queramos aplicarlo poniendo esto en cada entrada:
<p class="alert">ACA VA EL MENSAJE</p>

Para ello inserta el, siguiente código entre las etiquetas -head-/head-:
Código:


<style type='text/css'>



.commentbox{

background-color: #ececec;

width: 450px;

padding: 10px;

}



.commentfooter{

background: url(http://img.godlike.cl/images/fle.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/

padding-left: 58px;

padding-top: 1px;

margin-bottom: 2em;

font-size: 90%;

color: #4A4A4A;

}



</style>







Después de aceptar y guardar vas a elementois de página y en la sección de -HTML-Javascript-, insertas este código donde quieras situarlo:

<div class="commentfooter">

<div style=" "><span >

ACA VA LA FIRMA</span></div></div>