check Sablon felülírás, de hogyan? Blog elrendezésben a cikkek elhelyezkedésének módosítása....?!

Több
2017 jan. 19 07:13 #11 Írta: csezo
Te olyasmi elrendezést szeretnél, mint pl a Pinterest?
Három oszlopban, de ne soronként, hanem egymás alá igazítva az egyes oszlop elemeket.
Itt találsz hozzá mintát, ha egyre gondolunk:
- codepen.io/dudleystorey/pen/yqrhw
- cssdeck.com/labs/css-only-pinterest-style-columns-layout
- osvaldas.info/examples/responsive-pinter...yle-layout-with-css/

Ha a technikai kivitelezéssel van nehézséged a felülírással kapcsolatban (override) arról itt írnak:
- docs.joomla.org/Understanding_Output_Overrides

Egyszer feltöltöttem ide egy (igaz angol nyelvű) videót, amiből nagyon jól meg lehet érteni, hogy mi is ez az override, de nem találom...
Igaz kell hozzá egy kis HTML+PHP+CSS3 ismeret...

Ha értékesnek találtad a hozzászólást, azt a "KÖSZÖNÖM" gombbal jelezheted.
A következő felhasználók mondtak köszönetet: nykodesign

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 jan. 19 14:14 #12 Írta: nykodesign
Igen, erre az elrendezésre volna szükségem a K2 esetén! Köszönöm az infókat... tanulmányozom!!! :)

Jelentkezz be, hogy te is részt vehess beszélgetésben!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Platinum Member
  • Platinum Member
  • Mindent lehet, csak akarni kell
Több
2017 jan. 19 17:19 #13 Írta: kovacshazi
A css-be próbáld meg ezt:
#itemListPrimary {    -moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 3%;
    column-width: 30%;}
div.itemContainer {width: auto !important}

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu
A következő felhasználók mondtak köszönetet: nykodesign

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 febr. 02 14:43 #14 Írta: nykodesign
Ez így rendben van! Szuper, köszönöm!!! Ez volt a cél... :) viszont van egy kis gond... :oops: a második és harmadik oszlopok becsúsznak a modulpozíció alá, vagy nem tudom hová lesz, de eltűnik... és ugyan úgy lent is... ezt még korrigálni kellene... erre tipp?

Mutatom ITT látható a gond...

Jelentkezz be, hogy te is részt vehess beszélgetésben!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Platinum Member
  • Platinum Member
  • Mindent lehet, csak akarni kell
Több
2017 febr. 02 18:12 #15 Írta: kovacshazi
Még egy sor kellene talán a css-be:
div.itemContainer {display: flex}

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 febr. 02 18:48 #16 Írta: nykodesign
Ez így nem járt sikerrel... végül is az a gond, hogy a következő oszlopnál megtöri a hasábot úgy, hogy félbevágja az adott elemet... próbálkozom, de eddig még nem jött össze, nem a break-inside dologgal kellene ezt valahogy megoldani?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Platinum Member
  • Platinum Member
  • Mindent lehet, csak akarni kell
Több
2017 febr. 02 18:51 #17 Írta: kovacshazi
Érdekes, mert ha beírom Firebugba a kódot akkor jónak tűnik a dolog.

Segítség Joomla és VirtueMart webáruház készítéséhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 febr. 02 20:11 #18 Írta: nykodesign
Szuper, megoldódott... a végén már csak valami pontosvessző rossz helyen dolog miatt nem állt össze a kép... tehát ezzel kiegészítve rendben van:

div.itemContainer {
display: flex;
break-inside: avoid;
}

Mindenkinek köszönöm a segítséget, infókat, rávezetést :kiss:

Jelentkezz be, hogy te is részt vehess beszélgetésben!