PANTHEON™ Help

 Toc
 Početna stranica
 Oblici ispisa
[Collapse]PANTHEON
 [Collapse]PANTHEON priručnici
  [Collapse]Vodič po DataLab PANTHEON™-u
   [Expand]Postavke
   [Expand]Narudžbe
   [Expand]Roba
   [Expand]Proizvodnja
   [Expand]POS
   [Expand]Servis
   [Expand]Novac
   [Expand]Kadrovi
   [Expand]Plansko-analitički alati ZEUS
   [Expand]Radna površina
   [Expand]Pomoć
   [Expand]Poruke programa
   [Expand]Sistemska okolina
   [Collapse]Dodatni programi
     DodajKorisnike - Dodavanje Korisnika Baze Podataka
    [Expand]PANTHEON Web Services (PAWS)
    [Expand]DataLab OTOS
    [Expand]DataLab CHRONOS
    [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 Migrator
     Post migration wizard
    [Expand]mobilni Potni Nalogi
    [Expand]Pantheon LX/LT
     Pantheon SHAKE
    [Expand]Pantheon server za automatizaciju (PAAS)
  [Expand]Vodič za mobilni POS
  [Expand]Vodič po PANTHEON Vet
  [Expand]Vodič kroz Datalab PANTHEON Farming
 [Collapse]PANTHEON korisnički priručnici
  [Expand]Korisnički priručnik za DataLab PANTHEON™
  [Expand]Korisnički priručnik za PANTHEON maloprodaju
  [Expand]Korisnički priručnik za PANTHEON Vet
  [Expand]Priručnik za korisnike Datalab PANTHEON Farminga
[Collapse]PANTHEON Web
 [Collapse]Vodiči po PANTHEON Web
  [Expand]Vodič po PANTHEON Web Light-u
  [Expand]Vodič za PANTHEON Web Terminal
  [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
 Tekstovi za dokumente
[Collapse]PANTHEON Granule
 [Collapse]Vodič po PANTHEON Granulama
  [Expand]Granula Kadrovi
  [Expand]Granula Putni nalozi
  [Expand]Granula Dokumenti i Zadaci
  [Expand]Granula Kontrolna tabla
  [Expand]Granula B2B narudžbe
  [Expand]Granule za Servis na terenu
  [Expand]Inventar Fiksne Imovine Granula
  [Expand]Granula Inventura Skladišta
 [Collapse]Korisnički priručnik za PANTHEON Granule
  [Expand]Početak
  [Expand]Granula Kadrovi
  [Expand]Granula Putni nalozi
  [Expand]Granula Dokumenti i zadaci
  [Expand]Granula B2B narudžbe
  [Expand]Granula Nadzorna ploča
  [Expand]Granula Servis na terenu
  [Expand]Inventar dugotrajne imovine
  [Expand]Granula Inventura skladišta
 Načini dostave
 Elementi nadzorne ploče
 Izvještaji nadzorne ploče
 Ad hoc analize
[Collapse]ARES
  Postavljanje prikaza čarobnjaka u personalnoj mapi
 SQL uređivač
[Expand]Korisničke stranice

Load Time: 1468,7807 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
https://www.w3.org/Style/CSS/
 

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