Forumi
Home Pravila i pomoć Članovi Kalendar Današnji postovi


Povratak   PC Ekspert Forum > Računala > Software > Web dizajn, programiranje i ostalo
Ime
Lozinka

Odgovori
 
Uređivanje
Staro 01.02.2013., 14:54   #1
KrpaZG
Brazilian Jiu-Jitsu
 
KrpaZG's Avatar
 
Datum registracije: Dec 2011
Lokacija: Munich
Postovi: 244
Notepad++ root element pomoc

Pozdrav ekipi ,
Krenuo sam na tecaj web dizajna i poceli smo osnove html-a i css-a.
Dobili smo za zadacu da promjenimo boju teksta i boju pozadine preko ID-a, root elementa i class, uspio sam povezat html i css preko id-a i preko class-e, ali root (tag) mi ne radi nikako? zasto?
__________________
1,2,3,4 ......
KrpaZG je offline   Reply With Quote
Staro 01.02.2013., 15:31   #2
wnbeeeE
Premium
 
wnbeeeE's Avatar
 
Datum registracije: Mar 2009
Lokacija: Pula
Postovi: 600
primjer za id
#blabla
{
color:red;
}

primjer za class selector
p.test
{
color:blue;
}

razlika ti je u tome što u većini slučajeva id selector koristiš kada zelis promjeniti jednu stvar, a class ti moze biti boja/stil/itd. kojeg mozes znači jednom odrediti i koristiti kada god ti kasnije zatreba.

edit:

lol, tek sad vidim da root nisi skuzio

se misli na :root ?
Ako da, eo ti dva primjera za to:
:root {
font: Times New Roman;
}

i

:root {
margin: 1.em;
}

ps. root element ti u css-u veže na "html" element, ili ti ga ":root" element.
wnbeeeE je offline   Reply With Quote
Oglasni prostor
Oglas
 
Oglas
Staro 01.02.2013., 15:35   #3
KrpaZG
Brazilian Jiu-Jitsu
 
KrpaZG's Avatar
 
Datum registracije: Dec 2011
Lokacija: Munich
Postovi: 244
E vidiš preko id-a i class sam uspio promjenit boju teksta/boju pozadine, ali ne kužim kako promjenit nesto od tog dvoje preko root elementa? css = tag , html =tag? kako zapisujem u css-u taj tag?
__________________
1,2,3,4 ......
KrpaZG je offline   Reply With Quote
Staro 01.02.2013., 15:37   #4
wnbeeeE
Premium
 
wnbeeeE's Avatar
 
Datum registracije: Mar 2009
Lokacija: Pula
Postovi: 600
edito sam gore ak nisi skuzio
wnbeeeE je offline   Reply With Quote
Staro 01.02.2013., 15:43   #5
KrpaZG
Brazilian Jiu-Jitsu
 
KrpaZG's Avatar
 
Datum registracije: Dec 2011
Lokacija: Munich
Postovi: 244
E hvala puno na pomoci.

Ovako, zadatak je : da promjenim boju pozadine preko root elementa, a boju teksta preko klase,

može to ovako?
boja teksta

.boja
{
color:blue;
}

a pozadina ovako

:root {
background:black;
}

bi valjalo to?
__________________
1,2,3,4 ......
KrpaZG je offline   Reply With Quote
Staro 01.02.2013., 15:58   #6
wnbeeeE
Premium
 
wnbeeeE's Avatar
 
Datum registracije: Mar 2009
Lokacija: Pula
Postovi: 600
dobro, ali razmišljaj i logički, i obrati pažnju na fundamentalne stvari odma u početku kako se ne bi kasnije gubio. Kod ovih naših tečajeva te neće oni puno naučit, više će ovisit o tebi koliko ćeš izvući iz tečaja.

Što se tiče ovog tvog primjera, zadali su ti da odrediš background pomoću root selectora jer root predstavlja "parent" svemu, tj. html element je roditelj svim ostalim elementima. Ili zdravo-seljački postavio si background pomoću root selectora jer njega nemoze prebrisat neki drugi element.

Kada malo više uđete u css skužit ćeš o ćemu se radi, i vidjet ćeš da to i nije baš tako lako. Isto tako, nemoj nikad podcjeniti snagu html-a i css-a.. danas uza sve frameworke, programe poput dreamweavera i slično html i css kao da padaju u drugi plan, a zapravo su baza i za dreamweaver, i za bilo šta drugo.

ps. dobro bi ti došlo sa strane i ovaj melem
http://www.amazon.com/Head-First-HTM.../dp/059610197X
Debela stranica, ali detaljna, lagana za pratit i skroz praktična, bez bubanja napamet.
wnbeeeE je offline   Reply With Quote
Staro 01.02.2013., 21:48   #7
sinisa1989
Bazinga
Moj komp
 
sinisa1989's Avatar
 
Datum registracije: Nov 2007
Lokacija: Križevci
Postovi: 3,926
Isprika na OT-u, ali naziv teme nema veze s ovom temom razgovora.
A što se tiče css-a i html-a, W3 ti je dobar početak.
__________________
The best place to hide a dead body
is page 2 of Google search results.
sinisa1989 je offline   Reply With Quote
Staro 01.02.2013., 22:03   #8
wnbeeeE
Premium
 
wnbeeeE's Avatar
 
Datum registracije: Mar 2009
Lokacija: Pula
Postovi: 600
primjetio sam i ja nepravilnosti u nazivu teme, ali nisam htio komentirati pošto je čovjek tek krenuo u to sve
ps. dok god se taj w3schools hvali i gura za početak, ja ga ne preporučujem iz dva razloga:
1. http://w3fools.com/
2. nema praktičnih primjera, govorim iz svog iskustva jer sam isprobao i w3school i lyndu i knjige i veliku prednost dajem određenim knjigama, but hey.. that's just me.
wnbeeeE je offline   Reply With Quote
Staro 02.02.2013., 13:32   #9
sinisa1989
Bazinga
Moj komp
 
sinisa1989's Avatar
 
Datum registracije: Nov 2007
Lokacija: Križevci
Postovi: 3,926
Kako nema praktičnih primjera?
A i niti jedan sajt/knjiga/tutoriali te neće naučiti apsolutno ništa, ako sam ne isprobaš nekoliko puta.
__________________
The best place to hide a dead body
is page 2 of Google search results.
sinisa1989 je offline   Reply With Quote
Staro 02.02.2013., 16:11   #10
wnbeeeE
Premium
 
wnbeeeE's Avatar
 
Datum registracije: Mar 2009
Lokacija: Pula
Postovi: 600
Pa nećeš valjda sjediti i samo čitati knjigu o html-u i css-u, koliko ja znam svaka bolja knjiga o htmlu/cssu te vodi prema izradi web stranice kroz opširna objašnjenja tko, što, zašto i kako. ( jer ih i sam imam par doma )

No valjda svatko ima svoj način, što je u redu. Ja samo govorim iz vlastitog iskustva.
wnbeeeE je offline   Reply With Quote
Oglasni prostor
Oglas
 
Oglas
Odgovori



Pravila postanja
Vi ne možete otvarati nove teme
Vi ne možete pisati odgovore
Vi ne možete uploadati priloge
Vi ne možete uređivati svoje poruke

BB code je Uključeno
Smajlići su Uključeno
[IMG] kod je Uključeno
HTML je Isključeno

Idi na