zxz |
13.02.2015 13:55 |
Predmet:CSS Primjeri
Ovdje ce biti prestavljeni prosti primjeri kako se nesto odradjuje pomocu css.
Sve mozete isprobati ako iskopirate kod u napr. Notepad i date mu ime napr. proba.html. ili mojcss.htm i pokrenete ga poslije u svobe Browseru. |
zxz |
13.02.2015 14:04 |
Predmet:Boja i poravnanje teksta
PreuzmiIzvorni kôd (HTML):
p {
text-align: center;
color: red;
}
<p>Posto je klasa oznacena sa p u ovom se vidi efekat </p>
Ovo je tekst bez stila
|
zxz |
13.02.2015 14:09 |
Predmet:Boja pozadine
Primjer odredjivanja boje pozadine.
PreuzmiIzvorni kôd (HTML):
body {
background-color: C0C0C0;
}
<h1>Ovo je promijenjena boja pozadine </h1>
|
zxz |
13.02.2015 14:22 |
Predmet:Boja teksta
PreuzmiIzvorni kôd (HTML):
body {
color: red; //Boja teksta bez taga
}
h1 {
color: #00ff00;//Boja teksta sqa tagom h1
}
<h1>Boja teksta sa ha tagom </h1>
Boja teksta bez taga
|
zxz |
13.02.2015 14:35 |
Predmet:Boja pozadine teksta
Ovo je primjer kako se moze odrediti boja pozadine samog teksta.
U predhodna dva slucaja je odredjivana boja teksta i boja pozadine stranice.
PreuzmiIzvorni kôd (HTML):
h1 {
background-color: #FFFF00;
}
p {
background-color: #C0DCC0;
}
div {
background-color: #FAAFFF;
}
<h1>Boja teksta sa ha tagom h1 </h1>
<p>Boja teksta sa tagom p </p>
E ovo je sa div znaci sve od p pa na dalje </div>
<div>ovo je div samo za ovaj tekst </>
|
zxz |
15.02.2015 10:45 |
Predmet:Vrste i oblici slova
Ovo je primjer kako se mogu mijenjati oblici slova fontova.
Vise o fonts-family mozete naci na ovoj strnici.
PreuzmiIzvorni kôd (HTML):
p.prvifont {
font-family: "Gill Sans Extrabold", Helvetica, sans-serif;
}
p.drugifont {
font-family: Courier, "Lucida Console", monospace;
}
<p class="prvifont">Ovo je prvi font Gill Sans Extrabold", Helvetica, sans-serif </p>
<p class="drugifont">Ovo je drugi font Courier, "Lucida Console", monospace </p>
|
zxz |
15.02.2015 10:58 |
Predmet:Link na stranicu
PreuzmiIzvorni kôd (HTML):
/* Kada nije psjeceno */
a:link {
color: #000000;
}
/* Kada je posjeceno */
a:visited {
color: #808080;
}
/* kada se predje misem */
a:hover {
color: #0000FF;
}
/* kada pritisnete misa */
a:active {
color: #C0DCC0;
}
<a href="http://www.icentar.ba/" target="_blank">Ovo je moj link </a>
|
zxz |
15.02.2015 11:20 |
Predmet:Link pozadina teksta
Jos jedan primjer za link sa izmjenom pozadine teksta.
PreuzmiIzvorni kôd (Visual Basic):<HTML>
<head>
<style>
a:link {
background-color: #C0DCC0;
}
a:visited {
background-color: #ECE9D8;
}
a:hover {
background-color: #FFFF00;
}
a:active {
background-color: #A6CAF0;
}
</style>
</head>
<body>
<a href="http://www.icentar.ba/" target="_blank">Ovo je moj link</a>
</BODY>
</HTML>
|
zxz |
16.02.2015 10:38 |
Predmet:Tipovi listanja
PreuzmiIzvorni kôd (HTML):
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ul.c {
list-style-type: upper-roman;
}
ul.d {
list-style-type: lower-alpha;
}
<p>Nacin listanja sa ul </p>
|
zxz |
17.02.2015 11:03 |
Predmet:Tabela primjer
PreuzmiIzvorni kôd (HTML):
table, th, td {
border: 1px solid reed;
}
|