Tovább a tartalomhoz

Oxygen Builder: kurzus-, lecke-, kvíz- és feladatsablonok

Az Oxygen Builder teljes sablonjai a kurzusoldalhoz, a leckéhez, a kvízhez és a feladathoz, a szerkeszthető részek beállításaival.

A teljes sablon az adott oldal minden elemét tartalmazza, és mindegyik külön szerkeszthető. A szövegek betűs megjelenéséhez az Oxygen szövegmező-szerkesztője áll rendelkezésre (lásd az Oxygen: első lépések fejezetet). Ahol a „tipográfia” szó szerepel, ez a szerkesztő értendő.

Az egyes fülek a kurzusoldal egy-egy részét szabják testre.

Fül Mit állíthatsz
Rating A csillagok mérete (képpontban) és színe (RGBA színválasztóval).
Title A kurzus címének teljes tipográfiája: betűtípus, méret, szín, vastagság, igazítás (balra, középre, jobbra), sormagasság, betűköz, szövegdíszítés (aláhúzás, felülhúzás, áthúzás), stílus (normál, dőlt) és kis-nagybetű.
Author A szerző képe (magasság, szélesség, az ikonszöveg betűmérete és sormagassága), a címke és a név szövege.
Course Meta A kurzus metaadatainak (kategória, szint, címkék) címkéje és értéke.
Level A szint mező címkéje és értéke.
Share & Wishlist A megosztás ikonjai: elrendezés (balra vagy jobbra), a „Share” címke, az ikon alapállapotban és egér fölött.
About A bemutatkozó rész címsora és bekezdése.
What Will You Learn? A „Mit tanulsz?” rész címe, az elemek ikonja (méret, szín), az elemek tipográfiája, valamint a cím, az ikonok és az elemek közti külső és belső margó.
Curriculum A tanterv fejléce (Header Title), a témák címe (Topic Title), az aktív téma címe (Active Topic Title), a leckék, kvízek és feladatok címe, és ezek ikonja.
Review Title Az értékelések szekciójának címe: betűtípus, méret, vastagság, szín, igazítás.
Review Avg Az átlagszám (például 4 az 5-ből), a csillagok mérete és színe, az összes értékelés száma, valamint a jobb oldali értékelési sáv (szín, magasság, belső és külső margó, szélesség), csillagok és szöveg.
Review List Az értékelők képe (magasság, szélesség, ikonszöveg mérete, sormagasság), a név, az idő, a csillagok színe és mérete, a megjegyzés szövege.
Enrollment Box A beiratkozási doboz: az ár, a haladás címe, a haladás szövege tipográfiával, és a haladássáv magassága, színe és kitöltési színe.
Cart & Enroll Button A kosárba tevő és beiratkozó gomb: belső margó, háttérszín, szövegszín, háttérszín egér fölött. További részek: Typography, Borders (szélesség, szín, stílus, lekerekítés), Hover Borders, Shadow (szín, átlátszóság, elmosás, kiterjedés), Hover Shadow.
Certificate & Retake Button A tanúsítvány és az újrapróbálkozás gombja: ugyanazok a beállítások, mint a kosár és beiratkozás gombnál (belső margó, háttér, szín, egér fölötti háttér, tipográfia, szegély, árnyék és ezek egér fölötti változata).
Course Information A kurzusinformációs szöveg (cím és leírás) és az ikon: betűtípus, méret, vastagság, igazítás, stílus, kis-nagybetű, sormagasság, betűköz, díszítés és szín.
Instructors A cím tipográfiája, a kép (magasság, szélesség, ikonszöveg mérete, sormagasság), az oktató neve és beosztása.
Materials Az anyagok szekciója: Title, Icon (szín és méret), Typography, Spacing (belső margó és a sorok közti függőleges távolság).
Requirements A követelmények szekciója, ugyanazokkal a részekkel: Title, Icon, Typography, Spacing.
Target Audience A célközönség szekciója, ugyanazokkal a részekkel: Title, Icon, Typography, Spacing.

A lecke-, a kvíz- és a feladatsablon három közös szerkeszthető területtel rendelkezik: Sidebar, Topbar és Content.

Beállítás Mit csinál
Background Color Az oldalsáv háttérszíne (a kvíz- és a feladatsablonban).
Border A szegély szélessége, színe, stílusa és lekerekítése.
Sidebar Title Area Az oldalsáv címének tipográfiája, belső és külső margója.
Topic Spacing A témacím körüli belső és külső margó.
Topic Title Typography A témacímek tipográfiája.
Topic Summary Typography A témaösszefoglaló szövegének tipográfiája.
Topic Icon A témaikonok színe.
Topic Title Background A témacím háttérszíne.
Lesson Typography A leckeszöveg tipográfiája.
Active Lesson Typography Az aktív lecke szövegének tipográfiája.
Lesson Icon A leckeikonok színe, az aktív és az egér fölötti szín, a lecke háttérszíne és az aktív lecke háttérszíne.
Lesson Spacing A leckecímkék körüli belső margó.
Beállítás Mit csinál
Title A felső sáv címének tipográfiája.
Progress A haladássáv tipográfiája.
Size & Color A felső sáv mérete és színe: háttérszín, az oldalsáv-váltó ikon háttere és színe, a bezáró ikon színe.
Spacing A felső sáv körüli belső és külső margó.
Beállítás Mit csinál
Spacing A tartalom (például a videó) körüli belső és külső margó, vagyis a tartalom és a többi elem közti hely.
Background A tartalom mögött látható háttérszín.

A lecke sablonja tartalmazza a fenti Sidebar, Topbar és Content részt, és kiegészül egy Pagination résszel: ez a leckék közti lapozás megjelenését állítja.

Beállítás Mit csinál
Typography A lapozószöveg betűs megjelenése.
Color A lapozószöveg magassága és színei.

A kvíz sablonja a Sidebar (a háttérszínnel együtt), a Topbar és a Content részt tartalmazza, a fent leírt beállításokkal.

A feladat sablonja a Sidebar (a háttérszínnel együtt), a Topbar és a Content részt tartalmazza, kiegészítve a lecke sablonnál leírt Pagination résszel (Typography és Color).

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások