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;" />

2 comentarios:

  1. Buenisimo VKU!!
    ya lo puse en mi blog!!
    gracias!!
    besos!!

    ResponderEliminar
  2. Ya vi Claudia queda muy bonito, para que puedas acceder desde la navbar proba cambiar top:0; por top:30px;
    Ojo que vas a tener que bajar tambien lo de twitter 30px

    ResponderEliminar

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.

Nota: solo los miembros de este blog pueden publicar comentarios.