29 abr. 2014

Centrar los gifs/imágenes/textos de los gadgets [manera fácil]



¡Hola, hola!
 En esta entrada aprenderemos cómo centrar los textos, gifs, imágenes (de los gadgets) en una manera muy sencilla.


Demostración:


¿Quieres saber cómo hacerlo?
¡Sigue leyendo!


Hay diferentes códigos para cada cosa. Así que estar atentos.

Código para una imagen centrada

<center><a><img src="Url" /></a></center>

Tenemos que colocar la url de nuestra imagen entre las comillas /sin borrar las comillas, eh/. Para sacarle la url, tenemos dos opciones.

 Google Chrome /dar clic izquierdo/copiar url de la imagen/ o acceder a una página para sacársela. En el caso de ser la segunda opción recomiendo ésta (es la que uso para este tutorial) ----> TinyPic.

Una vez estando en la página tenemos que seguir los siguientes pasos /Seleccionar archivo y su tipo/cambiar tamaño del archivo (si quieres)/CARGAR AHORA.


Luego aparecerá algo así: 

OJO: De todos los códigos que vemos, copiaremos el primero.

Cuando copiemos veremos algo así:
<a href="http://es.tinypic.com?ref=2agoz5v" target="_blank"><img src="http://i61.tinypic.com/2agoz5v.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
Lo que está en negrita es la url, así que sólo copiaremos éso.

Al final nos quedará algo así: <center><a><img src="http://i61.tinypic.com/2agoz5v.jpg" /></a></center>
RECUERDA AÑADIR EL CÓDIGO EN UN GADGET 
HTML/JavascriptAñadir
 Diseño>Añadir un gadget>HTML/Javascript
------------------------------------------------------------------------------------------------------------

Código para un gif centrado

 <center><a href= "Mi pequeño Universo" target="_blank"><img src="Url" border="0" alt=/></a></center>

Como en el caso anterior, solamente reemplazaremos lo que está en negrita por la url de nuestro gif.

RECUERDA AÑADIR EL CÓDIGO EN UN GADGET 
HTML/JavascriptAñadir
 Diseño>Añadir un gadget>HTML/Javascript
------------------------------------------------------------------------------------------------------------

Código para un texto centrado

<center>"escribe un texto"</center>

En el caso del texto reemplazaremos escribe un texto por el texto que queremos.

RECUERDA AÑADIR EL CÓDIGO EN UN GADGET
HTML/JavascriptAñadir
 Diseño>Añadir un gadget>HTML/Javascript
------------------------------------------------------------------------------------------------------------

Espero que les haya sido útil la entrada ^_^ .

CAREN

1 comentario:

Lee Rae Mi dijo...

gracias por la tutorial^^
saludos~

Vuelve el blog a tu Idioma