personalizzare gallery
Inviato da scansione il 28 gennaio, 2013 - 13:18.
ciao a tutti.
ho un problema di personalizzazione del modulo Formatgallery.
sono riuscito a far funzionare correttamente le slide.
devo modificare il titolo della foto che deve essere messa al di fuori dalla fotografia.
ho provato a modificare l'altezza della foto gallery pensando di alzare tutta la foto gallery, ma nulla.
come posso procedere?
grazie
Risposte
Non ho trovato alcun modulo
Non ho trovato alcun modulo su drupal.org con il nome "Formatgallery", quindi non saprei dirti. Comunque il posizionamento degli elementi può essere modificato o da css o eventualmente (e se possibile) facendo l'override del template per utilizzato l'output della galleria.
Potresti provare in alternativa views_slideshow, selezionando per ogni slide solo titolo nodo (o descrizione/titolo immagine) e immagine.
ciao scusa il modulo è
ciao
scusa il modulo è questo:
http://drupal.org/project/galleryformatter
io dovrei mettere la descrizione della foto, al di fuori della stessa, ho provato a modificare il css, riesco a spostarla, ovunque dentro lo spazio della foto. 851 x 3xx. ma non al di fuori.
grazie
Prova questo; crea il file
Prova questo; crea il file galleryformatter.tpl.php dentro alla directory del tuo tema con all'interno questo codice:
<?php
/**
* @file
* Template file for the galleryformatter default formatter
*/
/**
* Only edit this file for switching order of the slides info, adding classes or other minor changes within the overall html structure.
* KEEP the original html structure or you'll run into problems with the JS.
* IDs on the slides and the hash for the thumb links MUST be there for the gallery to function.
* width and height must be set inline for gallery-slides container, the gallery-thumbs, and the li's inside it.
*
* Available variables:
*
* $dimensions - Array containing both slides and thumbs dimensions
* $slides - Array containing all slide images, its sanatized title & alt ready to print, its hash id and the full image URL if you need it
* $thumbs - Array containing all thumbnail images ready to print and their hash
* $settings - The settings for galleryformatter as configured for this field instance.
*/
?>
<div class="galleryformatter galleryview galleryformatter-<?php print $settings['style'] ?>">
<div class="gallery-slides" style="width: <?php print $dimensions['slides']['width']; ?>px; height: <?php print $dimensions['slides']['height']; ?>px;">
<div class="gallery-frame">
<ul>
<?php foreach ($slides as $id => $data): ?>
<li class="gallery-slide" id="<?php print $data['hash_id']; ?>">
<?php if ($data['alt']): ?><h4><?php print $data['alt']; ?></h4><?php endif; ?>
<?php if ($data['title']): ?><h3><?php print $data['title']; ?></h3><?php endif; ?>
<?php print $data['image']; ?>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php if(!empty($thumbs)): ?>
<div class="gallery-thumbs" style="width: <?php print $dimensions['slides']['width']; ?>px;">
<div class="wrapper">
<ul>
<?php foreach ($thumbs as $id => $data): ?>
<li class="slide-<?php print $id; ?>" style="width: <?php print $dimensions['thumbs']['width']; ?>px;"><a href="#<?php print $data['hash_id']; ?>"><?php print $data['image']; ?></a></li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
</div>
puoi personalizzarlo ulteriormente, l'originale è all'interno della directory del modulo (in generale lo dovresti trovare in sites/all/modules/galleryformatter/theme). Non dimenticare di pulire la cache di Drupal altrimenti non vedrai cambiamenti.
ciao ho inserito come hai
ciao
ho inserito come hai detto tu, adesso vedo la descrizione in alto a dx.
prima di modificare come dici tu, vedevo la descrizione in basso alla foto a 160px verso destra.
dove devo andare per modificare queste impostazioni?
io ho sempre modificato il file. greenarrows.css
grazie
La differente posizione degli
La differente posizione degli elementi è data da queste righe:
<?php if ($data['alt']): ?><h4><?php print $data['alt']; ?></h4><?php endif; ?><?php if ($data['title']): ?><h3><?php print $data['title']; ?></h3><?php endif; ?>
<?php print $data['image']; ?>
che nell'originale erano
<?php print $data['image']; ?><?php if (!empty($data['title']) || !empty($data['alt'])): ?>
<div class="panel-overlay">
<div class="overlay-inner">
<?php if ($data['alt']): ?><h4><?php print $data['alt']; ?></h4><?php endif; ?>
<?php if ($data['title']): ?><h3><?php print $data['title']; ?></h3><?php endif; ?>
</div>
</div>
<?php endif; ?>
ciao la descrizione deve
ciao
la descrizione deve essere come nella home:
nella home non ho ancora messo la gallery.
http://www.24easynetwork.com/fbarreda/content/anteprima
in questo momento la visualizzo in questo modo:
http://www.24easynetwork.com/fbarreda/content/casa
secondo te è possibile modificare come richiede il cliente?
grazie.
Con la tecnica dell'override
Con la tecnica dell'override del template di cui sopra puoi posizionare come vuoi gli elementi dello slide e magari creare classi e identificatori nuovi e poi dargli l'aspetto che vuoi con il css del tema: hai la massima flessibilità quindi sì è possibile.
Buon lavoro!
bene!! io adesso ho creato il
bene!!
io adesso ho creato il file galleryformatter.tpl.php, inserito nella cartella del tema utilizzato.
adesso dovrei inserire nel file css del tema, le nuove voci da modificare, giusto?
non lavoro più sul css del modulo galleryformatter.
ho capito male?
grazie
In realtà non dovresti mai
In realtà non dovresti mai toccare i file nè dei moduli aggiuntivi nè del core, perchè vanno aggiornati continuamente e sovrascriveresti le modifiche. E' buona norma usare l'override di funzioni e template all'interno del tuo tema: stessa cosa per i css. Puoi direttamente modificare quelli del tema sovrascrivendo gli stili di classi e identificatori.
adesso mi più chiaro. ho
adesso mi più chiaro.
ho inserito queste righe nel file css del tema.
.galleryformatter-greenarrows .gallery-slides .panel-overlay {
position: absolute;
bottom: 1px; left: 213px;
background: transparent url(images/bg-trans.png) repeat;
width:100%;
color: white;
}
.galleryformatter h3 {
position: absolute;
background: transparent url(images/bg-trans.png) repeat;
font-family: Helvetica;
font-style: Regular;
font-size: 13px;
color: #000;
}
non vedo miglioramenti.
Da quello che vedo posso solo
Da quello che vedo posso solo dirti che con il nuovo codice, l'elemento con classe panel-overlay non esiste più. La prima dichiarazione non dovrebbe avere effetto.