Faso Es Salud

sábado, 25 de junio de 2011

Faso es salud

Con motivo de un nuevo proyecto quisimos estrenar esquinero y no nos salió :)
En algún momento la plantilla de blogger dejará de ser tan gorra y vamos a poder.
Mientras tanto, se los compartimos para que puedan usarlo ustedes en sus blogs o donde gusten.

Paso 1) En el CSS copiar el código correspondiente a la esquina donde lo quieran poner:

/* esquina: inferior derecha */
a#fasoEsSalud {
position: fixed;
right: 0; bottom: 0;
display: block;
height: 80px; width: 80px;
background: url('http://www.fasoessalud.com.ar/imagenes/inf-der-b-fasoessalud.png') bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

/* esquina: superior derecha */
a#fasoEsSalud {
position: fixed;
right: 0; top: 0;
display: block;
height: 80px; width: 80px;
background: url('http://fasoessalud.com.ar/imagenes/sup-der-b-fasoessalud.png') top right no-repeat;
text-indent: -999em;
text-decoration: none;
}

/* esquina: superior izquierda */
a#fasoEsSalud {
position: fixed;
left: 0; top: 0;
display: block;
height: 80px; width: 80px;
background: url('http://fasoessalud.com.ar/imagenes/sup-izq-b-fasoessalud.png') top left no-repeat;
text-indent: -999em;
text-decoration: none;
}

/* esquina: inferior izquierda */
a#fasoEsSalud {
position: fixed;
left: 0; bottom: 0;
display: block;
height: 80px; width: 80px;
background: url('http://fasoessalud.com.ar/imagenes/inf-izq-b-fasoessalud.png') bottom left no-repeat;
text-indent: -999em;
text-decoration: none;
}



Paso 2) En el html, colocar arriba del todo en el <body> (antes que cualquier otra cosa) lo siguiente:

<a id="fasoEsSalud" href="http://www.fasoessalud.com.ar/psicoactividad.html#humor">Faso Es Salud</a>

Aprovechamos para invitarlos a enviar cualquier comentario o sugerencia, de algo que haya que agregar, sacar o corregir, y a compartirlo. Todavía está en construcción!

No hay comentarios:

Publicar un comentario