Immagini e testo

6 contenuti / 0 new
Ultimo contenuto
Immagini e testo

Ciao a tutti sul forum, uso drupal 6 (vengo dal 5 che comunque uso ancora!) e ho un problema che vorrei risolvere una volta per tutte. La visualizzazione delle immagini tipica che mi porto dietro è la seguente: http://www.noteglocali.it/notegali/node/465 oppure questa: http://notarantonio.net/domenico/node/81 ... (al massimo riesco a mettere prima il testo e poi le immagini scambiando le righe di codice nel file node.tpl.php!). Vorrei invece qualcosa del tipo: http://www.signalkuppe.com/drupal5/praga. Ho già visto questi suggerimenti: http://www.drupalitalia.org/node/6401 ... (e un sacco di altra roba in rete)... ma non riesco a venirne fuori! Su quali files potrei intervenire senza ricorrere all' uso di ulteriori moduli tipo view ecc? Attualmente riesco a gestire "abbastanza benino" image e cck...ma non in tutto, e mi domando se non sia possibile guardare in quale file viene composto il contenuto "foto + testo" e modificarlo! Qualcuno qui ha già sudato sangue per una cosa del genere? Help! Help! Help! Grazie!

Se ti riferisci alle immagini a piè pagina ti serve lightbox oppure colorbox. Insieme ad immage e cck sono più facili e veloci da gestire.

Se ti riferisci alla prima immagine con il testo a destra è solo una questione di css.

Grazie, scusa per la poca chiarezza! Mi riferisco al secondo caso, ossia alle immagini con il testo a destra (che io non riesco ad ottenere) perchè lo posso mettere solo sopra o sotto (agendo sulle righe di codice del node.tpl.php). Quindi tu mi indichi il css...ma quale css ( puoi indicarmene uno di esempio su un tema specifico?) e cosa dovrei modificare in esso esattamente? Sono giorni che mi ci sto "scontrando" e non ne esco!

Se tu hai una mela, io ho una mela e ce le scambiamo, avremo comunque una mela ciascuno; ma se tu hai una idea, io ho una idea e ce le scambiamo, avremo due idee ciascuno!

Una alternativa al css è node display suite, posizioni i campi dove vuoi... fai dei cck con lightbox installi nd (ha anche altri moduli) e ottieni roba tipo questa senza modificare css...

Marcello

qualche editor permette l'allineamento delle immagini col testo supportando la CSS float Property - float:left oppure right;
nella creazione di un nodo
se non hai installato un editor ti serve il modulo http://drupal.org/project/float_filter
senno modifichi il css:
vedi - http://www.w3schools.com/cssref/pr_class_float.asp

ndruppat wrote:
Grazie, scusa per la poca chiarezza! Mi riferisco al secondo caso, ossia alle immagini con il testo a destra (che io non riesco ad ottenere) perchè lo posso mettere solo sopra o sotto (agendo sulle righe di codice del node.tpl.php). Quindi tu mi indichi il css...ma quale css ( puoi indicarmene uno di esempio su un tema specifico?) e cosa dovrei modificare in esso esattamente? Sono giorni che mi ci sto "scontrando" e non ne esco!

Devi inserire nel css del tema che usi le istruzioni per le immagini es:

/*immagini senza cornice*/
a img{border: none;}
img.img-sx{float:left; margin: 0px 10px 0px 0px;}
img.img-dx{float:right; margin: 0px 0px 0px 10px;}
img.img-ct{display: block; margin: 0 auto;}
/*immagini con cornice*/
img.imgc-sx,img.imgc-ct,img.imgc-dx  {padding: 4px; border: 1px solid #a0a0a0;overflow:hidden;}
img.imgc-sx{float: left; margin: 0 10px 5px 0;}
img.imgc-ct{display: block;margin: 0 auto;}
img.imgc-dx{float: right;margin: 0 0 5px 12px;}

Se usi CKeditor, dopo aver selezionato l'immagine, clicca sulla scheda Avanzate ed in "Nome classe CSS" metti img-sx se la vui a sinistra senza cornice e imgc-sx se la vuoi con una cornice. La posizione, in base all'esempio sopra, è decisa dall'ultima parte dell''attributo css -sx per sinistra -dx per destra -ct per centro.

Se usi TinyMce dovrai prima indicare nelle impostazioni del modulo il css con la formattazione. Poi, dopo aver selezionato l'immagine, vai nella scheda Aspetto e seleziona dal menu a tendina in Classe la classe-comando per posizionare l'immagine.