Letöltés Kipróbálás

Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz

Több
8 éve 1 hónapja - 8 éve 1 hónapja #9274 Írta: Zotius
Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz téma létrehozva Zotius által

A megoldás nagyon egyszerű, csak két fájlt kell módosítani és a módosított fájlokat a custom mappán belül a megfelelő almappába behelyezni.

Bővebben...
Ha valakinek túl nagy gondot okozna a módosítás elvégzése, használhatja a leírás szerint már módosított, alábbi fájlokat is:

Melléklet:

Fájlnév: section.yaml.zip
Fájlméret:1 KB


Melléklet:

Fájlnév: section.ht...ig-2.zip
Fájlméret:1 KB

PS: Találtam egy kis hibát a .twig fájl kiegészítésében, javítottam és lecseréltem a javított verzióra.
Mellékletek:
Utolsó szerkesztés: 8 éve 1 hónapja Zotius által. Indoklás: Indoklás: hiba javítása a twig fájlban :)
A következő felhasználók mondtak köszönetet: kocsislaci, csezo

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

Több
8 éve 1 hete #9405 Írta: kocsislaci
kocsislaci válaszolt a következő témában: Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz
Van rá mód, hogy az egész oldal, tehát minden szekció alatt ott legyen a háttérkép?

Köszi

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

Több
8 éve 1 hete - 8 éve 1 hete #9407 Írta: Zotius
Zotius válaszolt a következő témában: Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz
Code:
body { ... background-image: url( ... ); ... }
Természetesen a custom.scss-ben kell ezt definiálni.
Sajnos a Gantry 5 admin felületén ez nem oldható meg, és a szekciók hátterének beállítása az előző hsz-ban leírtak szerint is elég kezdetleges. A háttérkép-fájl nevének megadásán kívül annak további paraméterei (pl. háttér pozícionálása) sem állíthatók be azzal.
Utolsó szerkesztés: 8 éve 1 hete Zotius által. Indoklás: kiegészítés

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

Több
8 éve 1 hete #9412 Írta: kocsislaci
kocsislaci válaszolt a következő témában: Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz
Először is köszi, de minden egyes szekciónak tudok hátteret varázsolni custom.scss-ben, viszont a az egész alá nem engedi... body tag meghívása esetén nem történik semmi, a legegyszerűbb beállításokkal sem..
Code:
body { background-color: lightblue; }

Valami ötlet?

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

Több
8 éve 1 hete - 8 éve 1 hete #9413 Írta: Zotius
Zotius válaszolt a következő témában: Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz
A 'body' def. rossz tipp volt, bocsi...
Ahhoz, hogy a tartalmi területen kívül legyen csak háttérkép, ahhoz több dolgot is be kell állítani.
Elsőként a #g-page-surround azonosítóba tedd a háttérkép definícióját:
Code:
#g-page-surround { background-image: url('../images/kepneve.jpg'); }
(A képet a templates/g5_hydrogen/custom/images/ mappába kell tenni.)
A tartalmak háttereit pedig valamilyen színre, mert ha nincs, akkor ezek alatt is a háttérkép fog látszódni. Pl.
Code:
#g-header .g-container, #g-navigation .g-container, #g-container-main .g-container { background: #színkód; }
Minden sáv (szekció) .g-container osztályának legyen színe, ezek a mögöttük lévő page-surround háttéren a beállított színnel fognak megjelenni.
Utolsó szerkesztés: 8 éve 1 hete Zotius által. Indoklás: válasz módosítása, kiegészítés

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

Több
8 éve 1 hete #9414 Írta: kocsislaci
kocsislaci válaszolt a következő témában: Gantry 5 - Háttérkép definíció hozzáadása a Hydrogen sablon szekcióihoz
Ez csak egy gantry hydrogen sablon, tesztoldal!

Kell hozzáférés:

Vendégek elől rejtve. Jelentkezz be vagy regisztrálj a tartalom teljes megtekintéséhez.

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

Az oldal semmilyen kapcsolatban nem áll a Joomla!©  Projecttel, sem az Open Source Matters-zel. A Joomla!© logót korlátolt licenc alatt használjuk, melyet az Open Source Matters védjegytulajdonos biztosít az Egyesült Államokban és más országokban. Minden jog fenntartva © 2011-2023 Joomla! Magyarország.
Az oldal tárhelyét a Tárhelypark biztosítja. Ha támogatni szeretnéd az oldal működését, akkor kérjük, hogy az alábbi hivatkozáson keresztül vásárolj tárhelyet.