Scribd Logo
Upload

Welcome to Scribd!

  • Boje I Pozadine2

    Uploaded by

    Adnan Sahanić
    22 views3 pages
    dio3

    Original Title

    BOJE I POZADINE2

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    dio3

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    22 views3 pages

    Boje I Pozadine2

    Uploaded by

    Adnan Sahanić
    dio3

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    BOJE I POZADINE

    Svojstvom background-color postavljamo boju pozadine elementa. Kada želimo dodati


    css svojstvo u html element trebamo dodijeliti vrijednost svojstvu elementa style.

    Obrazac koji koristimo je dodavanje svojstva style unutar elementa odlomka kojem
    mijenjamo boju pozadine:

    <p style="background-color: vrijednost;">

    Moguće vrijednosti su:


     ime boje (engleski nazivi): npr. yellow, black, purple
     heksadekadska RGB vrijednost: npr. #FFFF00, #00FF00...
     RGB kod boje – npr. rgb(255, 0, 0), rgb(255, 0, 255)

     Background Image
     Kada želimo dodati css svojstvo u html element trebamo dodijeliti vrijednost
    svojstvu elementa style.
     Svojstvom background možemo postaviti više svojstava pozadine elementa
    istovremeno. Redoslijed navođenja nije obvezujući.
     Svojstva koja možemo postaviti su: background-attachment, background-
    color,background-image, background-position, background-repeat

     background-color: #ffffff;
     background-image: url('putanja_do_slike');
     background-position: top left;
     background-repeat: no-repeat;
     background-attachment: fixed;

     U ovom primjeru dodajemo sliku kao pozadinu bez ponavljanja po x i y osi. slika
    će se nalaziti vodoravno na sredini (vrijednost 50%) i 20% od vrha stranice.
     Ako želimo postaviti sliku kao pozadinu cijele web stranice dodjeljujemo
    svojstvo style <body> elementu.
     Primjer za dodavanje pozadinske slike cijele web stranice:

     <body style="background: url('krajolik.jpg') no-repeat 50% 20%;">


     Slika krajolik.jpg koju smo naveli kao vrijednost url svojstva mora se nalaziti u
    istoj mapi kao i html datoteka.

    Upravljanje pravcem postavljanja slika u pozadini

    Pomoću svojstva background - repeat utiče se na postavljanje slike u pozadini.

    Ako želimo da se pozadinska slika pojavi samo jednom koristi se vrijednost no-repeat

    body{

    background - image: url (star.gif);

    background-repeat: no-repeat;}

    Ako se slika postavlja samo horizontalno - repeat-x ili vertikalno - repeat-y

    body{

    background - image: url (star.gif);

    background-repeat: repeat-x;}

    body{

    background-repeat: repeat-y;}

    background - image: url (star.gif);

    background-repeat:repeat-y;
    }

    RGB VRIJEDNOSTI BOJA

    Boje se najčešće zadaju preko svojih RGB vrijednosti. Sve boje koje se vide na ekranu računari prave
    tako što kombinuju 3 osnovne boje: crvenu, zelenu i plavu. To se zove RGB model boja.

    Kada se izabere boja iz spektra u biraču, vidjeće se vrijednosti za crvenu (R - red), zelenu (G-green) i
    plavu (B-blue)

    npr. boja lavande RGB: 200, 178, 230

    siva boja: RGB:128,128,128


    crna boja RGB:0, 0, 0

    Bijela boja RGB:255, 255, 255

    Pisanje RGB vrijednosti u opisima stilova

    color: rgb(200, 178, 230); - navodimo svaku od tri vrijednosti na


    skali od 0 do 255

    color: rgb(78%, 70%, 90%), - zadavanje vrijednosti u procentima

    color: #C8B2E6 - heksadecimalna verzija

    Za zadavanje heksadecimalnih vrijednosti boja postoji kraći način. Ako je vrijednost sastavljena iz tri para
    istih cifara ili slova na primjer

    color: #FFCC00; ili color:#993366;

    onda svaki par možemo svesti na jednu cifru odnosno slovo

    color: #FC0, ili color: #936;

    Kada se napiše pravilo :


    color: rgba(0, 0, 0, 0.5);

    Četvrta vrijednost 0.5 predstavlja stepen providnosti. To znači da se radi o crnoj boji sa stepenom
    providnosti 50%, pa će se kroz nju nadzirati druge boje u pozadini

    Pomoću CSS3 svojstva opacity se određuje stepen providnosti.

    Vrijednosti od 0 do 1

    Vrijednost ovog svojstva primjenjuje se na cio element- i na prednji plan i na pozadinu.

    npr ako je naslovu dodijeljena zelena boja i imamo bijelu pozadinu, kada se primjeni svojstvo opacity,
    pozadina strane se vidi i kroz tekst i kroz okvir elementa.

    h1 {color: green; background:white; opacity: 0.25;)}

    h1 {color: green; backround: white; opacity: o.5;}

    h1 {color: green; backroun: white; opacity: 1}

    You might also like