CSS za pocetnike..... !

[ bytefx192 @ 06.04.2008. 09:51 ] @

"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]}

[ bytefx192 @ 06.04.2008. 10:02 ] @

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]}

[ kazil @ 06.04.2008. 11:10 ] @

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.

[ bantes9 @ 06.04.2008. 12:12 ] @

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

[ bytefx192 @ 28.04.2008. 19:39 ] @

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 !

[ bantes9 @ 28.04.2008. 19:53 ] @

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

[ bytefx192 @ 28.04.2008. 20:32 ] @

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

[ bantes9 @ 28.04.2008. 22:14 ] @

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

[ bytefx192 @ 29.04.2008. 10:44 ] @

Aha.... OK, Hvala..
pozZ

[ Stranger2 @ 02.05.2008. 20:53 ] @

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]}

[ aceall @ 08.05.2008. 02:23 ] @

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.