eVIR tudásbázis

CSS

Hierarchia

A bootstrap keretrendszert kiegészítő css-ek:

• evir_bootstrap.css
  index/webshop/public.cgi-re vonatkozó stíluselemek
• menu.css
  header, navbar stílus elemei.
• index_bootstrap.css
  index.cgi-re vonatkozó stílus.
  • index_custom.css
    ha ez létezik, akkor azt használja.
• webshop_bootstrap.css
  webshop.cgi-re vonatkozó stílus.
  • webshop_custom.css
    ha létezik, akkor ezt használja.
    Így lehet egyedi stílusú webshop/public oldalt készíteni.

Tartalom

evir_bootstrap.css

• Grid system XXL
  Bootstrap grid system kiegészítése 1800px feletti szélesség esetén.

• Altalanos stilus
  

• Navbar es listazo betumeret
  Menü és lista szövegek Rendszer → Beállítások →Rendszerbeállítások menü Megjelenítés alatt beállított értékek.

• Form mezok
  

• Listazo oldalak, tablazatok
  Listázó oldalak színezés.
  Listázó megjelenítése az ablakhoz képest:
  • vscroll: vizszintes-fuggoleseges gorditosavval
  • vscroll-mw: teljes szelesseg, fuggoleges gorditosavval
  • vscroll-mh: teljes magassag, vizszintes gorditosavval
  • vscroll-mwh: teljes szelesseg, teljes magassag

• Labelek, small szovegek
  Form input mezok, view mezok cimkei.

• Nezegeto oldalak, view

• Gombok

• Checkbox multigroup

• Multiselect

• Naptar

• Rendszeruzenetek

menu.css

• Sidebar, main
  Menü (nav.sidebar) és az adatterület (#main) pozicionálása.

• Header
  

• Menuelemek

• Menu, header, main media quer-k
  Menu (nav.sidebar), header es adatterület (#main) pozícionálása különböző képernyő szélességek esetén.

index_bootstrap.css

• Rendszer hatter szinek
  Rendszerbeállításokban választható navbar, header színezés.

• Login mezo
  bejelentkező oldalon logo melleti kosár ikon elrejtése.

• Listazo
  .muvelet link más műveletet hajt végre mint a sor egyéb oszlopai. Kiemelve.

• Csempe portal
Portálok/Div portál design

• Persona
  

• Widget
  Portál szerkesztő design.
  • h_alacsony/kozepes/magas: a portál elemek magasáága a kész portál felületen.

• Homokora
  Widgetek betöltéséig megjelenő forgó homokóra animációja.

webshop_bootstrap.css

• Webshop hatter szin
  Webshop háttér színe mindig fehér (itt megadott), akármi is legyen kiválasztva a Rendszerbeállításokban.

• Login mezo
  Bejelentkezéskor kosár ikon van a logo mellett

• Felso resz

• Oldalelemek
  Kosár, login, kereső stb. elemek pozicionálása.

• Cikk kategoriak
  

• Tablazatok (rendeles, cimek)

• Cikk lista table

• Cikk lista div
  Ha létezik css_switch könyvtár, akkor a cikk lista div-esre vált.
  • webshop_doboz.css: dobozos elrendezés.
  • webshop_kiskep.css: táblázat szerű elrendezés, kis cikk lista képpel.
  • webshop_nagykep.css: táblázat szerű elrendezés,nagy cikk lista képpel.

• Cikk adatlap

• Carousel, cikk minikepek

• Cikk kep nagyitas

• Egyedi szinek

• Media query-k