img_assist

Este módulo permite que los usuarios suban y añadan imágenes a los envíos. Genera automáticamente un icono de la imagen al pie de los campos de edición de textos (textareas). Al hacer clic en el icono, abre una ventana en la que se podrán navegar las imágenes, exhibiendo todas las imágenes que se hayan subido con el módulo image, el módulo upload o img_assist. Las imágenes se pueden filtrar por la propiedad o los términos taxonómicos (categorías). Este módulo mostrará las imágenes que se hayan subido previamente a la carpeta files/images, aunque también nos da la posibilidad de subir nuevas imágenes usando este mismo módulo.

Los pasos para instalar este módulo son:

  1. Descargar el módulo de http://drupal.org/project/Modules y descomprimirlo.
  2. Instalar la carpeta img_assist dentro de la carpeta modules de nuestro sitio.
  3. Actualizar la bbdd con el archivo img_assist.mysql incluido en el módulo. (Si nunca has hecho un backup de las bbdd de tu sitio, este es un buen momento para hacer uno) Guiño
  4. Habilitar el módulo en: administrar -> módulos.
  5. En administrar -> opciones -> img_assist se configura cómo uno quiere que el asistente de imágenes las configure.
  6. De entrada se usan etiquetas div e img, las mismas no están permitidas en el formato de entrada que se usa por default que es el Filtered HTML, por lo que deberíamos incluir ambas etiquetas si queremos que la imagen se muestre correctamente.

Ya está instalado el módulo img_assist.

Este módulo permite además manejar algunos atributos que no necesariamente se insertan automáticamente. Por ejemplo es posible definir una clase de css para "dibujar" la imagen:

[img_assist|fid=217|thumb=1|alt=James Joyce|class=image-right|height=140|width=94]

Desconcertado

Drupal con muy buen criterio separa lo que es la lógica del sistema de lo que es la lógica del diseño. En general todo tema en drupal se "maqueta" por medio de "style sheets", es decir que existe al menos un archivo CSS que permite definir los atributos de cada objeto. Los atributos pueden definirse por medio de nombres de clase en este archivo. Por ejemplo en mi site (http://www.nodigas.com.ar), tengo definidas dos clases image-right e image-left, ambas hacen que una imagen se muestre con un pequeño recuadro, una sombra y alineadas a derecha o izquierda con relación al texto. De esta forma, con un poco de código CSS, usando este módulo y agregando el nombre de la clase apropiado (esto no se puede configurar desde la página interactiva del módulo) puedo decir como quiero que se muestre dicha imagen. Lo mencioné por que esto no aprece en otros módulos como el "inline" y da mucha flexibilidad para el diseñador.

... ¿tenés idea de porqué no puede usarse css con img_assist? lo he notado al tratar de agregarle style="padding: 0 10px 0 10px;" a las imágenes y ni bola Triste, lo solucioné momentáneamente con hspace="10", pero la verdad es que hubiera preferido resolverlo mediante css.

Viste el código html que genera? También probaría poner en el style.css del tema, una clase:

.img-assist img {
padding: 0 10px 0 10px;
}

Y a la hora de insertar la imagen, en el código que te coloca el image_assist, le agregaría:

class=img-assist

A ver que pasa...

y lo dejé para que lo veas en el manualcito que aparece en http://drupaleros.com.ar/node/2

si te fijás, ahora el texto aparece pegado a la imagen, pero si mirás en el fuente del documento vas a ver que está la llamada a la css y nada che Bronca

Probá jugar con algo como esto:

.img-assist {
float:left;clear:left;
margin: 10px 0 0 10px;
}

Sacando el tema del borde y la sombra la cosa quedaría así:

http://www.nodigas.com.ar/boquita_por_martin_caparros

Sería eso? Igual te aclaro que de CSS y Html soy un absoluto ignorante Guiño

... y nones Triste

me parece que debe haber algún otro atributo css dando vueltas por allí que jode, porque la etiqueta img se presenta al browser con la class en forma correcta, pero no da bola.

momentánemente voy a volver al hspace="10", que con eso nos arreglamos bien por ahora.