Mostrando entradas con la etiqueta Código HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta Código HTML. Mostrar todas las entradas
sábado, 22 de enero de 2011
[HTML] Cambiar imágen al pasar el puntero encima
23:21 | Publicado por
Geost |
Este código sirve pa que cuando pasemos el cursor encima de una imágen esta se cambie por otra:
Las imágenes podrán ser cualquier formato jpg, gif, png que hayan subido previamente.
La imagen1 es la imágen que se visualizará por defecto.
La imágen2 es la imágen que se visualizará cuando pasen el puntero del mouse por encima.
Resultado
<imgLes voy a demostrar el funcionamiento del código con un camaleón =D
src="imagen1"
onmouseover="this.src='imagen2'"
onmouseout="this.src='imagen1'"
/>
Las imágenes podrán ser cualquier formato jpg, gif, png que hayan subido previamente.
La imagen1 es la imágen que se visualizará por defecto.
La imágen2 es la imágen que se visualizará cuando pasen el puntero del mouse por encima.
Resultado
- Nota: Si usan blogger, en la vista previa es posible que no se vea el efecto, pero cuando se publica ya funciona.
- Otra Nota: El cambio de imágenes se dará mas rapido si usan imágenes subidas por medio de blogger
Etiquetas:
sábado, 6 de noviembre de 2010
[HTML] Nuevo código para insertar videos de YouTube
YouTube tiene un nuevo API (Application Programming Interface o interfaz de programación de aplicaciones) para insertar videos.
Con este API sólo necesitan tener el ID del video.
El código
Este código utiliza un IFrame (Inline Frame o marco incorporado) que es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal.
En la misma URL del video podemos obtener la ID.
Por ejemplo tenemos esta URL:
Resultado final
Nota: Podemos cambiar el tamaño modificando el valor numérico de width y heigh.
Con este API sólo necesitan tener el ID del video.
El código
Este código utiliza un IFrame (Inline Frame o marco incorporado) que es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal.
<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>
Donde obtengo el ID de un video en YouTube?
En la misma URL del video podemos obtener la ID.
Por ejemplo tenemos esta URL:
http://www.youtube.com/watch?v=KHgL70E8WAcEl ID del video es el valor que tenemos despues de v= y el mismo que yo he marcado con rojo y negrillas: KHgL70E8WAc
Resultado final
<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/KHgL70E8WAc" frameborder="0">Y ya insertado el código HTML tenemos:
</iframe>
Nota: Podemos cambiar el tamaño modificando el valor numérico de width y heigh.
martes, 12 de octubre de 2010
[HTML]Abrir hipervínculo en nueva pestaña
Por defecto los hipervínculos dentro del blog se abren en la misma pestaña, para hacer que se abra en otra pestaña tienen que poner en Edición de HTML, y en el código del link añadirán los siguiente:
target="_blank"Un ejemplo:
Antes de editar:
<a href="http://www.getdota.com/">DotA</a>Despues:
<a href="http://www.getdota.com/" target="_blank">DotA</a>
Suscribirse a:
Entradas (Atom)
