PANTHEON™ Help

 Toc
 Početna stranica
 Primjer Office 365
 Plan računa
 Kako RLS funkcionira u praksi
[Collapse]PANTHEON
 [Collapse]PANTHEON priručnici
  [Collapse]Vodič po DataLab PANTHEON™-u
   [Expand]Pomoć
   [Expand]Postavke
   [Expand]Narudžbe
   [Expand]Roba
   [Expand]Proizvodnja
   [Expand]Servis
   [Expand]POS
   [Expand]Novac
   [Expand]Kadrovi
   [Expand]Radna površina
   [Expand]Analize
   [Expand]Plansko-analitički alati ZEUS
   [Expand]Poruke programa
   [Expand]Sistemska okolina
   [Expand]Dodatni programi
   [Collapse]Dodatni programi
    [Expand]Pantheon server za automatizaciju (PAAS)
    [Expand]Pantheon LX/LT
    [Collapse]DataLab ATENA
      Kako ATENA djeluje?
      Što trebamo za rad?
      Sigurnost podataka
      Instalacija
     [Expand]Postavke PANTHEON-a za djelovanje ATENE
     [Collapse]Oblikovanje internet stranica u ATENI
      [Expand]Korisničke internet stranice
      [Collapse]Programske internet stranice
        Cascading Style Sheets
        Mijenjanje tekstova
       [Expand]cash - financijski podaci
       [Expand]invoice - pregled računa
       [Expand]items - artikli
       [Expand]order - prijem i pregled narudžbi
       [Expand]partner - registracija i korisnički podaci
    [Expand]DataLab CHRONOS
    [Expand]DataLab OTOS
    [Expand]DataLab Migrator
     Post migration wizard
   [Expand]Stari proizvodi
    Riječnik pojmova
  [Expand]Vodič kroz Datalab PANTHEON Farming
  [Expand]Vodič za mobilni POS
  [Expand]Vodič po PANTHEON Vet
 [Collapse]PANTHEON korisnički priručnici
  [Expand]Kor korisnički priručnik za PANTHEON Vet
  [Expand]Korisnički priručnik za DataLab PANTHEON™
  [Expand]Korisnički priručnik za PANTHEON maloprodaju
[Collapse]Bilance
  Prenos bilance na druga poduzeća
  Uvoz/Izvoz bilanc
[Collapse]PANTHEON Web
 [Collapse]Vodiči po PANTHEON Web
  [Expand]Vodič po PANTHEON Web Light-u
  [Expand]Vodič za PANTHEON Web Terminal
  [Expand]Arhiva starih proizvoda
  [Expand]Vodič po PANTHEON Web Legal
 [Collapse]Korisnički priručnici za PANTHEON Web
  [Expand]Početak rada s PANTHEON Web-om
  [Expand]Korisnički priručnik za PANTHEON Web Light
  [Expand]Korisnički priručnik za PANTHEON Web Terminal
  [Expand]Korisnički priručnik za PANTHEON Web Legal
  [Expand]Arhiva starih proizvoda
 Unaprijediti
 Baza podataka
[Collapse]PANTHEON Granule
 [Collapse]Vodič po PANTHEON Granulama
  [Expand]Granule za Servis na terenu
  [Expand]Granula Kadrovi
  [Expand]Granula Putni nalozi
  [Expand]Granula Dokumenti i Zadaci
  [Expand]Granula Kontrolna tabla
  [Expand]Granula B2B narudžbe
  [Expand]Inventar Fiksne Imovine Granula
  [Expand]Inventar Skladišta Granula
 [Collapse]Korisnički priručnik za PANTHEON Granule
   Početak
   Korištenje PANTHEON Granula u imaginarnom poduzeću Tecta
  [Expand]PANTHEON Granule i aktivacija
  [Expand]Granula Kadrovi
  [Expand]Granula Putni nalozi
  [Expand]Granula Dokumenti i zadaci
  [Expand]Granula B2B narudžbe
  [Expand]Granula Nadzorna ploča
   Česta pitanja i odgovori
  [Expand]Granula Servis na terenu
  [Expand]Inventar dugotrajne imovine
  [Expand]Granula Inventura skladišta
   Arhiva
 Promjene koda
 Otklanjanje poteškoća
 ARES - RLS Kompatibilni Mod
 RLS Pitanja i Odgovori

Load Time: 1385,3028 ms
"
   1851 | 2370 | 25753 | Localized
Label

Cascading Style Sheets

Cascading Style Sheets

Cascading Style Sheets

Cascading Style Sheets (CSS) su predlozi, koji određuju, koji će izgled web strana imati kod korisnika. Sa im određuje tipografiju, veličinu i boju slova i postaviti na ekran.

CSS podržavaju prije svega noviji mrežni pretraživači (Internet Explorer > 4.0 i Navigator >4.72). Mrežni pretraživači, koji standarda CSS ne podržavaju, prikazati će običan HTML tekst bez dizajna.

CSS su osnovni mehanizmi određivanja izgleda programskih web strana. Nalaze se u direktoriju html\css, imenovani  su isto kao web strane, samo imaju ekstenziju .css (tako je na primjer predložaka za stranu invoicepayments.asp imenovana invoicepayments.css).

Izgled programske spletne strani torej prilagodimo tako, da spremenimo njen CSS.

Primjer:

Cascading Style Sheets

Osnovni predložak za pregled plaćanja računa (invoicepayments.asp) koristi zelenu i žutu boju:

Pantheon00003543

Datoteka invoicepayments.asp ima slijedeći sadržaj:

BODY{background: #ffffff;}
A{color: #ffcije88;text-decoration: none}
A:hover{text-decoration:none; color:#ffffff;background:#a7001c;}
TD{font-family: verdana;font-size: 0.7em}
TD.header{background: #808080;color: #ffcije88;text-align:center;}
TD.datum{}
TD.dok{}
TD.datumzap{}
TD.dok{}
TD.dugovni{text-align:right;}
TD.potražni{text-align:right;}
TD.saldopoz{text-align:right;}
TD.saldo{text-align:right;font-weight: bold;}
TD.blank{background: #ffffff;}
INPUT{font-weight: bold; background: #ffffff;color:#000000;font-size: 0.7em;text-align:right;}
H1{background:#185246; font-family: verdana; color: #EDD500;font-size: 1em;font-weight: bold;text-align:left;} 

Ako želimo napraviti žutu podlogu i crvenu adresu, onda jednostavno promijenimo to datoteku u:

BODY{background:#ffcije88;}
A{color: #ffcije88;text-decoration: none}
A:hover{text-decoration:none; color:#ffffff;background:#a7001c;}
TD{font-family: verdana;font-size: 0.7em}
TD.header{background: #808080;color: #ffcije88;text-align:center;}
TD.datum{}
TD.dok{}
TD.datumzap{}
TD.dok{}
TD.dugovni{text-align:right;}
TD.potražni{text-align:right;}
TD.saldopoz{text-align:right;}
TD.saldo{text-align:right;font-weight: bold;}
TD.blank{background: #ffcije88;}
INPUT{font-weight: bold; background: #ffffff;color:#000000;font-size: 0.7em;text-align:right;}
H1{background#808080; font-family: verdana; color: #a7001c;font-size: 1em;font-weight: bold;text-align:left;} 

Pantheon00003544

Više informacija o upotrebi CSS pronaći ćete na
http://www.w3.org/Style/CSS/

 

Rate this topic
Was this topic usefull?
Comments
Comment will also bo visible in forum!