Delicious LinkedIn Facebook Twitter RSS Feed

Generador online de ribbon


Un ribbon es una cinta o tira que se pone en la esquina superior derecha de la página.

Quick Ribbon es una página que se encarga de generarlos.

Hay varias opciones y diseños para elegir.

Al darle en el botón "Generate Ribbon!" se crea un código JavaScript el cual pegaremos en Edición de HTML justo arriba de </head>

Hay otras opciones que yo aconsejo utilizando un código CSS.

Primero tenemos que descargar la imagen, verán que al generarla se muestra en la parte superior o al darle al botón "Apply".

Nos ponemos sobre la imagen con el cursor y con el botón derecho del mouse le damos a Guardar imagen como...

Ahí la subimos a nuestro servidor, que puede ser mismo blogger.

Luego copiamos la dirección de nuestra imagen.

Nos vamos a Edición de HTML y justo abajo de <body> pegamos el siguiente código:

Para que quede arriba de nuestra página:
<img src="URL de nuestra imagen/ribbon.gif" style="position: absolute; right: 0; top: 0;" />
Para que quede fija arriba y se vea siempre:
<img src="URL de nuestra imagen/ribbon.gif" style="position: fixed; right: 0; top: 0;" />

0 comments:

Post a Comment