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

Gantry Hydrogen, egyéni HTML css formázása

Több
8 éve 8 hónapja #7967 Írta: FireHand
FireHand válaszolt a következő témában: Gantry Hydrogen, egyéni HTML css formázása
Beírtam, valóban megjelenik az általam megadott név. Gondolom a színezés már jó lesz. Köszönöm, király vagy!
Esetleg valami ötlet, hogy a jobb oszlop a helyén maradjon, akkor amikor csak a tartalom és a jobb oszlop van valamelyik menüpont alatt?

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

Több
8 éve 2 hete - 8 éve 1 hete #9388 Írta: kocsislaci
kocsislaci válaszolt a következő témában: Gantry Hydrogen, egyéni HTML css formázása
Ezt vajon hogy lehet legkönnyebben átültetni scss-be hydrogen téma esetén? Egyáltalán egyszerűen átrakható? A lényeg egy gantry 4 alapú téma modul megjelenítése ez, hátterek ikon stb.


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


Egy képpel még megbirkózom, de itt úgy van megoldva, hogy több képből rakja össze!

SZERK: Jól látom ez csak akkor működne ha az adott rész összetevőit is elnevezném?

SZERK2: Úgy látszik ez meghaladja a joomla iránti rajongásom által keltett tudásomat. Belegondolva, nem is tudom, hogy akarnám megoldani, azt amit egy igazi hozzáértő összepakolt egy másik alaprendszerre... Azt hittem elég "megcímkézni" a css adott elemeit, de nem ilyen egyszerű,,,
Utolsó szerkesztés: 8 éve 1 hete kocsislaci által.

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

Több
8 éve 1 hete #9400 Írta: Balázs
Balázs válaszolt a következő témában: Gantry Hydrogen, egyéni HTML css formázása
Áttenni áttudod, csak utána ne felejtsd el ezeket a formázásokat meghívni. :)
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
8 éve 1 hete - 8 éve 1 hete #9428 Írta: kocsislaci
kocsislaci válaszolt a következő témában: Gantry Hydrogen, egyéni HTML css formázása
A régi sablonoban a modulok illetve a cikkek címei több módon vannak megjelölve, így több képet illesztenek egy területre css-ben:
Code:
.module-title {background: url(/../images/body/dark/module-title-m.png) 50% 0 repeat-x;} .module-title2 {background: url(../images/body/dark/module-title-l.png) 0 0 no-repeat;} .module-title3 {background: url(../images/body/dark/module-title-r.png) 100% 0 no-repeat}

A gantry hydrogen témában a module-title a h2 néhol h3 jelöléssel van ellátva... Ezt hogyan kell módosítani, hogy a fent nevezett képeket erre is rá tudjam illeszteni?

Ezzel valamiért nem sikerül:
Code:
h2 {background: url(hatter1.png), url(hatter2.png);}

Köszönöm!
Utolsó szerkesztés: 8 éve 1 hete kocsislaci által.

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

Több
8 éve 1 hete - 8 éve 1 hete #9429 Írta: Zotius
Zotius válaszolt a következő témában: Gantry Hydrogen, egyéni HTML css formázása
Ha több képet adsz meg háttérnek, akkor az egyes képeknél meg kell adnod a pozíciókat is: melyik kerüljön balra, melyik középre és melyik jobbra. Próbáld meg így:
Code:
h2 { background: url('/../images/hatter-bal.jpg') left top no-repeat, url('../images/hatter-kozep.jpg') center top repeat, url('../images/hatter-jobb.jpg') right top no-repeat; }
Gyakorlásképp nézd meg ezt az oldalt .
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 - 8 éve 1 hete #9431 Írta: kocsislaci
kocsislaci válaszolt a következő témában: Gantry Hydrogen, egyéni HTML css formázása
Köszi így részben össze jött viszont egy ikont nem tudok rápakolni sehogy sem. Hol a hiba? (tudom lehet egyszerűbben hivatkozni is de most ez gyorsabb volt :silly: ) Az utolsó linken lévő kép nem jelenik meg...


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


Az eredeti ikon meghívása így néz ki:
Code:
#rt-main-surround .rt-article-title, #rt-main-surround h2.title {background: url(/../images/body/style1/module-title-icon.png) 0 13px no-repeat;} #rt-main-surround #rt-feature h2.title {background: url(../images/body/style1/module-title-icon.png) 0 1px no-repeat;}

Elvileg sikerült, de mint ha pár képet nem hívna meg valamiért... :(

Illetve így átalakítva a cikkek címe nem alkalmazkodna a mobil megjelenítéshez sem :(
Utolsó szerkesztés: 8 éve 1 hete kocsislaci által.

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.