JMiur [E]

Siguiendo con los efectos del nucleo de Scriptaculous, aquí están los tres siguientes.

Effect.Morph cambia las propiedades CSS de un elemento. Su sintaxis es:

new Effect.Morph('nombre_elemento',opciones);

por ejemplo:

onclick="new Effect.Morph("nombre_elemento", {style:{width:'200px'});return false;"

aunque, la mejor forma de utilizar este efecto es usando este tipo de código:

onclick="getElementById('nombre_elemento').morph('propiedades_de_estilo');return false;"

Debe tenerse en cuenta que el estilo original debe estar definido previamente.

DEMO utilizando OnMouseOver y OnMouseOut
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Effect.Move desplaza un elemento. Su sintaxis es:

new Effect.Move('nombre_elemento',opciones);

por ejemplo:

onclick="new Effect.Move ('nombre_elemento',{ x: 0, y: 0, mode: 'absolute'});
return false;"

lo moverá al ángulo superior izquierdo de la pantalla y:

onclick="new Effect.Move('nombre_elemento', { x: 20, y: 20, mode: 'relative'});
return false;"

lo desplazará a partir e la posición donde se encuentra el elemento.


Effect.Parallel es un efecto especial que permite combinaciones. Su sintaxis es:

new Effect.Parallel(lista,opciones]);

No es sencillo de implementar y hay otras alternativas que pueden utilizarse y que serán mostradas en el siguiente post. De cualquier manera, este es un ejemplo:
<a href="javascript:void(0);" 
onclick="
new Effect.Parallel( [ 
new Effect.Opacity('scrdemo61',{from:0.25, to:1.0}),
new Effect.Move('scrdemo61',{x:32,y:0,mode:'relative'})
]);return false;
">CLICK</a>

8 comentarios:

Anónimo  

Hola JMiur, gracias a la recomendación de Yolanda (cábalas Virtuales), he llegado por aqui.

Me ha gustado mucho tu blog; lo que me llamo la atencion, fue que los banner y los widget se pueden esconder, ese truco me gustaria usarlo en mi blog, pero no he pillado ( o me he perdido XD), en tu blog.

Quisiera saber si podrías proporcionarme tu ayuda :)

Saludos.

Responder
sEbAsTiAn  

Hola amigo
te queria decir que ya puse tu banner en mi blog y espero que pongas el mio en tu blog GRACIAS

Mi blog
http://softwareyanimaciones.blogspot.com

Links de mis banners
http://softwareyanimaciones.blogspot.com/search/label/Webs%20amigas

Responder
JMiur  

A su Imaginación:

Prometo dar tener una explicación armada para la semana que viene. Cualquier cosa, enviame un mail y veo si puedo adelantarte algo pero es más seguro colocar los códigos en un post.

Sebastian:

Gracias por el enlaces y muy interesante tu blog :)

Responder
Anónimo  

Muchas Gracias JMiur.

Estaré esperando :)

Responder
QuiaSint  

¿Podrías decirme cuál es el ancho y largo máximo que admite Blogger en sus plantillas?

Gracias en antemano.

Responder
JMiur  

No existe esa limitación. Lo más que cercano a ello es la cantidad de post por página pero no jay limitaciones para el tamaño de cada uno de ellos.

Responder
Anónimo  

Muchas gracias por tu ayuda.

Lo primero, decirte que por fin he encontrado a una persona realmente experta en diseño web.

La verdad es que mi pregunta anterior estaba mal formulada.

Efectivamente, las plantillas pueden redimensionarse sin problemas.

El problema lo tengo con las fotografías: no doy con el modo de agrandar las cajas en el HTML.

He modificado todos las variables, y las fotografías siempre se encajan en una especie de tamaño predeterminado. Lo cierto es que he visto algunos blogs que lo han conseguido.

!En fin! Seguiré probando.

Repito: tanto el diseño como el contenido de tu página me parecen magníficos.

Un saludo desde España.
Joaquin.

Responder
JMiur  

Con las imágenes pasaría lo mismo, no habría restricciones pero, si las subimos a Blogger, las cosas se complican un poco. Puedes ver algunos detalles AQUI.

Usando el editor, la imagen que se muestra no es la imagen subida sino una miniatura de cierto tamaño.

En todo caso, si me explicas exactamente cuál es el problema o qué es lo que quieres conseguir, podemos verlo en detalle.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR