¡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/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/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/Javascript |
------------------------------------------------------------------------------------------------------------
Espero que les haya sido útil la entrada ^_^ .
CAREN
1 comentario:
gracias por la tutorial^^
saludos~
Publicar un comentario