<< DWUG

Reference Library

files, bookmarks, contacts, notes, pictures, and more...

Reference Library Home | About | Filter by Date | Search

Posts

1-4 of 4

DIV arrastrable con jquery
Code Snippet posted on Nov 17 by Andres Cayon

Title: DIV arrastrable con jquery
Description:

Crea un bloque div que se puede arrastrar por la página


Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js"></script>

<script>
$(document).ready(function(){
$(".block").draggable();
});
</script>
<style>
.block {
width:200px;
border:1px solid;
cursor:move;
}
</style>
</head>
<body>
<div class="block">arrastrame!</div>

</body>
</html>

Manual Ayuda Dreamweaver en Español
Bookmark posted on Nov 15 by Andres Cayon

Name: Manual Ayuda Dreamweaver en Español
Keywords: Dreamweaver ayuda español

Optimizar la exportación en Fireworks
Bookmark posted on Nov 12 by Andres Cayon

Name: Optimizar la exportación en Fireworks
Notes:

Me he encontrado este mini tutorial con un truco muy bueno para mejorar (aún más) la exportación en fireworks: Dividir en secciones y optimizar por separado cada una de ellas. de esta manera, partes de la imagen pueden ser jpg en alta calidad, otras en baja, incluso algunas partes pueden ser gif.

Un truco muy sencillo y muy original, la verdad.


Keywords: Fireworks

Thickbox widget 5
File posted on Nov 13 by Andres Cayon

Title: Thickbox widget
Notes:

Thickbox es un widget para Dreamweaver basado en el plugin Thickbox para JQuery:

http://jquery.com/demo/thickbox/

Esta pensado para trabajar como una galeria, pero puede utilizarse de forma muy sencilla para imágenes sueltas:

  1. Se pueden añadir más imágnes a la galeria siguiendo la estructura del html generado (muy sencillo). La parte importante es la clase "thickbox" añadida a la etiqueta "a" y  las rutas a las imágenes de ejemplo en el enlace y en la etiqueta img (obvio).
  2. Se pueden añadir más galerias en una misma página, sólo hay que volver a aplicar el widget y modificar siguiendo el punto 1.
  3. El código de ejemplo que añade el widget asume que utilizas una miniatura para mostrar en el documento y una imagen a tamaño real para el thickbox. Sin embargo puedes utilizar la misma imagen para las dos situaciones: Simplemente indica el mismo archivo como origen y como href del enlace
  4. Si no quieres crear una galería (y evitar los mensajes de imagen x de x y los enlaces de anterior/siguiente en el thickbox) sólo tienes que eliminar el atributo rel del enlace que envuelve a la(s) imagen(es).

Keywords: dreamweaver extensions widgets thickbox jquery

Filter by Date

<< June 2013 >>
Su Mo Tu We Th Fr Sa
            01
02 03 04 05 06 07 08
09 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            

Filter by Type

Video
File
Design Pattern
Contact
Code Snippet
Bookmark
Book

Change View

Titles
Summaries
Table
Clip
Clip & Comments
Full

Change Sort

Alphabetically
By Last Activity
By Date Posted
By Number of Comments
By Number of Views
By Author