tag:blogger.com,1999:blog-52482476562243700682024-03-14T05:46:32.570-07:00Hacker of the WebAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.comBlogger24125tag:blogger.com,1999:blog-5248247656224370068.post-7605957738431268872011-07-09T19:45:00.005-06:002011-07-10T07:13:17.685-06:00Background o Fondo de página aleatorioQue pasa cuando diseñamos varios fondos para nuestro sitio y no nos decidimos por cual colocar, para esas situaciones tenemos dos opciones: escoger una imagen de fondo y resignarnos o podemos utilizar un sistema que coloque varios fondos de manera aleatoria.
El concepto consiste en que cada vez que alguien ingrese en nuestra página web le aparezca una imagen de fondo diferente. Imágen que es Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com13tag:blogger.com,1999:blog-5248247656224370068.post-89656454368896497542011-06-12T13:45:00.003-06:002011-06-12T13:48:28.925-06:00CSS3: Reflejos en imágenes, elementos y objetosSeguimos hablando de las nuevas propiedades que tendrá el CSS3 y ahora toca el turno a una propiedad que nos permite crear un efecto de reflejo a cualquier elemento de nuestro blog o sitio web. Solo con una linea de código tendremos un espectacular efecto reflejo.
Los navegadores que soportan este efecto son Chrome y Safari. Así que extremen sus precauciones al utilizar este efecto, usenlo Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-23493952687270809012011-05-31T17:05:00.002-06:002011-05-31T17:08:55.534-06:00Nuevas caracteristicas en imagenes alojadas en BloggerHace algunos días que me percate de una nueva característica de las imágenes que subimos a Blogger. Se trata de modificar el tamaño de la imagen mediante el url de esta, para no sobrecargar la página.
Veamoslo de un modo práctico... Todos estamos de acuerdo que cuando subimos una nueva imagen, se genera automáticamente un código como este:
<div class="separator" style="clear: both; Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-76043391605064716192011-05-23T21:01:00.000-06:002011-05-23T21:01:23.276-06:00CSS: Imagenes con pie de fotoAgregar imágenes en nuestro sitio o blog, es algo sencillo. Pero al tratar de colocarle un texto descriptivo a la imagen la tarea se complica bastante. En especial cuando se quiere que el texto permanezca junto con la imagen, ya sea por debajo o por arriba.
Es por eso que a lo largo de esta entrada veremos un sencillo pero útil recurso con el cual podremos agregar imágenes en nuestro sitio/Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-6600765412378140672011-01-07T17:03:00.017-07:002011-07-08T15:31:11.097-06:00Como colocar codigo de Enlazame!El código de enlazame es indispensable para nuestros visitantes que quieres ayudar a nuestra causa promocionando un banner con la imagen mas representativa de nuestro blog, para lo cual es válido proporcionarles accesiblemente buenos banners de la mejor variedad para que puedan colocarlos en donde nuestros visitantes descidan.
Ya que si solo les proporcionamos una imagen grande estamos Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-30978497202358618672010-12-28T08:07:00.003-07:002011-06-13T12:52:13.032-06:00Buscadores de iconosUna cosa imprescindible para todo diseñador o webmaster, es sin lugar a dudas encontrar(o si se puede crear) iconos de buena calidad y variedad. Para esto la mayoría de nosotros requeriremos mucho tiempo y esfuerzo en lograr encontrar el icono perfecto para el diseño de nuestra página web.
En momentos críticos como el que acabo de describir sería como caído del cielo algo así como un Google Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-32539053129135052232010-02-01T11:38:00.004-07:002010-02-06T13:54:50.308-07:00Blogger: Sustituir el nombre de las etiquetas por imagenesSi te molesta que en cada entrada se muestren las etiquetas en forma de texto, por estética o por lo que quieras, sencillamente podrías hacer que cada etiqueta, en vez de mostrar su nombre en texto, mostrara una imagen relacionada con ella. Es decir, si tienes de etiqueta algo así como "noticias", en vez de que tu entrada muestre "noticias" en la parte de las etiquetas muestre un periódico, Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com9tag:blogger.com,1999:blog-5248247656224370068.post-22675215109964939622010-01-18T01:37:00.003-07:002010-01-18T00:31:12.338-07:00Blogger: Sustituir el nombre del autor con una imagenColocar una imagen con la firma personalizada del autor en vez del clásico nombre del autor por la cuestión que se te ocurra, puede ser atractiva a la vista de nuestros lectores además de poder poner en la imagen lo que mejor te parezca.Pero si no sabes bien como crear tu firma o que ponerle. Aqui te dejo algunas herramientas que te pueden resultar interesantes: Cool TextPotente herramienta dondeAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com6tag:blogger.com,1999:blog-5248247656224370068.post-63418630735179538832010-01-14T21:00:00.008-07:002010-01-18T12:18:28.912-07:00CSS3: Interesantes efectos en textoLa Propiedad Sombras o Shadow.Esta propiedad fue propuesta desde CSS2 pero como sea esta disponible en CSS3 y es compatible con:Google Chrome 3+
Mozilla Firefox 3.1+
Opera 9.5+
Safari 3+
[Los que soporten estándares]La sintaxis de la propiedad es la siguiente:
X-Ofsset: Define si la sombra se muestra a la derecha, valor positivo. O si se muestra arriba, valor negativo.
Y-Ofsset: Define si la Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-52989224930751106152009-12-12T06:30:00.004-07:002009-12-21T23:09:18.470-07:00Menu de Imagenes aleatorias IIPues como todo va mejorando con el tiempo, o al menos eso parece, ya habíamos posteado como colocar imagenes aleatorias con un enlace en ellas, pero ahora es posible colocarles un titulo, es decir, que al pasar el mouse aparezca un tooltip con el titulo de la imagen o el titulo de la página a la que se dirige: var santyImagen=function(img,url,tit){this.imagen=img;this.url=url;this.titulo=tit;};Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-27301050145191318032009-12-07T21:12:00.006-07:002009-12-09T04:15:16.505-07:00Fondos Copados; 40mil de los mejores fondos HDUna de las mejores paginas web, donde encontrarás imágenes para utilizar de WallPapers, pero son de libre uso, así que nadie nos impide usarlas en alguna página web xD!! en fin la página es la siguiente:ENLACE | FondosCopados.comAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-71036453442057796462009-12-06T20:34:00.003-07:002009-12-21T23:13:08.313-07:00Menu de imágenes aleatoriasYa habíamos publicado una especie de post donde explicaba como colocar un enlace aleatorio, en esta ocasión será ahora una imagen con enlace la que aparecerá aleatoriamente, podría ser de cualquier tema o tamaño. var santyImagen=function(img,url){this.imagen=img;this.url=url;};santyAleatImg=function(santyArray){var santyAleatImgRes=santyArray[Math.floor(Math.random()*(santyArray.length))];Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com21tag:blogger.com,1999:blog-5248247656224370068.post-1663074226973810062009-09-26T11:26:00.010-06:002009-09-27T00:41:28.940-06:00Mostrar avatar del autor, en los comentariosHace poco que Blogger introdujo la opción de habilitar los avatares en los comentarios del Blog. Algo que muchísimos Bloggers habíamos estado esperando ansiosamente. Y la utilización es simple:[1] Entra en el panel de Configuración de tu blog.[2] Entra en sección de Comentarios.[3] Selecciona la opción si de Mostrar imágenes de prefil en los comentariosSolo revisa las entradas de tu blog, y Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-34772646258359406092009-04-22T12:52:00.006-06:002009-04-22T13:23:58.749-06:00Agregar imagenes de forma sencilla en un postCon conocimentos en javascript, puedes conseguir que la página funcione exactamente como quieres que lo haga, en este caso desarrollé un algoritmo o una funcion que agrega todo el código, simplemente debes agrega la URL y el nombre de dicha imagen, por ejemplo:Este código se debe agregar antes de la etiqueta </head>:<script type='text/javascript'>imagen = function(url,titulo) { if(Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com3tag:blogger.com,1999:blog-5248247656224370068.post-6157854519117507902009-03-03T00:20:00.001-07:002009-03-07T12:58:37.098-07:00Ampliar imágenes con mouse y CSSYa habíamos explicado un código para ampliar imágenes con el mouse y Javascript y gracias a el comentario de Italo Disco Style, que preguntaba si se podía traducir a ese código Javascript a CSS. Lo cual dio resultado a lo siguiente.El inconveniente aqui es que no usaremos javascript, por lo que necesitaremos definir cada uno de los ID de cada imagen.El código CSS es el siguiente:#img { width:Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-4657018201457697192009-02-21T22:24:00.005-07:002009-06-18T21:42:43.665-06:00Efectos con los links del blogLa mayoría de los links del blog se ven bastante iguales, y cuando están en una lista grande de links, ni se sabe cuales has visitado y cuales aún no./!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.[1] Los códigos a continuación se agregan en Diseño>Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-22309866617922391562009-02-11T12:30:00.004-07:002009-02-24T00:11:31.822-07:00Como añadir un Favicon, a nuestro web/blogEn ocaciones el favicon de Blogger no es muy agradable para nuestro blog o no va con nuestro estilo y lamentablemente muchísimos bloggers no conocen el método para cambiarlo, por lo que he decidido explicar dicho método./!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-69192066168294691172008-12-26T02:30:00.018-07:002009-02-14T23:50:06.495-07:00Aclarar imágenes al paso del mouse Este es un truco unicamente para los usuarios de Picasa. Si no eres usuario puedes regitrarte aqui.Pero seguramente ya eres usuario blogger y por defecto ya usas el Picasa. Ya que blogger para subir imágenes, las aloja en sus servidores por medio de Picasa./!\ En esta entrada se asume que tienes conocimientos de como subir imágenes en Blogger o Picasa. Si no sabes como subir imágenes, revisa Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-45271730003926679532008-08-25T02:35:00.005-06:002009-01-23T15:02:00.811-07:005 puntos a tomar para crear tu logoCrear un logotipo o un icono para tu web, no es tarea difícil, solo tienes que tener imaginación y una idea de lo que vas a hacer.Y aquí te tengo 5 puntos a tomar en cuenta para crear un logo agradable a la vista.[1] El logo de tu web no debe tener demasiados colores, no es vistoso un logo con 10 colores diferentes ¿o sí?.[2] Si tienes en mente un logo con imagen y texto, la imagen no debe ser Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-56970595851995579562008-08-03T01:40:00.013-06:002009-02-17T12:34:55.108-07:00Ampliar imágenes con mouse y JavascriptUn efecto bastante útil para aquellos donde el espacio es muy reducido o quieren aprovechar el espacio al máximo. Puedes hacer que al paso del mouse se abra otra imagen o cambie de tamaño, también se puede que al hacer un clic se amplíe o cambie de imagen y al hacer dos clics se reduzca o cambie por la imagen inicial.Puedes usarlo como te des a entender incluso puede ser un menú, con dos imágenesAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com22tag:blogger.com,1999:blog-5248247656224370068.post-74640379617524762882008-07-16T13:00:00.010-06:002009-09-15T00:21:50.228-06:00Fijar imagen en el blogAlgo que suele ser muy útil en los blogs muy extensos, es una imagen de "subir arriba" que se quede estática mientras la página se desliza. Para así el lector se devuelva a donde comenzó[1]para esto solo es necesario que coloques lo siguiente dentro de <body> y </body>:<a expr:href='data:blog.url + "#"' style='display:scroll;position:fixed;bottom:0px;right:0px;'><img src='URLAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-82878064031473204022008-07-15T00:37:00.008-06:002009-01-23T16:13:47.834-07:00Efecto en Imágenes tipo agua (en movimiento)Hola pues regreso con otro generador, o modificador de imágenes. Bueno el caso es que puedes realizar a tus imágenes un efecto agua, en movimiento, comopueden ver aqui:Como lo he logrado pues muy facil, nada mas y nada menos que con Wattereffect[1] Subes la imagen.[2] Le das clic con el botón derecho y le pones en guardar como.Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com3tag:blogger.com,1999:blog-5248247656224370068.post-88169027157463048032008-07-13T00:15:00.007-06:002009-01-23T16:23:17.355-07:00Texto en Imágenes tipo graffitiPues esta es una web para descargar fonts, o tipos de letra. Pero además ofrece el recurso de probar la imagen. Bueno pues lo que haremos será usar ese recurso para obtener imágenes interesantes. Los pasos los describo enseguida:[1] Entra a FontReactor.com luego que te guste un tipo de letra escribes donde dice:[2] Luego de que escribas el texto, haces clic en [previsulizar], se generará una Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-32258146179923156792008-07-12T23:39:00.006-06:002009-01-23T16:26:21.647-07:00Reflejo a ImagenCon solo hacer unos clics puedes hacer que una imagen se pueda ver de esta forma.Para hacer esto requieres entrar a Reflectionmaker.com.Si te preguntas además de donde saque esta imagen te puede interesar este otro post:texto en imágenes tipo graffitiAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0