[es] - CSS za pocetnike..... !

bytefx192
Freelancer, ByteFX,

Član broj: 130651
Poruke: 1117
*.neobee.net.

+8 Profil

^{06.04.2008. u 09:51 - pre 195 meseci}

"CSS primaran, ali ne svuda..." tema koja je veoma slicna mojoj, ali ja sam totalni pocetnik sa CSS-om. Zelim na jednom sajtu, koji sam radio u HTML, da recimo jedan deo text-a kad se predje misem da promeni boju, a recimo dole na dnu stranice, drugi deo texta da se recimo povecava ili bolduje isl. E sad, ja sam kao pocetnik napisao jedan CSS, stavim ga u BODY ali cela strana, to jest svi linkovi rade istu komandu, razumete me.

Code:
<style type="text/css">

</style><style type="text/css">

</style>

a ja hocu da samo jedan deo linkova radi tu komandu, a drugi deo nesto trece :)

Pozdrav

p.s. Nadam se da sam bio jasan

_{[Ovu poruku je menjao Djordjevlasotince dana 06.04.2008. u 11:01 GMT+1]}

Odgovor na temu

bytefx192
Freelancer, ByteFX,

Član broj: 130651
Poruke: 1117
*.neobee.net.

+8 Profil

Re: CSS za pocetnike..... !

^{06.04.2008. u 10:02 - pre 195 meseci}

Pogledo sam na ovom sajtu: http://www.w3schools.com, ima odlican tutorijal, tako da cu se snalaziti, samo ako moze jedno pocetnicko pitanje ? Moze oK :)

Sta znace ovi paragrafi, P onda ovo H1 H2 H3 H4.... Cime se ogranicuju....?
Jel ovo H1 oznacava jedan red, ili sta vec ? ZNam da znaci HEADER, ali kad se koristi...?

Pozdrav

_{[Ovu poruku je menjao Djordjevlasotince dana 06.04.2008. u 11:16 GMT+1]}

Odgovor na temu

kazil
Robert Bašić
Full time PHP dev :)
Bačka Topola - Novi Sad

Član broj: 120044
Poruke: 686
*.cable-3.sattrakt.net.

Jabber: robertbasic@elitesecurity.org
ICQ: 446475288
Sajt: robertbasic.com

+2 Profil

Re: CSS za pocetnike..... !

^{06.04.2008. u 11:10 - pre 195 meseci}

u (x)HTML-u imas recimo element za paragraf (<p> za pocetak i </p> za kraj paragrafa). Izmedju <p> i </p> stavis neki tekst. Sa CSS-om definises kako ce, recimo, tekst unutar tog paragrafa izgledati. Recimo ako je unutar paragrafa onda stavis da je font Arial, a tamo gde nije u paragrafu neka bude Verdana. <h1></h1> ti je za naslove. Tacnije, od <h1> do <h6> je za naslove (mada retko kada se ide ispod <h3>). Kada zelis neki naslov na stranici, onda ga metnes izmedju <h1></h1> tagova, i posle opet u CSSu definises, da recimo <h1> elementi budu crvene boje.

Inace, na http://www.w3schools.com/tags/default.asp mozes pogledati sta koji element znaci. Ova lista vazi i za HTML 4.01 i xHTML, stim sto tamo gde pise deprecated, znaci da se u xHTMLu vise ne koristi, da je izbacen odatle.

Odgovor na temu

bantes9
Beograd

Član broj: 119554
Poruke: 1058
79.101.70.*

+39 Profil

Re: CSS za pocetnike..... !

^{06.04.2008. u 12:12 - pre 195 meseci}

Citat:

Djordjevlasotince:
Sta znace ovi paragrafi, P onda ovo H1 H2 H3 H4.... Cime se ogranicuju....?
Jel ovo H1 oznacava jedan red, ili sta vec ? ZNam da znaci HEADER, ali kad se koristi...?

Ovo sto ti je Kazil objasnio najbolje isprobaj tako sto ces na praznoj stranici izmedju <body> </body> upisati sledeci kod:

Code:

<h1> Ovo je naslov najvece velicine </h1>
<h2> Ovo je naslov drugi po velicini </h2>
<h3> Ovo je naslov treci po velicini </h3>

<p> Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) Prvi pasus (paragraf) </p>

<p> Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) Drugi pasus (paragraf) </p>

Po defalt-u ce ti se razlikovati <h1>,<h2>,<h3> a pokusaj kasnije da im promenis fontove, boju slova i velicinu u css-u.

Napravi i neku klasu u css-u napr. .paragraf i tamo definisi da se prvi red uvlaci malo, definisi font, boju slova i velicinu i kasnije pozovi tu klasu u okviru paragrafa <p class="paragraf">neki tekst</p> i to ce biti dovoljno da pohvatas kako mozes da organizujes naslove i sadrzaj na jednoj stranici.

Sto se razlicitih linkova tice imas na forumu temu o tome, ukratko:
Definisi na pocetku css-a a:link, a:visited, a:hover, a:active tj. izgled linkova na stranici.
One linkove koje zelis da definises drugacije mozes pomocu pseudo klasa (a.nekaklasa:link) a vise mozes saznati na sledecem linku:
http://www.w3schools.com/css/css_pseudo_classes.asp

Mrav radi, tegli, i od njega nije postalo ništa,
a majmun se zezao po drveću i od njega je postao čovek.

Brana Crnčević

Odgovor na temu

bytefx192
Freelancer, ByteFX,

Član broj: 130651
Poruke: 1117
91.150.121.*

+8 Profil

Re: CSS za pocetnike..... !

^{28.04.2008. u 19:39 - pre 194 meseci}

E sad

To je taj text.

1) Recimo sad hocu da mi ovo h1 kad ga hyperlinkujem i kad [predjem misem da se menja boja. Kako bi glasio kod samo za H1.

2) Ili jos bolje pitanje, ovako nesto. NPR imam sajt, i sa leev strane se nalaze dugmici, pisani textom, ne slike. A u sredini strane nalaze se kao proizvodi, i ispod tih proizvoda pise DETALJ. Kako da oni dugmici od malopre menjaju boju recimo u crvenu, a ovo detalji samo da se podvlaci i slicno !
Ove dugmice kako bi obelezio? Sa <P> sa sta ? !
Pomoc !

Pozdrav !

Odgovor na temu

bantes9
Beograd

Član broj: 119554
Poruke: 1058
77.46.193.*

+39 Profil

Re: CSS za pocetnike..... !

^{28.04.2008. u 19:53 - pre 194 meseci}

Mozes definisati na pocetku css fajla glavni izgled linkova (a:link, a:visited, a:hover, a:active).

Nakon toga pomocu pseudo klasa mozes definisani izgled ostalih linkova. Vise o ovome mozes procitati na sledecem linku:
http://www.w3schools.com/css/css_pseudo_classes.asp

Mrav radi, tegli, i od njega nije postalo ništa,
a majmun se zezao po drveću i od njega je postao čovek.

Brana Crnčević

Odgovor na temu

bytefx192
Freelancer, ByteFX,

Član broj: 130651
Poruke: 1117
91.150.121.*

+8 Profil

Re: CSS za pocetnike..... !

^{28.04.2008. u 20:32 - pre 194 meseci}

Ok uspeo sam sve ovo sto sam hteo ! ! ! Hvala jos jednom, snasao sam se pomocu ovog sajta......

e sad jos jedno pitanje:
Kad odvajam recimo text, u kodu mi se pojavljuje ovako nesto "   " sta se treba ukucati da bi se odvojilo, to jest da mi se ne sara ovako kod....
pozZ

Odgovor na temu

bantes9
Beograd

Član broj: 119554
Poruke: 1058
77.46.193.*

+39 Profil

Re: CSS za pocetnike..... !

^{28.04.2008. u 22:14 - pre 194 meseci}

Nemoj se obazirati na ovo, to je html tag koji oznacava razmak. Nekada ce ti ovo biti jedini nacin da napravis veci razmak izmedju reci jer browser-i sve razmake izmedju reci tretiraju kao jedan razmak (rec_drugarec je isto sto i rec_________drugarec), tako da je jedini nacin da imas vise razmaka pomocu  

Vise o ovome:
http://www.w3schools.com/html/html_entities.asp
http://www.w3schools.com/tags/ref_entities.asp

Mrav radi, tegli, i od njega nije postalo ništa,
a majmun se zezao po drveću i od njega je postao čovek.

Brana Crnčević

Odgovor na temu

bytefx192
Freelancer, ByteFX,

Član broj: 130651
Poruke: 1117
*.neobee.net.

+8 Profil

Re: CSS za pocetnike..... !

^{29.04.2008. u 10:44 - pre 194 meseci}

Aha.... OK, Hvala..
pozZ

Odgovor na temu

Stranger2
Stranger2

Član broj: 143429
Poruke: 2572
77.237.111.*

Sajt: www.videomajstor.com

+43 Profil

Re: CSS za pocetnike..... !

^{02.05.2008. u 20:53 - pre 194 meseci}

Ako vezbas CSS probaj nabaviti program TopStyle Pro http://www.newsgator.com/Individuals/TopStyle/Default.aspx

osim sto je fenomenalan editor za CSS super je i za ucenje CSS-a. Namestis da ti sa desne strane prikazuje Preview a u sredini CSS kod. Na svaku promenu koda se menja preview i odmah vidis sta si uradio i sta cemu sluzi...

_{[Ovu poruku je menjao Stranger2 dana 03.05.2008. u 00:53 GMT+1]}

Odgovor na temu

aceall
freelancer
Doboj, RS

Član broj: 43753
Poruke: 212
*.team.ba.

+4 Profil

Re: CSS za pocetnike..... !

^{08.05.2008. u 02:23 - pre 194 meseci}

Uh uh, tema "CSS za pocetnike..... !" a navode se pogresni pravci u ucenju.

H tagove koristiti za klasifikovanje bitnih elemenata na stanici po hijerarhiji. Recimo logo u H1 tag, ostale nalsove po vaznosti od H2 pa na dalje,

Za sminkanje teksta i linkova koristiti .klase,

P ili paragrafom dodjeljujes "difoltne" vrijednosti za text na toj stanici.

Odgovor na temu