Nézetek - rács - másképp

aranyozottpatkoszeg képe

A nézetekben lehet rácsban megjeleníteni a tartalmakat, de én talán másképp szeretném, ahogy a csatolt képben van.

(Joomla! oldalon láttam ilyet. Épp klónozom drupalba, már elég jól állunk, de ez kellene.)

Jelenleg kétféle van:
1) 1.sor: 1,2; 2.sor: 3,4; 3.sor: 5,6
2) 1.oszlop: 1,2,3; 2.oszlop: 4,5,6
Nekem kéne:
1.oszlop:1,3,5; 2.oszlop:2,4,6

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
CsatolmányMéret
Kép ikon nezet-racs.jpg34.44 KB
eMeLA képe

Neked a views-view-grid.tpl kell.
Megtalálod a views modul theme könyvtárában.
- átmásolod a theme-ed könyvtárába
- frissíted a sminked
- módosítod a fájlt, úgy, hogy ne TABLE-t (illetve TD-t) használjon, hanem DIV-et
- sminkeled

0
0

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

aranyozottpatkoszeg képe

Köszönöm!

Ha csak DIV-ekkel megoldom, akkor nem is kell a views-view-grid.tpl, hanem a nézetben a formátumot "Formázatlan lista"-ra állítom, és adok egyéni sor osztályt neki, aztán css:

div.egyenisorosztaly {
    width: 45%;
    float: left;
    margin: 10px;   
}

Ez lehet megoldás, de még nem az igazi: kép
0
0
eMeLA képe

Guberáld ki a css-ben, mert az csinálja ezt (ami pl. egy galériánál nagyon jó). Emlékeim szerint hozzáad DIV:after formázást az csinálja ezt...

0
0

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

aranyozottpatkoszeg képe

Nem lelem a megoldás. Mintha nem is létezne, mondják...

0
0
aranyozottpatkoszeg képe

Egy megoldás, de biztosan nem elegáns views-view-grid.tpl másolás, módosítás útján. (Köszi eMeLA!)

<?php foreach ($rows as $row_number => $columns) {
    foreach ($columns as $column_number => $item) {
		$oszlop[$column_number][$row_number] = $item; 
	}
}
?>
 
<table class="<?php print $class; ?>"<?php print $attributes; ?>>
  <tbody><tr>
  <?php foreach ($oszlop as $column_number => $columns): ?>
      <td> 
	   <?php foreach ($columns as $column_number => $item): ?>
	      <div class="<?php print $column_classes[$row_number][$column_number]; ?>">
	      <?php print $item; ?>
	      </div>
	   <?php endforeach; ?>
      </td>
    <?php endforeach; ?>
  </tr></tbody>
</table>

Ha ez a megoldás, akkor nem lehetne valahogy ezt hozzáadni a nézetek/formátumhoz? Hogy ne helyettesítsem a normálissal, hanem egy plusz opcióként kerüljön bele.

0
0
nemethf képe

Semantic views , first/last every 2,
.last vagy .even {clear:both;}

1
0
aranyozottpatkoszeg képe

Ez (is) nyert! Köszönöm.
Nekem így működik:

.first {
    float: right;
    width: 45%;
}
 
.last {
    float: left;
    width: 45%;
    }  
0
0
aboros képe

marad a formázatlan lista és jquery masonryt ráereszteni http://masonry.desandro.com/

1
0

-
clear: both;

aranyozottpatkoszeg képe

Hű! Na ezért szeretem a drupalt (és ezért is küzdök vele sokszor): csomó működő megoldás van mindenre, csak ki kell választani a hosszú távon leginkább hozzám illőt.

Köszönöm.

0
0