Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Osnove uporabe CSS
Avtor: NikMan | Objavljeno: dne 13. marec 2009, 12:03
Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Za celotno vašo spletno stran je bolj praktično uporabiti CSS datoteko, kjer so določene vse pisave, ki jih uporabljate.
 
 
1
  
 
Ustvarite novo spletno stran in napišite poljubna dva stavka.
 
 
2
  
 
Kliknite zgoraj na Window in izberite CSS Styles.

Prikaže se okno z CSS stili, kjer kliknete na ikono New CSS Rule.
 
 
3
  
 
V novem oknu Selector Type pustite označeno Class, v polje Name vpišite naslov in Define pustite označeno New Style Sheet File.
 
 
4
  
 
Odpre se okno, kjer morate imenovati CSS datoteko, kjer boste imeli v njej shranjene vse pisave itd...

V File name vpišite tilka ali karkoli poljubnega in potrdite na gumb Save.
 
 
 
 
 
5
  
 
Odpre se okno z nastavitvami stila. V tem primeru bomo določili nastavitve pisave za stil naslov.

Font določite poljubno pisavo in Size poljubno velikost.

Potrdite na gumb OK.
 
 
6
  
 
Stil naslov smo ustvarili, sedaj bomo ustvarili še en nov stil.

Kliknite ponovno na ikono New CSS Rule.

Tukaj lahko tudi spreminjate vrednosti obstoječih stilov.
 
 
7
  
 
V novem oknu v polje Name vpišite tekst in Define in določite tilka.css oziroma ime, ki ste ga prej določili.

Potrdite na gumb OK.
 
 
8
  
 
Odpre se okno z nastavitvami stila. V tem primeru bomo določili nastavitve pisave za stil naslov.

Font določite poljubno pisavo, Size poljubno velikost in tokrat še drugo barvo (glej sliko).

Seveda se kasneje lahko igrate poljubno z nastavitvami pisave.

Potrdite na gumb OK.
 
 
9
  
 
CSS Stile smo ustvarili. Sedaj pa jih bomo še uporabili.

Označite prvi stavek (glej sliko).
 
 
10
  
 
Zgoraj v okno Properties določite Style preko izbirnika na naslov (glej sliko).
 
 
11
  
 
Opazili boste, da je označeni stavek uporabil nastavljene vrednosti za stil naslov.
 
 
12
  
 
Določite na isti način še drugi stavek, le da boste uporabili drugi stil.
 
 
13
  
 
Pokazal vam bom kako lahko obstoječo datoteko uporabite na katerikoli strani.

Ustvarite novo ali odrite obstoječo stran in opazili boste, da vam Style preko izbirnika ne ponuja nobenih možnosti.
 
 
14
  
 
Zato izberite Attach Style Sheet...
 
 
15
  
 
V novem oknu določite File/URL tilka.css oziroma datoteko, ki ste j prej ustvarili.
 
 
16
  
 
Ponovno uporabite CSS stile, ki ste jih ustvarili.

Če boste sedaj v datoteki tilka.css spremenili kako vrednost za določen CSS stil, se bo le-ta spremenil na vseh straneh.
 
 
Komentiraj
  
 
 
 
 
13.3.2009, 23:54
Zelo priročno, upam, da boste dodali še lekcijo o tem, kako iz designa spletne strani (slike narejene v ps ali kjerkoli drugje) narediti oz. skodirati v css style
 
 
 
 
15.3.2009, 16:25
Kako pa bi dodal crke ki jih windows nima?
RAd bi dodal crke armalite.ttf tako da se potem vidijo na spletni strani,obiskovalca,ce ta nima nalozenih teh crk.
Hvala
 
 
 
 
15.3.2009, 17:17
domen.net, to lahko storiš na več načinov. En način je, da jih pretvoriš v poseben font - ta je viden le v Internet explorerju. Drugi način je, da pretvoriš v še eno posebno vrsto fonta, ki pa naj bi bil viden na vseh brskalnikih. To sem že poskušal, vendar so vsi konverterji zelo dragi (o teh pretvorbah več poišči na Googlu - embedded font font)... Tretja možnost je, da pretvoriš besedilo v slike. Četrta možnost pa je, da si omisliš drugo pisavo
 
 
 
 
16.3.2009, 17:55
Druge crke bi rabil za tekoci napis,ali je oopcija da v tekoci napis prilepim sliko z drugimi crkami in ce je kako potem dolocim velikost slike?
Hvala
 
 
 
 
16.3.2009, 17:56
Druge crke bi rabil za tekoci napis,ali je oopcija da v tekoci napis prilepim sliko z drugimi crkami in ce je kako potem dolocim velikost slike?
Hvala
 
 
 
 
16.3.2009, 19:29
V maryuee značko lahko dodaš karkoli. Tudi sliko

<marquee><img src="slika.jpg" /></marquee>

Velikost nastavljaš pri sliki.

<marquee><img src="slika.jpg" height="200" width="200"/></marquee>
 
 
 
 
20.3.2009, 19:54
sem poskusil s slikco pa mi ne dela.
<p>
<marquee bgcolor="#304C33" width="100%" loop="-1" scrollamount="2" class="style2 style3">
</marquee><img src=" tekoci2.jpg " width="613" /></p>
</marquee>


Kako pravilno vpisem kodo?
Hvala

spremenil: domen.net (20.3.2009 ob 20.00.59)
 
 
 
 
20.3.2009, 21:55
Hehe, slika mora biti V marquee znački.


<p>
<marquee bgcolor="#304C33" width="100%" loop="-1" scrollamount="2" class="style2 style3">
<img src=" tekoci2.jpg " width="613" />
</marquee></p>
 
 
 
 
20.11.2009, 16:50
Zakaj meni na tej strani:
http://ppm-vodic.netii.net/
ne dela CSS?

Fali kaj v html-ju v glavi?
 
 
 
 
20.11.2009, 17:26


Meni normalno vse prikaže. Tudi CSS je uporabljen.
 
 
 
 
20.11.2009, 17:29
Izgleda tako nekako?
http://www.shrani.si/f/1B/Yg/12VhGtDR/stran.gif

Ker meni menija ne pokaže in tistih robov tudi ne

spremenil: Primorc (20.11.2009 ob 17.33.13)
 
 
 
 
20.11.2009, 18:41
Primorc:
Izgleda tako nekako?
http://www.shrani.si/f/1B/Yg/12VhGtDR/st....
Ker meni menija ne pokaže in tistih robov tudi ne


Website under review... Drugače mislim, emmm... da emmm... no v urejevalniku boš bolj težko... emmm...
 
 
 
 
20.11.2009, 19:34
Kaj misliš z urejevalnikom?
 
 
 
 
10.1.2011, 15:10
Zanima me ali lahko za podstrani uporabljam drugacen css in ce kako to naredim
 
 
 
 
10.1.2011, 16:53
Za podstrani lahko uporabiš drugačno urejanje! To narediš z uporabo div značek in mu daš atribut class/id (class je za večkratno uporabo, id za enkratno uporabo) z nekim imenom (npr. podstran), potem pa v css napišeš stile za class/id podstran npr.:


.podstran {
background-color: blue;
height: 100px;
width:240px;
margin:auto;
}

/*oblikovanje značk v tem delu*/
.podstran h1 {
font-size:100px
}


. je za class, # pa za id
 
 
 
 
13.11.2015, 19:36
Kako narediti da se CSS uporabi na vseh naslovih H4 razen enega in da pri tistih ki morajo imeti CSS ni treba dodati kode (da jo dodaš samo tam, ko ne sme ineti CSS)?
 
 
 
 
14.11.2015, 11:35
Tistem posebnemu elementu dodaš nov class, npr <h4 class="sprememba">

Nato pa v css datoteki lahko definiraš:

h4.sprememba { ... }

in tu nastaviš lastnosti posebej za ta element.
 
 
 
 
14.11.2015, 18:24
Kako pa narediš da se css ne upošteva
 
 
 
 
15.11.2015, 2:35
Če imaš nastavljeno na eno značko CSS stil in če hočeš narediti izjemo za določen element, potem je edina varianta ta, ki sem jo opisal zgoraj.

V tem class-u potem nastaviš nazaj lastnosti na privzete vrednosti.
 
 
 
 
15.11.2015, 9:33
Kako pa izveš privzere vrednosti
 
 
 
 
15.11.2015, 19:25
Načelno ti ni potrebno vedeti privzetih vrednosti, saj lahko za spremenjene vrednosti uporabiš vrednost "initial", ki pomeni privzeto vrednost za to lastnost.

Poglej si:
http://www.w3schools.com/cssref/css_init....
 
 
 
 
15.11.2015, 20:05
Ali lahko eno initial vrednost uporabim za vse lastnosti?
 
 
 
 
15.11.2015, 21:34
Za vsako lastnost, ki si jo spremenil, moraš v elementu, kjer ne želiš spremembe, nastaviti za vsako lastnost posebej vrednost initial.

Če recimo vzamem primer od zgoraj:
h4 {
color: red;
margin: initial;
}

Potem nastaviš
h4.sprememba {
color: initial;
margin: initial;
}
 
 
 
 
17.11.2015, 15:40
Če za vse H4 naslove dam neko velikost in če potem za tistega ko nočem da ima takšno velikost initial bo bil naslov čisto mejhen, jaz pa želim da je normalen naslov
 
 
 
 
17.11.2015, 18:16
Problem initial je, da ponastavi vrednost na privzeto CSS vrednost in ne na privzeto vrednost brskalnika, kar pomeni, da se bodo CSS nastavitve brskalnik ignorirale. Zato v tvojem primeru tudi dobiš majhno veliksot fonta.

CSS drugače ne pozna načina, da ko vrednost enkrat nastaviš, da bi jo spremenil na privzeto vrednost brskalnika. V CSS4 mislim, da je to kot predlog, zaenkrat pa še ni uporabno.

Ena možnost je, da enostavno nastaviš posebnemu elementu vrednost.

Druga možnost pa je, da ko definiraš class, poveš, da naj ne zajema posebnih elementov.

Primer:
h4:not(.sprememba) {
color: red;
margin: initial;
}
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com