domingo, 29 de abril de 2012

Listones para el blog de los Juegos Olímpicos (Londres 2012)

Ya vimos cómo poner un gadget de cuenta regresiva para las olimpiadas, ahora vamos a poner unas decoraciones sencillas pero bonitas (según yo), alusivos a los juegos de Londres 2012.

Son siete listones que he diseñado para que puedas poner uno de ellos en la parte superior derecha del blog. Sólo entra en la Edición HTML de tu plantilla y pega antes de </body> el código del listón que más te guste.


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NCjwwUczClKpvyuNnsbMdy5Lu-dJ05pplPU2-Yf6slDFg7GsWpCo4hb6LxEqOpjy10CHTSVM0-ilo_t_wrZ66V9JXWSDYHWgRh5N65BXo9uu09-sPiHefE_AR4cseLPygdAGzIJCyL0/s151/olimpiadas.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgESDUT1MmatwCKorvF9oqnNODC2_m6ojkitH-iJ3D6LVkoJSQMC2qtsv8NhyNGGqttGnbXzolOxG1re3vCUf47z_n3aJNFqEXwemeG1kVq-2r-qdzsC2CBs0aU5X0EuiTtfG_dDBUfw/s151/londres2012_rosa.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_QSYkcY-XbBxXFbV0qYRI97B0AgS7E3VSJpvM1cAHscna2ZsCQCM6ZSxFo-ep34WQUSJHnfKOkXKudvpOLT_AfMpnhLdF2itTFjGpNRJcNgL4fXiFnH6s-1-z9e8wrsOzeNLTfchdUU/s151/londres2012_azul.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-QFnlLp5jT4dAfh-4LFAZrbTbZgd1dPetcAiF1EL8MJicg9I7cB9gjgDqZP3BOCOx8-3mOPIkRuzbHRUbwuI4SFmrxBf09DsZ6U5ZFRdVY6Nha3MpyRAZrp8Ib129IeUcx228lp7iww/s151/londres2012_rojo.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnDE_aHQRfzKWe46jqWqTWwiqacIm_6RYpKChGApj0tsjc0qGNK2d57ZSgcthPRr-uHes6UHNv6Tb39LjwwQD0PkEoj-5rtdcxXCPcr5muQHkkHqnh2ZVq3iB8dsJeZmgRuY2veS4cReM/s151/londres2012-insignia-blan.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2RnTi9El-JM_f02sKiF-fh2X-MPJ1egzYb0akT50RhszDOHKBfkp3bO_0YPDwjnazFt0JC7VV5e5dDQzkD4LJtjdi48VALAB3NwpR9v0ANrQb1C7IlHWqFbyYIU51tcHBqcjtCZgIbTE/s151/londres2012-insignia-nar.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSkUB8WwEAVYJlIv1F2M61v4BC4dlPwhbXs8zqtHWu3HcOaenVNP3ntWc0tmiQJ_-_u8cb2BsiWaaPv35AjNEbgFMoMUHdDlatQOGIAqk83mPHmS0begEbGGQzvqxCilllbV00cxNkhE/s151/londres2012-insignia-azul.png" style='position:absolute; top:0; right:0;'/>



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO3UUiflDKOxqGm4nhG5aRyfnnFqRnktzph7q8lhfEY0pP9jfqMiSknHhbV0cksEfVnHpNWY4nDMAxz-lteAtNTN3tlcz4K6ogF-sq9jhj5AIpqCXMWloKs029RDa1IbVH8Rq6FjYKmUg/s151/londres2012-insignia-rosa.png" style='position:absolute; top:0; right:0;'/>


Como mencioné antes. Los listones estarán en la parte superior derecha, pero estarán fijos, si quieres que sean flotantes, es decir, que se puedan ver aun cuando bajas el scroll de la página, entonces cambia el position:absolute; que está dentro del código, por position:fixed;

Espero que sean de su agrado.

No hay comentarios:

Publicar un comentario