1. Tudásbázis
  2. Modulok használata
  3. Colorbox gallery lista

Colorbox gallery lista

Beküldte zsofar - 2011. december 9. 06.11
zsofar képe

Sziasztok. Olyan kérdésem van hogy colorbox modult használok. Megcsinálom a gallery-t. Hol tudom beállítani hogy a képek a galériában ne egymás alatt jelenjenek meg hanem egymás mellet?

Köszönöm Zsolt.

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
colorbox
Drupal verzió: 
7.x
Fórum: 
Modulok használata
eMeLA képe

Beküldte eMeLA - 2011. december 9. 18.12

Sminked CSS fájljában. Pl. durván: float:left;

Azért az áruld el, hogy colorbox-ban hogy csináltál galériát ! ;)

0
0

...mit tudok: http://web.termuves.hu

L.Tiny képe

Beküldte L.Tiny - 2011. december 9. 22.26

Nem tudom, Zsofar hogy csinálta, de én a következőképpen szoktam (D7):

1. Meghatározok egy képstílust ami a thumbnail lesz, pl. 87 x 87px-es képet, az effektus " arányos átméretezés és méretre vágás".

2. Létrehozok az adott tartalomtípusban egy "Képfeltöltés" mezőt, ahol az előre definiált képstílust alkalmazva beállítom, hogy a Colorbox azt nyissa meg a teljes méretű képre.

3. A felhasználó egyesével feltölti a teljes méretű képeket (persze ésszerű méretre optimalizáltan, de erre betanítom), ad neki title értéket, hogy a Colorbox-ban legyen képaláírás. Ha nagyon SEO-zok, akkor Alt-ot is beállítok, de ez nem minden esetben kell...:)

4. A fent említett egymás alá pakolt képeket css-sel egymás mellé rendezem, pl. így:
.field-name-field-kepfeltoltes a:link, .field-name-field-kepfeltoltes a:visited{float:left; width:87px; height:87px; margin:0 0 20px 5px; border:2px solid #3D736B; }
.field-name-field-kepfeltoltes a:hover, .field-name-field-kepfeltoltes a:active{border:2px solid #FF942E;}
.field-name-field-kepfeltoltes{clear:both;}

Forrás: http://www.kerttervezes-tajepitesz.hu/portfolio/mako_ujvarosi_bolcsode

2
-1
alexcrown képe

Beküldte alexcrown - 2012. április 25. 09.58

Üdv!

Én is pont most próbálkozom a colorbox-al és még a title értékkel van a gondom. A tartalomtípusnál hozzáadok egy title mezőt, mint szövegmező, de az nekem a tartalom létrehozásnál a képfeltöltés után jelenik meg. Hogy lehet megoldani, hogy meg jelenlen a képpel.

Köszönöm a választ!

Üdvözlet!

0
0
eFeS képe

Beküldte eFeS - 2013. május 7. 10.05

Szerintem legkevesebb szivás akkor van, ha csinálsz egy field sablont is és akkor minden úgy és ott lesz, ahogy szeretnéd. Én ezt mindig viszem magammal, jobb megoldást nem találtam eddig.

Itt egy élő példa:
http://www.vhf.hu/fomenu/bemutatkozas/foiskola-tortenete

field--.tpl.php a smink könyvtárba. Nálam pl. így valósul meg a fenti design (csak a lényegi rész):

  1. <tr class="<?php print $row_class; ?>">
  2. <?php foreach ($columns as $column_number => $item): ?>
  3. <td class="<?php print 'col-'. ($column_number + 1); ?>">
  4. <div class="photo-image"><?php print render($item); ?>
  5. <div class="photo-title"><?php print($item['#item']['title']); ?></div>
  6. </div>
  7. </td>
  8. <?php endforeach; ?>

Aztán erre már akármilyen CSS-t rá tudsz rakni. Esetemben:

  1. .photo-image { 
  2. width:150px;
  3. margin:0 0 25px 0;
  4. background-color: #eee;
  5. padding:3px 3px 15px 3px;
  6. border:1px solid #ccc;
  7. border-radius:3px;
  8. box-shadow: 2px 2px 28px 0px #999999;
  9. behavior: url(/pie/PIE.htc);
  10. }
  11. .photo-title {text-align:center;width:150px;}
  12. .photo-title:first-letter {text-transform: uppercase;}
0
0

---------------
Tátrai József
Drupler Kft.
http://www.drupler.hu

keka képe

Beküldte keka - 2012. október 28. 17.38

pont erre kerestem most megoldást, így találtam erre a válaszra. Egy kiegészítést tennék hozzá: ahogy írtad, úgy az egész doboz köré teszi keretet, nem csak a kép köré.
Nálam így működik jól:
.field-name-field-colorbox a:link img, .field-name-field-colorbox a:visited img{float:left; margin:0 0 20px 5px; border:1px solid #F00; }
.field-name-field-colorbox a:hover img, .field-name-field-colorbox a:active img{border:1px solid #F90;}
.field-name-field-colorbox{clear:both;}

0
0