Mostrando entradas con la etiqueta Imagenes. Mostrar todas las entradas
Mostrando entradas con la etiqueta Imagenes. Mostrar todas las entradas

Marca de agua en las imagenes con Css

0
Una marca de agua es un logo dentro de una imagen la cual permite mostrar algún tipo de atribución en cada imagen. En esta oportunidad veremos cómo hacerlas sin necesidad de recurrir a modificar las imágenes.


El resultado será similar a este:





Un sonido al pasar el mouse sobre una imagen

1
Este sistema hecho con JavaScript está desarrollado -a petición de un lector del blog- para añadir un efecto de sonido a una imagen, pero también se puede utilizar para reproducir música a demanda con un reproductor "invisible".

Lo primero de todo es conseguir un alojamiento para audio que admita el hotlink, o lo que es lo mismo, que nos permita tirar directamente del alojamiento para reproducir online y no sólo en modo descarga.

Protege las imagenes de tu blog con un anucio

0
Varios me han preguntado como proteger las imagenes del blog para que no se las copien, para todos esos que tienen su blog de imagenes, o wallpappers. Bueno, esto es muy facíl, solo tenemos que agregar la siguiente linea cada vez que vayamos a publicar una imagen.

Iconos y más para sus posts o blogs

0
En el día de hoy les traigo una colección de iconos e imagenes para decorar sus post...

Redes Sociales


Wallpappers Mundo Blogger

0
Hola amigos, hoy les traigo 4 wallpappers de Mundo Blogger, espero que les guste y no se olviden de comentar....

Vista previa:


Slideshow con efecto fade en Javascript

0
Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:

Texto sobre cualquier imagen usando Css

0
Añadir texto sobre una imagen permite incluir el título de ésta, describirla, o anunciar su procedencia. Esto puede lograrse usando sólo CSS, sin nada de Javascript para no hacer la página más pesada y lenta.




Esta es mi primera frase sobre una imagen. Escribir sobre fotografías es una gran ventaja.

Mostrar una imagen distinta cada día de la semana

0

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código:

Reflejar imagenes con JavaScript

0

El script se llama Reflection y trabaja de una manera muy sencilla:
  1. Descarga el script desde aquí o en su página oficial.
  2. Dentro del .zip encontraras un archivo llamado reflection.js, descomprimelo y subelo a tu host propio o gratuito.

5 aplicaciones para publicar imagenes en Twitter

0

bxGallery : Simple jQuery image gallery

0
bxga33ery
bxGallery, un plugin jQuery de tan solo 4kb que les permitirá crear y diseñar galerías de imágenes para sus productos y/o porfolios. Posee bellos efectos y puede configurarse a gusto. Algunas de sus características:
  1. Cross browser (incluyendo IE6)
  2. Crea una lista con las miniaturas automaticamente
  3. Configuras el tamaño máximo de las imágenes
  4. Asignas la clase que desees al contendor
  5. Configuras la opacidad de las thumbnails
  6. Defines la imagen que se mostrará para precarga
  7. Asignas dimensiones para la lista, imágenes, contendores
Ver Demo InfectedFX - Otros demos

Zoomi – Javascript para añadir efecto zoom a nuestras imágenes

0
zoomi.jpg
Zoomi es un ligero Javascript que posee la capacidad de permitirnos añadir a nuestras imágenes un efecto zoom muy bonito. Su utilización es realmente sencilla. Para utilizarla deberemos descargar por supuesto zoomi.js pero también necesitaremos de jQuery.Ver Demo

Descargar las imágenes de nuestro blog

0
Esto sirve si queremos compartir las imágenes de nuestro blog.

Cuando subimos una imagen en Blogger nos genera un código así:

Cambiar tamaño de la imagen

0
Blogger nos permite subir imágenes hasta un tamaño de 1600 pixeles de ancho.

Si subimos una imagen de gran tamaño, la podemos mostrar en una entrada con un tamaño mas chico.

Cargando Imágenes....

0
Hay veces que tenemos en nuestro sitio varias imágenes, y la carga de las mismas puede demorarse bastante.
Este código se utiliza para mostrar a quien acede a nuestra página que las imágenes se van cargando poco a poco (por favor tengan en cuenta que dependiendo de su velocidad de conexión y la carga del servidor puede que la imagen de progreso se mueva demasiado lento o demasiado rápido).
El cual muestra una imagen al iniciar la carga y desaparece al terminar de cargar todas las imágenes que posee nuestra página.

Imagen de fondo con movimiento

0
En este post les voy a enseñar a como colocar una imagen detrás de nuestro blog y que se mueva....

Expandir Imagen

0

Galeria de imagen en ventanas modales con SlimBox

0

SlimBox es un Script que utiliza las ventanas modales de LightBox, pero a diferencia de este, SlimBox solo sirve para mostrar galería de imágenes o imágenes solas. La ventaja es que tu blog carga mas rápido a diferencia de que coloques todas las imágenes en el blog directamente, y ademas, se vera mucho mas atractivo para los visitantes a la hora de ver las fotos en el blog.

Esta aplicación utiliza para su funcionamiento a Mootools, el cual les explicare aqui como colocarlo en tu blog, pero si ya lo tienes incluido no es necesario hacerlo de nuevo. Entonces, empiezo a explicar.

Abrir imagenes en una misma página con efecto zoom de highslide

0
HighSlide es un maravilloso script que te permite abrir las imagenes de tu blog en la misma ventana o pagina. Es decir, ya no es necesario que el usuario salga de tu pagina al hacer clic sobre una imagen, si no, que a la imagen que le apliques el Javascript, al hacer clic sobre ella abrira con un efecto Zoom, que se activara una vez dado el clic sobre la imagen deseada. Highslide te permite crear tambien galeria de imagenes, con distintos diseños, en la imagen de la izquierda se pueden vizualizar dos modelos de las ventanas modales, y eso no es nada para las demas que ofrece, tambien, te permite mover la imagen de un lado a otro de la pagina. En esta entrada, te ensañare a aplicar el efecto dentro de tu blog, pero para empezar, es necesario que veas una muestra en la pagina del autor.

Como obtener más espacio

0
Como todos sabemos las imagenes que subes en Blogger se guardan en una cuenta de Picasa la cual es limitada y tiene un espacio de 1 GB no es demasiado pero tendria que ser suficiente, difilmente creo que alguien nesecite mas, pero bueno...