Kérdés Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje

Több
2015 máj. 14 15:39 - 2015 máj. 14 15:40 #1 Írta: freepetya
freepetya létrehozta a témát: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Lehetséges valamilyen módon állítani, hogy mobil nézetben a tartalmi rész legyen elől, majd a bal oldalsáv és utána a jobb oldalsáv következzen. A layout így néz ki:
joomlacms.hu/media/kunena/attachments/82/Layout.png
Utolsó szerkesztés: 2015 máj. 14 15:40 Írta: freepetya.

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

Több
2015 máj. 14 16:12 - 2015 máj. 14 16:14 #2 Írta: Balázs
Balázs válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Használhatsz egy apró trükköt erre, a következő táblázat alapján:



A lényege annyi, hogy Sidebarnak és az Asidenak adsz egy visible-desktop osztályt, amely annyit tesz, hogy tábla- és mobilnézetben már nem jelennek meg az adott szekciók. A mainbe pedig berakod a Sidebar és az Asidehoz tartozó modulokat, de hidden-desktop osztállyal, amely segítségével asztali nézetben nem fognak látszódni ezek a modulok.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Mellékletek:
Utolsó szerkesztés: 2015 máj. 14 16:14 Írta: Balázs.
A következő felhasználók mondtak köszönetet: freepetya

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

Több
2015 máj. 15 11:07 - 2015 máj. 15 11:08 #3 Írta: freepetya
freepetya válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Ez tök jól működik. Egy modult szeretnék még letiltani mobil nézetben. Ezt a formázást lehet alkalmazni egy-egy modulra is?
Utolsó szerkesztés: 2015 máj. 15 11:08 Írta: freepetya.

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

Több
2015 máj. 15 11:31 #4 Írta: Balázs
Balázs válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Igen, modulosztály utótagnak a fenti osztályok valamelyikét írod be.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

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

Több
2015 máj. 15 11:47 #5 Írta: freepetya
freepetya válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Próbáltam, sajna így nem működik.

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

Több
2015 máj. 15 11:59 #6 Írta: freepetya
freepetya válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Kicsit összetettebb a dolog. Az előző javaslatodat követve úgy állítottam a láthatóságot, hogy a Sidebar-nak adtam visibile-desktop osztályt, majd a main-be betettem egy modulpozíciót (left) hidden-desktop osztállyal. Az egyik modulnál ami left pozícióban van beállítottam modul osztály utótagnak hidden-phone-t.

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

Több
2015 máj. 15 11:59 - 2015 máj. 15 12:00 #7 Írta: Balázs
Balázs válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
1. Pont nélkül írtad be, tisztán a szöveget?
2. Látszik az osztály a kódban?

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Utolsó szerkesztés: 2015 máj. 15 12:00 Írta: Balázs.

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

Több
2015 máj. 15 12:10 - 2015 máj. 15 12:12 #8 Írta: freepetya
freepetya válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
1. igen
2. Asztali gépen a kódban ez szerepel: <div class="moduletablehidden-phone"> Ez egyébként a bal oldalon lévő főmenü
Utolsó szerkesztés: 2015 máj. 15 12:12 Írta: freepetya.

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

Több
2015 máj. 15 12:13 - 2015 máj. 15 12:14 #9 Írta: Balázs
Balázs válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje
Megoldható a gyakorlatban szinte bármit.
Például adsz egy plusz osztályt az adott modulnak, attól függetlenül, hogy mennyi van neki, ez legyen mondjuk a "mobilnezet".
Ehhez az osztályhoz rendelsz egy intervallumot a következő tulajdonsággal:
@media (max-width: 480px) {
.mobilnezet {visibility: hidden;}
}
Ez annyit tesz, hogy max 480px szélességig elrejti az adott tartalmat, egyébként ezekkel az intervalumokkal te magad is játszhatsz:
/* Smartphones */
@media (max-width: 480px) { ... }
 
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }
 
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }
 
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }
 
/* Large Display */
@media (min-width: 1200px) { ... }

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Utolsó szerkesztés: 2015 máj. 15 12:14 Írta: Balázs.
A következő felhasználók mondtak köszönetet: freepetya

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

Több
2015 máj. 15 12:15 - 2015 máj. 15 12:16 #10 Írta: Balázs
Balázs válaszolt a témára: Gantry5 - Hydrogen sablon mobil nézetben elemek sorrenje

freepetya írta: <div class="moduletablehidden-phone">

Itt külön kellene lennie az osztálynak, ugye modulateblehidden-phone osztályod nincs, csak hidden-phone osztályod. Ha esetleg egyben van, akkor egy szóközzel külön kell venni őket.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Utolsó szerkesztés: 2015 máj. 15 12:16 Írta: Balázs.
A következő felhasználók mondtak köszönetet: freepetya

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