Botón flash con un enlace a otra web..
jueves 28 de febrero de 2008 | - Publica un comentario
Hoy crearemos un botón en flash que nos enlace a otra pagina de una manera muy sencilla..
Para esto crearemos una nuevo documento en flash con las siguientes dimensiones: 120px de ancho y 50px de alto..
Ahora presionamos la combinación de teclas siguiente: Ctrl+F8, hacemos esta combinación para Insertar un nuevo símbolo. Elegimos la opción Botón y le pondremos como nombre Botón 1..
Clic aqui para ampliar
Le damos Aceptar y comenzamos a crear un rectángulo del color que mas nos agrade.
Después nos posicionaremos sobre el fotograma llamado Reposo, hacemos clic con el botón secundario del Mouse sobre el y seleccionamos la opción Insertar fotograma clave..
Clic aqui para ampliar
Cuando agreguemos el Fotograma Clave, inmediatamente pasaremos al fotograma llamado Sobre, en esa opción dibujaremos un rectángulo que será el que aparezca cuando pasemos el puntero del ratón sobre el. Para esto solo tendremos que ir a la Herramienta Color de Relleno y le cambiamos el color que tiene por el que mas nos agrade..
Clic aqui para ampliar
Regresamos a Escena 1..Presionamos Ctrl+L para abrir la Biblioteca y poder visualizar el Botón, si la biblioteca ya estaba visible pasamos a lo siguiente..
En la biblioteca se encuentra Boton1 si realizamos todo correctamente, lo jalamos hacia el escenario y ajustamos el tamaño de acuerdo al documento.. (ancho 120px, alto 50px)..
Trata de que el botón quede centrado para que la visualización final sea la correcta..
Clic aqui para ampliar
Ahora agregaremos el código para enlazar a una Web..
Seleccionamos el botón con un clic, presionamos F9 y agregamos el siguiente código en el Panel de Acciones..
on (release) {
getURL("AQUILADIRECCIONDELAPAGINA", "_blank");
}
Presionamos la siguiente combinación de teclas..Ctrl+Enter, para probar si nuestro botón funciona correctamente..
Lo mas seguro que al guardar el archivo y probarlo desde nuestro ordenador nos aparezca un mensaje de aviso, para que esto no pase subiremos el archivo a un servidor para probar su funcionamiento..
Al final el resultado será este..
Lo que hemos visto es lo mas básico en la realización de botones con enlaces, con un poco de imaginación y paciencia podemos llegar a hacer botones mas vistosos o hasta menús personalizados, todo es cuestión de practica :)..
Entradas relacionadas
Botón Flash con Sonido..
Animacion en Flash: Movimiento de nubes..
Trabajando con mascaras, Parte 1
La Fecha en Flash
Reloj sencillo en Flash
Etiquetas: Antioscript, Flash, Tutoriales
Publicado por
WebAdicto, a las 22:18
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo: 
El ultimo deseo de un Blogger
Si eres blogger y estas a punto de morir tal vez tu ultimo deseo seria que agregaran una entrada a tu blog comentando sobre lo sucedido..
Traducción:
¿Alguna ultima peticion?
¿Puedo poner una ultima entrada en mi blog acerca de esto?
Yo lo haría, ¿y ustedes?
Entradas relacionadas
La realidad de un programador..
¿Que pasa con Mario Bros cuando muere?
¿Han visto a mi perrito?
Cuidado con el perro..
Las 25 mejores muertes en las peliculas de terror..
Etiquetas: Humor Grafico
Publicado por
WebAdicto, a las 15:16
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
The Unfair Platformer. ¿Te atreves a jugarlo?
martes 26 de febrero de 2008 | - Publica un comentario
Si presumes que eres todo un maestro jugando y piensas que todos los juegos en flash son aburridos y sencillos, es porque aun no has jugado The Unfair Platformer..
Es un de los juegos mas difíciles que existen en la red debido a la cantidad de trampas que existen dentro de el. ¿Te atreverías a jugarlo?..
Recomendación..
Todos los niveles están llenos de trampas, no te fíes de lo que te digan..
Controles..
Usa las flechitas de desplazamiento para moverte de izquierda a derecha y saltar..
Clic en la imagen para comenzar a jugar..
¿A que nivel has conseguido llegar?
Entradas relacionadas
Juego: Metro.Siberia Underground
Juego: Encuentra las diferencias..
Tetris para expertos..
Encuentra las diferencias..
El juego de los Simpsons
Etiquetas: Entretenimiento, Juegos
Publicado por
WebAdicto, a las 22:48
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
La leyenda del espantapajaros..
lunes 25 de febrero de 2008 | - Publica un comentario
Publicado por
WebAdicto, a las 22:59
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Dar estilo a las listas con CSS
Esta es una forma muy original de dar estilo y forma a tus listas mediante css..
1. Estructurando con HTML..
Las listas numeradas se consiguen mediante las etiquetas <ol><li>, el truco es aplicar estilo al contenido y por defecto también se le agregara estilo a la numeración, para esto las auxialaremos con el elemento <p>. La estructura seria esta..
<ol>
<li><p>Primer elemento</p></li>
<li><p>Segundo elemento</p></li>
<li><p>Tercer elemento</p></li>
<li><p>Cuarto elemento</p></li>
</ol>
Por lo tanto tendremos..
- Primer elemento
- Segundo elemento
- Tercer elemento
- Cuarto elemento
2. Dando estilo a los elementos de la lista..
La etiqueta <ol> es la que contiene todos los elementos y por consecuente darles estilo, así como en el ejemplo siguiente..
ol {
font:bold 12px times;
font-weight:;
color:#6699CC;
}
Y así obtendremos lo siguiente..
3. Dando estilo solo al contenido deseado..
Para que no todas tus listas queden iguales puedes diferenciarlas dando estilos propios a cada etiqueta, por ejemplo a la etiqueta <p> ..
ol p {
font:normal 10px Arial;
color:#6699CC;
}
Este será el resultado..
Recordemos que, la etiqueta <ol> es la que da estilo a la numeración y <p> al contenido. El único problema que esto tiene al usar esto en tu blog es que no tengas un esquema de código, lo que puedes hacer es aplicar una clase a <ol> y no afectar a todas tus demás listas que hayas hecho con anterioridad en tu blog o web..
Por ultimo les diré que los códigos de arriba son solo de ejemplo, tu puedes modificarlos a tu gusto y si eres hábil con css seguro le sacaras mucho provecho :)..
Entradas relacionadas
Como agregar bordes directamente a las imagenes..
Cursor personalizado en CSS..
Cambiar el color de texto seleccionado con CSS
Insertar archivos SWF en Blogger
Icono en la barra de navegación
Publicado por
WebAdicto, a las 07:41
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Icono en la barra de navegación..
miércoles 20 de febrero de 2008 | - Publica un comentario
Antes de comenzar hay que tomar en cuenta lo siguiente:
- El icono no debe exceder las siguientes dimensiones 16x16px..
- Al parecer solo podra verse en algunos navegadores, les adelanto que en Internet Explorer no se podra ver..
- El fichero deve estar alojado en algun servidor o directorio que soporte archivos ico y contar una direccion propia como: (http://servidor.com/favicon.ico)..
El proceso es muy sencillo, solo debemos agregar una pequeña linea de codigo en nuestra plantilla..El codigo es este:
<link rel="icon" href="favicon2.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon2.ico" type="image/x-icon">
Importante..
Este código tiene que ir dentro de la cabecera HEAD de la página web..
Te recomiendo utilizar el nombre de favicon.ico para el icono que agregar, ya que algunos navegadores lo descargan y ponen en la barra sin necesidad de agregar el codigo :)..
Entradas relacionadas
Live Messenger en tu Blog o Web
Television desde tu PC..
Insertar archivos SWF en Blogger
Las 25 mejores muertes en las peliculas de terror..
Botón Flash con Sonido..
Etiquetas: HTML, Utilidades
Publicado por
WebAdicto, a las 22:03
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Una imagen dice mas que mil verdades..
Publicado por
WebAdicto, a las 19:26
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Peliculas online
martes 19 de febrero de 2008 | - Publica un comentario
Divx Online es un excelente sitio en donde podremos ver películas online sin descargar ningún tipo de programa, sin la necesidad de registrarnos y lo mejor de todo, están en español..
Solo debemos acceder al buscador y agregar la película que queramos, lo mejor de todo es que podemos visualizar la película en directo desde el reproductor accinado o guardarla en nuestro ordenador si así lo deseamos..
En realidad este sitio se merece mas que cinco estrellas por la recopilación que hace y su facilidad de navegación :)
Entradas relacionadas
WallpaperMaker: Diseña tu propio fondo de escritorio..
Cubo 3D con el Logo de tu Blog o Web...
Generador de Botones online..
Live Messenger en tu Blog o Web
Logo Generator 2.0
Etiquetas: Servicios Web, Utilidades
Publicado por
WebAdicto, a las 17:12
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Bambee, Version rara..
lunes 18 de febrero de 2008 | - Publica un comentario
Publicado por
WebAdicto, a las 19:03
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Logo Generator 2.0
sábado 16 de febrero de 2008 | - Publica un comentario
Logo Generator es una herramienta online que que genera logos de una casi inmediata. Esta aplicación cuenta con 10 diseños de excelente calidad y con con un diseño típico de Web 2.0, cuenta con algunos efectos como reflejos, fuentes redondeadas, degradados y muchos otros...
Para utilizarlo basta con agregar el texto que queramos, seleccionar el diseño del logo y dar clic en Generar y eso es todo..
Es rápido y sencillo, además de que el logo cuenta con una extraudinaria calidad, esta herramienta es 100% recomendable si quieres un logo rápido y sin tantas complicaciones.
Entradas relacionadas
Television desde tu PC
Generador de Botones online..
Cubo 3D con el Logo de tu Blog o Web..
Iconos y mas Iconos..
WallpaperMaker: Diseña tu propio fondo de escritorio..
Etiquetas: Diseño, Recursos, Utilidades
Publicado por
WebAdicto, a las 19:04
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Trabajando con mascaras. Parte 1
viernes 15 de febrero de 2008 | - Publica un comentario
Hoy trabajaremos con mascaras, los efectos que podemos realizar con este tipo de elementos son excelentes, así como el ejemplo siguiente..
Este ejercicio es muy sencillo, notamos que participan dos imágenes, una borrosa y otra con buena calidad, y por supuesto no olvidemos el circulo que funcionara como mascara..
Estas son las imágenes que utilizare yo, tu puedes usar las que quieras..
Comenzaremos Insertando 4 capas (layers). En la primer capa pondremos la imagen borrosa, en la segunda la imagen normal, en la tercer capa dibujaremos un circulo que será nuestra mascara y la ultima la utilizaremos para las acciones..
Quedaría algo así..
Clic aqui para ampliar
Como paso siguiente seleccionaremos el circulo que que dibujamos en la capa Mascara, lo convertimos en Clip de película, para esto presionamos la tecla F8, elegimos la opción Clip de película y le dejamos el nombre de Símbolo 1, en el nombre de instancia le pondremos el nombre de mascara, estoy es muy importante..
Clic aqui para ampliar
Ahora nos colocaremos sobre la capa a la que nombramos Mascara, la convertiremos en una capa de mascara. Para esto hacemos clic con el botón secundario del Mouse sobre la capa y seleccionamos la opción mascara (mask)..
Clic aqui para ampliar
Notaras que nuestra escena a cambiado, quedara algo parecido a esto..
Clic aqui para ampliar
Ahora solo resta pegar el código que le dará el efecto, para ello seleccionamos el primer fotograma de la capa Acciones, presionamos la tecla F9 y pegamos este código dentro del panel..
Mouse.hide();
onEnterFrame = function() {
mascara._x = _xmouse;
mascara._y = _ymouse;
}
Presionamos Ctrl + Enter y listo¡¡ hemos terminado :)..
Entradas relacionadas
Reloj sencillo en Flash
La Fecha en Flash
Botón flash con un enlace a otra web..
Cursor personalizado en CSS..
Como agregar bordes directamente a las imagenes..
Etiquetas: Antioscript, Flash, Tutoriales
Publicado por
WebAdicto, a las 19:59
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Feliz 14 de Febrero
jueves 14 de febrero de 2008 | - Publica un comentario
Hoy solo quiero desearles Feliz 14 de Febrero a todos los lectores de este blog y a todos los que lo visitan, a mis amigos y a todas las personas importantes en mi vida :)..
Entradas relacionadas
Estadisticas de Mayo..
Tan real como la vida misma..
Desilusión..
Logo Generator 2.0
El ultimo deseo de un Blogger
Etiquetas: Personal
Publicado por
WebAdicto, a las 16:49
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Cambiar el color de texto seleccionado con CSS
miércoles 13 de febrero de 2008 | - Publica un comentario
CSS3 y sus nuevas especificaciones permiten personalizar o modificar el color de la selección de cualquier texto el cual tiene por defecto el color azul, todo esto se logra mediante el elemento ::selection.
Aunque solo nos servirá para Firefox y Safari no deja de ser atractivo, para aplicarlo en toda nuestra pagina utilizaremos este código..
/* Para Firefox */
::-moz-selection {
background: #FFFF00;
}
/* Para Safari */
::selection {
background: #FFFF00;
}
Podremos también agregar clases para cada parte de la pagina..Por ejemplo para p, tendríamos:
p.post-body:selection {
background: #6c82b5;
}
p.post-body:-moz-selection {
background: #6c82b5;
}
Recordemos que esto solo nos servirá en Firefox y en Safari :)..
Mas información | CSS-trikcs
Entradas relacionadas
Icono en la barra de navegación
Como agregar bordes directamente a las imagenes..
Cursor personalizado en CSS..
Dar estilo a las listas con CSS
IE6, Un problema para los diseñadores y bloggers
Publicado por
WebAdicto, a las 12:31
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Television desde tu PC
martes 12 de febrero de 2008 | - Publica un comentario
Con JLC ya no habrá excusa para no poder ver la televisión, basta con instalar el programa en tu ordenador y podrás visualizar mas de 2000 canales de forma gratuita, además de todo esto puedes suscribirte por 20 dólares al año para poder ver 50 canales con contenido para adultos..
Es probablemente la mayor y más actualizada base de datos, puedes clasificar los canales para que elijas solo los que valen la pena si así lo quieres..
Características:
* Puedes mantener en línea la base de datos con miles de canales de TV libres
* Clasificación y sistema de marcas
* Ver actualizaciones disponibles para cualquier canal
* Tu propia lista de favoritos
* Función de búsqueda para encontrar fácilmente cualquier canal
* Programa de las actualizaciones se descargan automáticamente
* Absolutamente NO spyware / adware o malware incluido!
Requisitos:
* Reproductor de Windows Media
* Real Player (sólo para algunos canales)
Enlace // Click aqui para entrar a la pagina oficial de JLC (En ingles)
Entradas relacionadas
La realidad de un programador..
Reloj sencillo en Flash..
Insertar archivos SWF en Blogger
Cubo 3D con el Logo de tu Blog o Web..
IE6, Un problema para los diseñadores y bloggers
Etiquetas: Recursos, Utilidades
Publicado por
WebAdicto, a las 07:35
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Tetris para expertos..
lunes 11 de febrero de 2008 | - Publica un comentario
Clic en la imagen para jugar xD..
Entradas relacionadas
Juego: Metro.Siberia Underground
Juego: Encuentra las diferencias..
The Unfair Platformer. ¿Te atreves a jugarlo?
El nivel mas facil de Mario Bros
Encuentra las diferencias..
Etiquetas: Entretenimiento, Juegos
Publicado por
WebAdicto, a las 09:55
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
¿Que pasa con Mario Bros cuando muere?
sábado 9 de febrero de 2008 | - Publica un comentario
Si has jugado alguna vez Mario Bros, te habrás preguntando ¿a donde va cuando muere y parece que desaparece y luego de la nada aparece otro como si nada hubiese pasado?
Pues ahora gracias a esta imagen podrás saber que la realidad es que los Marios se van acumulando bajo el escenario en una especie de cementerio xD..
Entradas relacionadas
Cuidado con el perro..
WallpaperMaker: Diseña tu propio fondo de escritorio..
¿Han visto a mi perrito?
Generador de Botones online..
Una imagen dice mas que mil verdades..
Etiquetas: Curiosidades, Humor Grafico
Publicado por
WebAdicto, a las 13:06
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
La Fecha en Flash
viernes 8 de febrero de 2008 | - Publica un comentario
En este pequeño tutorial tratare de explicarles como crear la fecha en flash con la clase Date. Este flash se ejecuta de manera local por lo tanto tomara la fecha de nuestro ordenador. El siguiente ejemplo será el resultado de utilizar la clase antes mencionada..
Antes de comenzar debemos darle una gran importancia al siguiente objeto..
fecha = new Date();
Con el codigo anterior lo que haremos sera sencillamente capturar la fecha del momento en que fue generado..
Los datos siguientes nos ayudaran a obtener los días los meses y años..
fecha.getDate(): // Obtiene el número del día del mes..
fecha.getDay():// Obtiene el número del día de la semana..
fecha.getMonth():// Obtiene el número del día del mes..
fecha.getFullYear():// Obtiene el año en un formato de 4 dígitos..
Ahora llega el momento de empesar a crear la fecha..
Empecemos creando un nuevo documento en Flash con dimensiones 250px de ancho y 50px de altura, con fondo blanco o el que tu quieras..
Click aqui para ampliar
Después de ello creamos un campo de texto dinámico..que ocupe todo el documento..
Le agregamos en la opcion variable la palabra calendario..
Click aqui para ampliar
Ahora nos posicióonaremos sobre el primer frame, presionamos la tecla F9 para abrir el cuadro de las acciones y agregamos el siguiente código..
meses = new Array('enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio',
'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre');
dias = new Array('domingo', 'lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'sabado');
onEnterFrame = function() {
fecha = new Date();
dia = fecha.getDate();
< dia_sem = dias[fecha.getDay()];
mes = meses[fecha.getMonth()];
anio = fecha.getFullYear();
calendario = dia_sem + " " + dia + " de " + mes + " del " + anio;
}
Si quieres ver el resultado presiona Ctrl + Enter..
Puedes modificar los valores de los días y los meses, por ejemplo: lun en lugar de lunes..
Solo no cambies el orden de los días, la orden new Array siempre debe comenzar en domingo..
Entradas relacionadas
The Unfair Platformer. ¿Te atreves a jugarlo?
Reloj sencillo en Flash
Trabajando con mascaras, Parte 1
Animacion en Flash: Movimiento de nubes..
Botón flash con un enlace a otra web..
Etiquetas: Antioscript, Flash, Tutoriales
Publicado por
WebAdicto, a las 13:30
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Live Messenger en tu Blog o Web
jueves 7 de febrero de 2008 | - Publica un comentario
Acabo de descubrir que existe una opción para el Messenger Live muy funcional, se trata de la opción que permite integrar Windows Live Messenger en nuestro Sitio Web o Blog agregando un pequeño código HTML, así cualquier visitante podrá enviarnos mensajes a nuestro MSN de una manera instantánea sin la necesidad de tenerlos agregados a nuestra lista de contactos..Esta sin duda es una excelente herramienta si pretendemos mantener comunicación con nuestros visitantes..
¿Pero como integrarlo a mi Blog o Web?
Esto es muy sencillo, seguiremos estos sencillos pasos para poder lograrlo sin ningún problema..
1. Antes que nada debemos Iniciar Sesión desde Windows Live Messenger..Agregamos nuestra cuenta de Hotmail y la contraseña. Una vez dentro activamos la opción que dice..Permitir que todos los usuarios de Internet vean mi estado en línea, si asi lo deseamos daremos click en Guardar para continuar..
Click aqui para ampliar
2. Después simplemente elegimos la opción Crear Html, con esto se creara el código que pegaremos en nuestra Web o Blog..
Click aqui para ampliar
3. El código se encuentra mas abajo de la ventana que nos aparece, personalizamos el tamaño y color a nuestro gusto, copiamos y pegamos el código en el lugar donde queremos que aparezca la ventana del Messenger..
También podemos usar las otras dos opciones..Botón e Icono de Estado..
Click aqui para ampliar
4. En realidad eso seria todo, como vez el procedimiento es demasiado fácil, pero si todo esto no te agrada, solo revierte todos los pasos que acabamos de seguir..
Les dejo un claro ejemplo que esto funciona en realidad, la dejare durante un mes a ver si sale algo bueno de esto xD..Recuerda que el visitante no necesita iniciar sesión, pero podrá mandarte mensajes en el Modo Anónimo.
Entradas relacionadas
¿Quien te bloqueo o elimino de su msn?
Television desde tu PC..
Cubo 3D con el Logo de tu Blog o Web..
Comida Rapida: Anuncios vs Realidad
IE6, Un problema para los diseñadores y bloggers
Etiquetas: Live Messenger, Servicios Web
Publicado por
WebAdicto, a las 11:43
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Iconos y mas Iconos
miércoles 6 de febrero de 2008 | - Publica un comentario
Hace poco, para ser exacto hace dos días, cuando decidí cambiar el aspecto de mi blog, encontré infinidad de webs que contaban con extraudinarios Iconos para ser descargados y utilizados sin ningún problema..
Si estas buscando iconos para crear un blog o tal vez una Web, te dejo esta lista con infinidad de webs especializadas en el tema, puedes utilizarlos sin problema ya que todos son gratuitos, pero antes de hacer cualquier cosa con ellos te recomiendo que leas las condiciones de Licencia que cada uno tiene, ya que algunos no permiten su uso para ser comercializados..
Esta es la Lista..
Free web development icons by ~kurumizawa
Estos son los iconos que utilice yo, son 26 iconos de 16px x 16px con 4 colores diferentes..
FAMFAMFAM - Silk icons
Estos son los que usan casi todos en la realización de su proyecto..
Son iconos de muy buena calidad en formato PNG de 16 por 16 pixeles..
Mini Icons
Es un paquete de mini iconos de gran calidad, además están en formato gif..
Flags
Grupo de 247 iconos en forma de bandera, vienen en dos formatos, gif y png..
Mini Pixel Icons
300 mini iconos de 14 por 14 píxeles con fondo transparente, la única condición para que los uses es otorgar un enlace a N.Design Studio si usas 10 iconos como máximo..
ExplodingBoy Pixel Icons
31 Iconos de diferente color en forma de cuadro..
mIcons - Kostenlose Icons
Iconos clasificados en 8 categorías de gran calidad, en lo personal se los recomiendo..
Feedicons
¿Necesitas iconos para tu feed? Pues aquí tienes un set muy completo..
Sizcons
Excelentes iconos y de gran calidad, cuenta con dos versiones..16 x 16 y 12 x12..
ASP.NET Icons
Estos iconos están en formato gif y son mas de 300, no hay que pedir mas..
¿Alguien conoce otra Web de iconos?
Entradas relacionadas
Descarga y convierte videos de YouTube facilmente..
Television desde tu PC..
Logo Generator 2.0..
Dar estilo a las listas con CSS
Botón flash con un enlace a otra web..
Etiquetas: Diseño, Utilidades
Publicado por
WebAdicto, a las 14:25
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Descarga y convierte videos de YouTube facilmente..
martes 5 de febrero de 2008 | - Publica un comentario
A pesar de que ya existen infinidad de procedimientos, métodos y programas para descargar los videos de YouTube, aun no queda claro para algunos como hacerlo de una manera efectiva, y mucho menos como convertir los videos que al ser descargados tienen una extensión flv que para algunos es desconocida..
Todo esto es muy sencillo y se logra con dos herramientas de excelente manejo..La primer herramienta que nos ayudara a descargar los videos de las principales paginas de videos de la red como YouTube, Dailymotion, entre otras se llama KeepVid..
KeepVid es el sitio que nos ayudara a realizar todo esto, ya que nos permitirá descargar un video con el simple hecho de copiar su dirección..
Haremos esto por pasos para así poder realizarlo de una manera mas sencilla..
1. a) Como primer paso entraremos a KeepVid y pegaremos la dirección del video que nos interese, puede ser de YouTube o de cualquier Web solo pega el enlace correcto..
b) Damos click en el botón de DOWNLOAD para que así puede empezar la descarga del video..
Click aqui para ampliar
2. Una vez pulsado el botón de DOWNLOAD, nos aparecerá un pequeño cuadro de texto con el siguiente mensaje..
Click aqui para ampliar
3. Hacemos click con el botón secundario de nuestro Mouse sobre la opción Download Link y seleccionamos la opción Guardar enlace como, cuando aparezca el cuadro de Guardar como solo tendremos que agregar un nombre a nuestro video, en este caso le pondremos video.flv, en realidad no importa como se llame el video lo importante es que tenga la extensión flv al final..
Ahora ya tenemos el video en nuestra PC en un formato extraño, lo único que tenemos que hacer es convertirlo a un formato conocido..
Para esto necesitaremos un programa llamado CinemaForge, el programa convierte videos a diferentes formatos entre ellos mepg..
Si quieres intentarlo puedes descargar el programa desde aqui..
Cuando termine la descarga del programa lo instalamos y abrimos, la pantalla del programa será muy parecida a esta..
1. Lo que tenemos que hacer es dar click sobre el pequeño icono parecido a una carpeta de la opcion Input..
Bueno antes de continuar tengo que decirles que he hecho el tutorial usando Windows Xp, así que las imágenes pueden variar dependiendo del sistema operativo xD..
2. Al dar click sobre el icono nos aparecerá una pequeña ventana, tenemos que buscar el video que descargamos de YouTube y cargarlo al programa..
Click aqui para ampliar
3. Ahora elegimos el formato que queramos. Para esto damos click en el botón llamado DOC TYPE, elegimos la opción mepg ( puedes usar también la extensión avi o la que tu quieras ), y damos click en la opción Encode..
a) Al dar click en Encode tenemos que esperar a que el programa haga su trabajo, verifica si el programa esta trabajando correctamente si vas a la parte inferior del programa..
Click aqui para ampliar
4. Hemos terminado, cuando aparezca un mensaje como el siguiente quiere decir que el video se ha convertido satisfactoriamente y podemos visualizarlo en nuestro reproductor de siempre..
Click aqui para ampliar
Entradas relacionadas
Botón Flash con Sonido..
¿Quien te bloqueo o elimino de su msn?
Cambiar el color de texto seleccionado con CSS
Television desde tu PC..
Como subir y agregar un video a Blogger..
Etiquetas: Tutoriales, YouTube
Publicado por
WebAdicto, a las 17:52
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Encuentra las diferencias..
lunes 4 de febrero de 2008 | - Publica un comentario
Veamos que tan bueno y atento eres al revisar estas dos imagenes iguales..
¿Cuantas diferencias puedes encontrar en la primer imagen con relacion a la segunda?
Primer imagen
Segunda imagen
¿Pudiste resoverlo? La solucion se encuentra en el primer comentario de esta entrada xD
Entradas relacionadas
Juego: Metro.Siberia Underground
25 Datos curiosos sobre Animales..
Juego: Encuentra las diferencias..
The Unfair Platformer. ¿Te atreves a jugarlo?
Video: La niña fantasma del espejo
Etiquetas: Entretenimiento, Juegos
Publicado por
WebAdicto, a las 14:02
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Imagenes en Blogger (parte 1)
domingo 3 de febrero de 2008 | - Publica un comentario
La mayoría de los usuarios de Blogger manejan las imágenes de una manera sencilla y concisa, ¿pero que pasa con los que van iniciando?..
Algunos no saben porque apareció tal código o para que usar tal parámetro, y la verdad siendo sincero si no conoces por lo menos un poco del lenguaje HTML te sientes perdido en la infinidad del cosmos xD..
La idea de este post no es enseñar a usar HTML a la perfección, es solo para dar una pequeña ayuda al momento de subir una imagen de nuestro ordenador a Blogger, y así poder manejar el código que ofrece Blogger como si fuera cosa de este mundo..
¿Pero como subo una imagen?
Esa es una pregunta muy sencilla, si lo que pretendemos es subir una imagen que esta alojada en nuestro ordenador lo único que tenemos que hacer como primer paso es crear una entrada en nuestro blog o entrar a una ya creada. Cuando estemos dentro haremos click sobre el pequeño icono llamado Añadir Imagen..
Nos saldrá una cuadro como el que se encuentra a continuación..
Click aqui para ampliar
Para empezar a subir la imagen damos click sobre Examinar, después solo buscamos la imagen que queramos subir, ya que la hayamos elegido tenemos que elegir un diseño y el tamaño de la imagen..
Analicemos la opción Diseño de la imagen..
Si elegimos Izquierda la imagen estará ocupando el lado izquierdo del texto que agreguemos si elegimos Derecha ocupara el lado derecho y Centrar simplemente pondrá la imagen en el centro..
Tamaño de la imagen..
Es una opción muy sencilla, si quieres una imagen pequeña elige esa opción si eliges grande la imagen quedara en su tamaño original...
Ya que hayamos elegido diseño y tamaño hacemos clik en Subir y esperamos a que nuestra imagen sea cargada correctamente..
El momento de espera es mínimo, damos click en Finalizado y en realidad eso es todo ya hemos subido una imagen a Blogger :)..
Pero espera..Me ha salido un código extraño, ayúdame a entenderlo¡
Es muy sencillo, el código que te ha aparecido es muy parecido al siguiente..
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="URLDELAIMAGEN">
<img style="float:left; margin:0 10px 10px 0;
cursor:pointer; cursor:hand;"
src="URLDELAIMAGEN"border="0" alt=""></a>
En el código lo que esta de color rojo nos servirá para abrir la imagen en la misma ventana, esta parte del código muy pocas veces es utilizada, no habrá problema si la omitimos en esta ocasión..
Ahora lo que esta marcado de azul son las propiedades que de alguna manera podemos analizar, modificar o eliminar..
Comencemos con la primera:
MARGIN: Los valores 0 10px 10px 0 indican pos pixeles entre la distancia de la imagen y texto en el siguiente orden.. arriba, derecha, abajo. o izquierda. Estos valores también los podemos modificar o hacer algunas pequeñas pruebas con ellos antes de decidir..
CURSOR: En este caso el valor que se encuentra es hand, esto quiere decir que se mostrara una mano al pasar el puntero por la imagen..
BORDER: A esta propiedad podemos agregar el valor que queramos por ejemplo 1, 2, en fin el que nosotros queramos..
ALT: Dentro del código no tiene valor alguno, en todo caso servirá para agregar un texto alternativo a la imagen..(muy recomendado)
Y por ultimo no menos importante la propiedad STYLE a la cual no marcamos en el código, dentro de style se encuentra float que nos servirá para acomodar el texto, este cuenta con tres valores específicos que son: left. right o none estos a su vez se utilizan para alinear a la derecha o izquierda..
¿Podré agregar otros atributos a la imagen?
Existen muchos atributos compuestos en las imágenes pero eso lo veremos en la segunda parte de este pequeño tutorial :)..
Entradas relacionadas
Como subir y agregar un video a Blogger..
Insertar archivos SWF en Blogger..
El ultimo deseo de un Blogger..
Como agregar bordes directamente a las imagenes..
IE6, Un problema para los diseñadores y bloggers
Etiquetas: Blogger, HTML, Tutoriales
Publicado por
WebAdicto, a las 18:30
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
Mitos sobre animales
sábado 2 de febrero de 2008 | - Publica un comentario
Al rededor de los animales se han impuesto algunos mitos que continúan vigentes aun en día, sin duda a pesar de que hay estudios significativos en este campo estos aun son un misterio para el ser humano..
Es por eso que tras esta situación se han desarrollado varios mitos que engloban a algunos animales como los casos siguientes:
¿Los lemmings tienden a suicidarse?
Este mito relacionado con estos roedores menciona que los lemmings criaturas pequeñas del ártico, se suicidan en grupos tirándose por los acantilados.
Esto no es cierto, mas bien se trato de un documental de los años 50 que montó una escena de ficción en la que aparecían varios lemmings arrogándose al vació de una manera voluntaria. La realidad es que durante sus migraciones, muchos lemmings mueren por accidente, al caer en ríos o lagos..
¿Las mariposas negras son de mala suerte?
Hay bastantes mitos y leyendas que cubren a estos pequeños insectos, el que tiene mas relevancia esta afiliado a la mala suerte..
Esta señala que encontrar una mariposa negra posada en una puerta, en una ventana o bajo los techos de las casas es señal de mala suerte o de muerte. Para este mito hay una explicación demasiado fácil, ya que los colores oscuros de la polilla es asociada con la muerte y la pena en la cultura occidental..
Las polillas reposan o descansan en zonas de nuestro hogar ya que son insectos nocturnos y durante el día buscan refugio para cubrirse de la luz solar..Así que no hay nada de mala suerte en ello, este mito es falso xD..
¿Los elefantes temen a los roedores?
Este mito es totalmente falso. Se origino debido a que los elefantes no cuentan con una excelente vista como otros animales, esto produce que con cualquier sonido no identificado ya sea proveniente de animales o cosas pequeñas, como un gato, un perro o bien un ratón se pongan ansiosos y reaccionen de una forma defensiva muy similar a la que experimenta un animal hacia un depredador o nosotros mismos ante un peligro..
También podría provenir de las caricaturas que observamos a diario, donde un elefante gigantesco huye despavorido después de encontrarse con un pequeño ratón en su camino xD..
¿Los murciélagos, que hay detrás de ellos?
En algunas culturas los murciélagos son considerados sagrados en su mayoría, estos animales también se ven envueltos en mitos y por supuesto leyendas relacionadas con la muerte y la vida..
Son asociados con los vampiros, esos seres que solo salen de noche y se alimentan de sangre humana clavando sus colmillos y a su vez transformando a su victima en un ser de su misma especie, como el famoso y conocido Drácula..
Esto es totalmente falso. Aunque existe una especie de murciélago llamada Desmodus rotundus. Esta especie se nutre exclusivamente de sangre de animales de gran tamaño, incluido el hombre, aunque de manera aislada..
Los ejemplares mas grandes llegan a medir 9 cm; de largo y 35 cm; de longitud con las alas abiertas en su totalidad, llegan a pesar 40 gramos y su rostro es achatado. Al momento de atacar usan sus colmillos, los cuales producen una pequeña herida a su presa a la que substrae sangre.. Consume alrededor del 40% de su pero corporal, aproximadamente unos 20g..
Una leyenda habla de un murciélago con más de 1 metro de longitud que se alimenta de carne que obtiene a través de presas vivas, a las que lleva al interior de las cuevas para devorarlas..
Y así infinidad de leyendas y verdades acerca de los murciélagos, pero esa, es otra historia :)..
Entradas relacionadas
Arañas gigantes de Irak..
¿Que animal es el verdadero?
¿Que animal es el verdadero? .2
Bambee, version rara..
Series, una adiccion poco mortal..
Etiquetas: Ciencia, Curiosidades, Mitos
Publicado por
WebAdicto, a las 11:12
Suscribirse al Feed del blog
RSS de las Comentarios
Enlace Permanente
Compartelo:
