Wallpapers (Colores)
What is this? |
Blogger agrega nuevos idiomas a su servicio. Lo que no sé es cuál será este que me apareció hoy en el blog de pruebas.
Imposible traducirlo. Usé Google Translate y sólo salieron emoticones.
Insertar videos de YouTube con sencillez |
YouTube Embed Magic Tool puede ser útil para quienes quieren evitarse el trabajo de escribir el código necesario cuando se quiere incrustar un video de YouTube haciendo uso de todas las opciones disponibles.
Entramos, colocamos la URL de tipo:
http://www.youtube.com/watch?v=XXXXXXXXXX
seleccionamos ancho y alto y OK, nos dará el código a insertar donde ya estará incluido el uso de HD (alta definición).
Yo diría que es innecesario y que el código generado sigue siendo no válido ya que se insiste en el uso de la etiqueta EMBED pero, algo es algo.
Mucho más sencillo es tener el código en algún borrador y copiarlo cada vez que queremos usarlo:
Entramos, colocamos la URL de tipo:
http://www.youtube.com/watch?v=XXXXXXXXXX
seleccionamos ancho y alto y OK, nos dará el código a insertar donde ya estará incluido el uso de HD (alta definición).
Yo diría que es innecesario y que el código generado sigue siendo no válido ya que se insiste en el uso de la etiqueta EMBED pero, algo es algo.
Mucho más sencillo es tener el código en algún borrador y copiarlo cada vez que queremos usarlo:
<div style="text-align:center;"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXX&hl=es&fs=1&rel=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXX&hl=es&fs=1&rel=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0" /></object></div>
¿Demasiado trabajo? ¿Queremos simplificar las cosas aún más? Usemos JavaScript y creemos una función que inserte los videos de YouTube de manera más automática. Este es el código de un ejemplo simplificado que insertamos antes de </head>:
<script type='text/javascript'>
//<![CDATA[
function insertar_YouTube(IDyoutube) {
var output = "<div style=\"text-align:center;\">";
output += "<object width=\"425\" height=\"350\" id=\"movie\" type=\"application/x-shockwave-flash\" data=\"http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0\">";
output += "<param name=\"movie\" value=\"http://www.youtube.com/v/" + IDyoutube + "&hl=es&fs=1&rel=0&ap=%2526fmt%3D18&showsearch=0&showinfo=0\" />";
output += "<param name=\"wmode\" value=\"transparent\" />";
output += "<param name=\"allowfullscreen\" value=\"true\" />";
output += "</object>";
output += "</div>";
document.write (output);
}
//]]>
</script>¿Y para qué serviría? Bastaría insertar esto en un post:
<script>insertar_YouTube("XXXXXXXXXXX");</script>
cambiando las XXXXXXXXXXX por el ID del video.
Por ejemplo si quisiéramos insertar este video:
http://www.youtube.com/watch?v=lhqr-P2O0XI
escribiríamos esto:
<script>insertar_YouTube("lhqr-P2O0XI");</script>
<script>insertar_YouTube("XXXXXXXXXXX");</script>
cambiando las XXXXXXXXXXX por el ID del video.
Por ejemplo si quisiéramos insertar este video:
http://www.youtube.com/watch?v=lhqr-P2O0XI
escribiríamos esto:
<script>insertar_YouTube("lhqr-P2O0XI");</script>
Reemplazando imágenes con CSS |
Esta técnica par reemplazar imágenes utilizando CSS es una ocurrencia de Mike’s Experiments y es interesante porque permite generar efectos rollover de forma eficaz, precargando las imágenes lo cual hace que el reemplazo de una por otra sea rápido.
El código CSS (en este caso, aplicado a un encabezado) es el siguiente:
El código CSS (en este caso, aplicado a un encabezado) es el siguiente:
h2.demoIR a {
background-color: #000;
border: 4px solid #333;
display: block;
height: valorpx; /* la altura de la imagen */
margin: 0 auto;
width: valorpx; /* el ancho de la imagen */
}
h2.demoIR a:hover, h2.demoIR a:focus, h2.demoIR a:active {
background: #000 url(URL_imagen2) no-repeat 50% 50%;
border: 4px solid #555;
}
h2.demoIR a:hover img, h2.demoIR a:focus img, h2.demoIR a:active img {
background: transparent;
visibility: hidden;
}Y lo usamos de esta manera:
<a href="#">
<img alt="tex" src="URL_imagen1" width="ancho" height="alto" />
</a>
Problemas con el ratón |
10 plantillas pero hay muchas más |
IE NetRenderer: Una extensión para sufrir |
Una extensión de Firefox que suele ser útil es IETab que nos permite ver cualquier página utilzando el motor de Internet Explorer. Obviamente, como utilza la versión instalada, el resultado será el mismo que abrir el navegador de manera independiente aunque no dispondremos de algunas opciones.Si queremos saber (porque somos un poco morbosos) cómo se vería una página en otra versión, deberemos utilizar algún programa externo o recurrir a algún sitio que lo haga.
IE NetRenderer es otra extensión que facilita esto ya que agrega un menú contextual desde donde podemos renderizar una página (crear una imagen) mostrando cómo se vería en diferentes versiones: IE5.5, IE6, IE7 e incluso el futuro IE8.Todo esto lo hace utilizando el servicio de IE NetRenderer así que la extensión es muy liviana.
