Kérdés Gantry háttér, és box színek

Több
2015 márc. 30 15:25 #1 Írta: FP Kriszti
FP Kriszti létrehozta a témát: Gantry háttér, és box színek
Biztosan alap, de sajnos nem tudom, hol/hogyan tudom a háttér, és a boxok színét változtatni.
Van-e az "alap 4"-en kívül más sablon?
Köszi

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

Több
2015 márc. 30 16:55 - 2015 márc. 30 17:07 #2 Írta: Zotius
Zotius válaszolt a témára: Gantry háttér, és box színek
Gondolom az alap Gantry sablonon kívül továbbiakra gondolsz. További free Joomla 3.4 sablonok:
demo.rockettheme.com/joomla/afterburner
demo.rockettheme.com/joomla/afterburner2/
demo.rockettheme.com/joomla/quasar
demo.rockettheme.com/joomla/grunge
Stílusok beállítása (background-color, border, padding, margin, stb...) a /sablonneve/css/sablonneve-custom.css fájlban lehetséges.
Ezt a fájlt létre kell létrehozni, ha még nincs ilyen.
Azt pedig, hogy mely elemet kell formáznod a cél elérése érdekében, pl. Firefox-ban a Web Developer bővítmény segítségével tudod megvizsgálni. Telepítése után a böngészőben F12-t nyomsz, alul megjelenik a vizsgáló felület. Az elválasztó sávon bal szélen látható kereső kurzort bekapcsolod, ráviszed a vizsgálandó elemre, s alul jobb oldalon meg fogod látni a css utasításokat, melyek arra az elemre hatással vannak. Így már tudni fogod, hogy milyen utasítást kell a sablonneve-custom.css fájlba beletenni, ahol azt kedvedre módosíthatod.

Ugyancsak ebben a fájlban definiálhatod a modul osztály utótagokhoz tartozó definíciókat. Néhány minta definíció:
/* keret + háttérszín + margó */
/* Modul osztály utótagok */
/*  keretezés */
.box{border: 1px solid #aaa; }
.box-white{border: 1px solid #aaa; background-color: #FFF}
.box-padded{border: 1px solid #aaa; margin: 10px;}
.rounded{border-radius: 0px 20px 0px 20px;}
.nobox{border: none;}
.sprocketbox {
border: 1px solid #aaa; margin: 10px; min-height: 300px; /* max-height: 600px; */
}
.egalbox300{border: 1px solid #aaa; margin: 10px; min-height: 300px;}
.egalbox250{border: 1px solid #aaa; margin: 10px; min-height: 250px;}
/* doboz háttérszínek */
.aliceblue{background-color:aliceblue}
.azure{background-color: azure; color:navy; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;}
.beige{background-color:beige; color: darkred}
.beige-border{border: 1px solid #aaa; background-color: beige; color:darkolivegreen; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;}
.bisque{background-color:bisque; color: brown}
.white {background-color:white}
.green-border {border: 1px solid #aaa; background-color: #D5FFD5; color:darkolivegreen; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;}
.honeydew{border: 1px solid #aaa; background-color: honeydew; color:firebrick; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;} 
.yellow {background-color:yellow}
.yellow-border {border: 1px solid #aaa; background-color: #FFFACD; color:#3B3B3B; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;}
.lightblue{background-color:lightblue; color: darkblue}
.lightblue-border{border: 1px solid #aaa; background-color: lightblue; color:darkblue; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;}
.lightsteelblue{background-color:lightsteelblue; color: darkblue}
.lightsteelblue-border{border: 1px solid #aaa; background-color:lightsteelblue; color: darkblue; margin: 10px 5px 10px 5px; padding: 0px 10px 10px 10px;}
.cadetblue{background-color:cadetblue; color: darkblue}
}
A modul osztály utótag mezőbe pedig a fenti definícióból a kívántat írod be, pl.: lightblue-border (így, pont nélkül)
Ez egy világoskék hátterű dobozt csinál, 1 px vastag szürke kerettel, 10/5/10/5 pixeles margóval, 0/10/10/0 pixeles térközzel (padding), sötétkék szövegszínnel. A négy szám jelentése: fent/jobbra/lent/balra, értékek pixelben.
CSS utasításokkal való ismerkedéshez javaslom felkeresni a W3SSchools CSS-sel foglalkozó oldalait .

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2015 márc. 30 17:07 Írta: Zotius.
A következő felhasználók mondtak köszönetet: FP Kriszti

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

Több
2015 márc. 31 08:10 #3 Írta: FP Kriszti
FP Kriszti válaszolt a témára: Gantry háttér, és box színek
Köszönöm, kicsit elvesztem az egészben.
Azt hittem, megy egyedül, de sajnos nem.. tudsz segíteni?
Balázzsal már beszéltem pár órát, de most nem érem el, és elég sürgős a dolog.
Köszi,
Kriszti

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

Több
2015 márc. 31 09:28 #4 Írta: Zotius
Zotius válaszolt a témára: Gantry háttér, és box színek
Hogyan?

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

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: FP Kriszti

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

Több
2015 márc. 31 09:42 #5 Írta: FP Kriszti
FP Kriszti válaszolt a témára: Gantry háttér, és box színek
Köszi, már elértem Balázst

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

Több
2015 márc. 31 14:41 #6 Írta: Balázs
Balázs válaszolt a témára: Gantry háttér, és box színek

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
A következő felhasználók mondtak köszönetet: FP Kriszti

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