Omasivu

Omasivu löytyy täältä

css parametrit

Mielestäni 20 tärkeintä css parametria

color:

Asettaa tekstille jonkin tietyn värin

p { color: rgb(0,255,0);}

Text-align:

Linjaa tekstin haluttuun kohtaan

h1  { text-align: left; }

font-size:

Määrittää fontin koon

h1 { font-size: 100%; }

font-family:

Määrittää käytettävän fontin

p  { font-family: "Arial", "Times new roman"; }

width:

Määrittää elementin leveyden

height:

Määrittää elementin korkeuden

p.ex  { height: 125px;

            width: 100px; }

background-color:

Määrittää taustan värin

p  { background-color: rgb (255,0,0); }

background-image: 

Asettaa kuvan taustakuvaksi

body  { background-image: url("kuva.jpg"); }

position:

Kertoo elementin sijainnin

h2 { position: absolute;

        left: 150px;

        top: 50px; }

left:

Kertoo sijoitetun elementin sijainnin vasemmalta

div.absolute {position: absolute;
                      left: 50px;
                      width: 100px;
                      height: 10px;
                      border: 3px solid #8AC007; }

right:

Kertoo sijoitetun elementin sijainnin oikealta

div.absolute { position: absolute;
                       right: 250px;
                       width: 300px;
                       height: 10px;
                       border: 3px solid #8AC007 }

top:

Kertoo sijoitetun elementin sijainnin ylhäältä

div.absolute { position: absolute;

                       top: 10px;

                       width: 400px;
                       height: 50px;
                       border: 3px solid #8AC007; }  

bottom:

Kertoo sijoitetun elementin sijainnin alhaalta

div.absolute { position: absolute;
                       bottom: 20px;
                       width: 10px;
                       height: 50px;
                       border: 3px solid #8AC007; }

border:

Kertoo reunojen tyylin

p { border: 5px solid green; }

cursor:

Määrittää näytettävän kursorin

span.crosshair { cursor: crosshair; }

span.grab { cursor: grab; }

span.progress { cursor: progress; }

text-overflow:

Määrittää tavan, jolla teksti joka ei mahdu johonkin elementtiin näytetään

div { text-overflow: ellipsis; }

direction

Määrittää tekstin kirjoitus suunnan

div { direction: rtl; }

font-weight

Määrittää tekstin leveyden

p.normaali { font-weight: normal; }



column-count

Määrittää moneenko sarakkeeseen teksti pitää jakaa

div { -webkit-column-count: 2;  /* chrome}



column-gap

Määrittää sarakkeiden välin leveyden

div { -webkit-column-count: 2; /* chrome
         column-gap: 30px }

Tekijänoikeudet

Lähteet:
http://kuvasto.fi/kuvaoikeuksien-abc/
http://www.digicamera.net/armi/w3kurs/tekoik.htm
http://www.valokuvaajaksi.fi/valokuvaajan-tyo/tekijanoikeudet/

Kymmenen asiaa, joita pitää noudattaa kuvia käyttäessä. ylläolevista linkeistä

-Sovi kirjallisesti tekijän (tai jonkun muun, jolle on oikeus on siirretty)  kanssa siitä mitä oikeuksia siirtyy ja millä ehdoilla ja hinnalla.

-Tarvitset erillisen luvan kuvan muokkaamiseen, vaikka olisit jo saanut käyttöoikeuden.

-Teoksen suoja-aika päättyy viimeistään, kun on kulunut 70 vuotta tekijän kuolinvuoden lopusta.

-On hyvän tavan mukaista mainita tekijän nimi teoksen ohessa. Tekijä voi myös päättää, jos hän ei halua että nimi mainitaan.

-Ennen vuotta 1966 julkistetut tavalliset valokuvat eivät saa suojaa.

-Valokuvat, jotka eivät ylitä teoskynnystä saavat 50 vuoden suoja-ajan.

-Teoksella on Tekijänsuoja, vaikka siinä ei olisi copyright-merkkiä tai sitä ei olisi rekisteröity.

-Tekijällä on luovuttamaton oikeus saada jälleenmyyntikorvaus.

-Kuvan tekijällä on oikeus nähdä tai valokuvata teos, jos se on tarpeellista ja jos siitä ei aiheutu liikaa vaivaa tekijän omistajalle.

-Teoksen muuttaminen ei poista tekijänoikeutta.

Kuva osoitteesta http://www.flickr.com

Kuva googlen kuvahausta. Valitsin käyttöoikeuksista "saa käyttää uudelleen"

Neljä vapaasti käytettävää kuvapankkia

pexels.com
pixabay.com
skitterphoto.com
freeimages.com