Kérdés Mozgó háttér

Több
2015 febr. 28 07:04 - 2015 febr. 28 07:10 #1 Írta: Sly
Sly létrehozta a témát: Mozgó háttér
Sziasztok, Üdv mindenkinek!

Kérdésem a következő. Megoldható Gantryben (joomla! 3x) hogy mozgó hátteret tudjak elhelyezni?. Ehhez hasonlót szeretnék készíteni: demo.sinci.at/fotograf/#3 Tudom, ez ingyenesen letölthető sablon, de valamiért sehogysem működik.
Plussz a Gantryben sok lehetőséget látok, és szeretném megtanulni kezelni.
Régebbi egyszerűbb sablonokat tudtam szerkeszteni, (van minimális html, css ismeretem) de ennek most valahogy nem jövök rá a nyitjára.

Itt találtam segítséget ( forum.joomla.org.hu/valtozo-hatterkep-t21610.html ) , de Gantry nál nem tudom, hogyan kell használni :(

Előre is köszönöm a segítséget :-)
Utolsó szerkesztés: 2015 febr. 28 07:10 Írta: Sly.

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

Több
2015 febr. 28 07:52 #2 Írta: kocsislaci
kocsislaci válaszolt a témára: Mozgó háttér
Szia!

Az általad elsőnek linkel toldalon, simán különböző slider-ek vannak elhelyezve.
A második linkeden található fórumban lévőben már tényleg a háttérben lévő képek váltakoznak. Erre vannak kiegészítők , bár ingyenest nem találtam.

Esetleg a JED-en keresgélhetsz még ebben a témában. Én Bacground slider néven kerestem!
A következő felhasználók mondtak köszönetet: Sly

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

Több
2015 febr. 28 11:47 - 2015 febr. 28 12:07 #3 Írta: Zotius
Zotius válaszolt a témára: Mozgó háttér
Bár valóban látványos, de szerintem nem szerencsés megoldás, mert nagyon "belassíthatja" az oldalt.
A 4-5-6 darab - képenként 1920×1080px méretű (5...700 kByte/darab, 5 képnél ez már kb. 2,5-3,5 Megabájt) képből álló - háttér-slidshownak be kell töltődnie a memóriába a működéshez.
Az oldal minden egyes betöltődésnél (pl. cikk Bővebben linkre, vagy menüpontra kattintáskor) lezajlik a slideshow képeinek betöltődése az oldal újratöltődése miatt.
Az általad megadott példa oldalon ( demo.sinci.at/fotograf/#3 ) viszont nem a háttérképnek van beállítva a slider, hanem egy teljes szélességű modulban van elhelyezve.
Egyébként a megadott minta egy ingyenes Warp-os sablon, amit letölthetsz. Ha Gantry keretrendszered van, talán ahhoz is létezik hasonló sablon ( rockettheme.com )

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2015 febr. 28 12:07 Írta: Zotius. Indoklás: kiegészítés
A következő felhasználók mondtak köszönetet: Sly

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

Több
2015 márc. 01 06:44 - 2015 márc. 11 16:02 #4 Írta: Sly
Sly válaszolt a témára: Mozgó háttér
Köszönöm a válaszaitokat, így már el tudok indulni. Még tesztelek néhány slidet, modult, mielőtt kérdeznék.
Utolsó szerkesztés: 2015 márc. 11 16:02 Írta: Sly.

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

Több
2015 márc. 11 16:02 #5 Írta: Sly
Sly válaszolt a témára: Mozgó háttér
Bár nem mozgó háttér lett belőle, hanem csak sima slide, de egész jól néz ki ezzel is extensions.joomla.org/extension/pretty-content-slider-banner . És ingyenes. Csak kár, hogy nem responzív :-P

Ezenkívül a weblap leendő tulajdonosa, arra kért, hogy néhány képet beállíthatnék háttérképnek. Ezt is szeretném megkérdezni, hogy hogyan is lehet, viszont nem tudom, hogy erre illik új témát nyitnom, vagy ne. Mert ez ugye mozgó háttér kérdésével foglalkozott, most a sima háttérről lenne szó. Egy background jpg.

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

Több
2015 márc. 12 07:36 #6 Írta: Zotius
Zotius válaszolt a témára: Mozgó háttér
Első bejegyzésedben írtad, hogy Gantry keretrendszert választottál. Az ezzel működő sablon css mappájában kell elhelyezni egy stíluslap fájlt.
A templates/sablonneve/css/ mappába kell készíteni egy sablonneve-custom.css nevű stíluslap fájlt. Ebben a fáljban definiálhatsz minden egyedi, általad megadott stílust, így a háttérképre vonatkozó utasítást is. A legegyszerűbb példa:
body {
    background-image: url("../images/background.jpg");
}
Ha a <body> tag valamilyen osztálybeállítást kapott (pl. <body class="turorudi" ...), akkor annak az osztálynak kell meghatározni a hátteret.
body.turorudi {
    background-image: url("../images/background.jpg");
}
A háttérkép fájlt (background.jpg) a sablon mappában lévő images mappába (templates/sablonneve/images) kell tenni.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
A következő felhasználók mondtak köszönetet: kocsislaci

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

Több
2015 márc. 13 07:20 #7 Írta: Sly
Sly válaszolt a témára: Mozgó háttér
Köszönöm a választ! Sajnos az első megoldás nem működik. A Második, miszerint a body tag osztálybeállítást kapott volna, azt nem tudom. Hol tudom ezt megkeresni?

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

Több
2015 márc. 13 14:24 #8 Írta: Zotius
Zotius válaszolt a témára: Mozgó háttér
Küldj egy linket, hogy ránézhessünk. Egyébként legjobb eszköz
- Firefox böngészőben való vizsgálgatáshoz a Web Developer bővítmény;
- Chrome böngészőben az "Elem megtekintése" a jobbgombos egérmenüben;
- Internet Explorerben az "Elem vizsgálata" a jobbgombos egérmenüben;
A lényeg: ha arra vagy kíváncsi, hogy az adott elemet melyik utasítás formázza, ezekkel megtekintheted. Ezzel meg tudod nézni, hogy a <body> milyen osztálybeállítással van formázva.
Előző hsz-ben írtam, hogy készítsd egy .css fájlt a megfelelő helyre, abba tedd a szükséges utasítást.
Az első megoldás is gyakorlatilag ugyanúgy működik, mint a másik, annyi különbséggel, hogy van osztály vagy nincs.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
A következő felhasználók mondtak köszönetet: Sly

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

Több
2015 márc. 14 10:05 - 2015 márc. 16 05:51 #9 Írta: Sly
Sly válaszolt a témára: Mozgó háttér
Szia Zotius. HOnlap a mit készítek, az a fotoartlehel.eu . Egyenlőre offline. Egy barátomnak készítem ingyen. Helyzet az, hogy egyéb templatekkal volt már dolgom hátteret is tudtam cserélni, de most ez a Gantry kifog rajtam. Jelen esetben azért választottam, mert szimpatikus, és szeretném kitapasztalni, megtanulni. Használtam az elem megtekintése és a többi lehetőséget is de sajnos nem sokra megyek vele :-( Valahogy nem bírom átlátni. Mármint a Gantry esetében. Mivel a barátom több hátteret is megnézne ezért nyomógombok hatására változó hátteret szeretnék neki beállítani e képpen www.theorphys.elte.hu/fizinf/HaloAdat/ta...ag/html/13.html#vege . A közönséges nyomógomb cím alatt. bár itt színeket lehet cserélni de azt ki lehet cserélni hogy háttérképpé változzon.

Lényeg, hogy az utóbbi link alatt rejlő oldalon tanulgatok programozni, viszont amint mondtam, a gantry kifog rajtam. Egyenlőre elég, ha gombok nélkül is, legalább egy hátteret tudok beállítani rajta. Előre is köszönöm a támogatást :-)
Utolsó szerkesztés: 2015 márc. 16 05:51 Írta: Sly.

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

Több
2015 márc. 14 10:16 - 2015 márc. 14 10:20 #10 Írta: Sly
Sly válaszolt a témára: Mozgó háttér
Ja igen. Valóban elég ennyi a gantry-custom.css fájlhoz? Vagy valamit még hozzá kell írni elejére végére? Persze tudom, hogy ez nem tartalmazza az osztálybeállítást.

body {
background-image: url("templates/gantry/images/background1.jpg");
}
Utolsó szerkesztés: 2015 márc. 14 10:20 Írta: Sly.

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