Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

CSS za pocetnike..... !

[es] :: Web dizajn i CSS :: CSS za pocetnike..... !

[ Pregleda: 1008 | Odgovora: 10 ]

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Djordjevlasotince
Djordje Stojiljković
Heaven Production Sve i svasta....
Vlasotince

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

Sajt: djordjevlasotince.on.neob..


Profil

icon CSS za pocetnike..... !06.04.2008. u 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">
<!--
a:link {
color: #0054FF;
}
-->
</style><style type="text/css">
<!--
a:hover {
color: #FF5151; style:
}
-->
</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]
White Dove fly with the wind, take our hope under your wings..... :)
06.04.2008. u 09:51 

Djordjevlasotince
Djordje Stojiljković
Heaven Production Sve i svasta....
Vlasotince

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

Sajt: djordjevlasotince.on.neob..


Profil

icon Re: CSS za pocetnike..... !06.04.2008. u 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]
White Dove fly with the wind, take our hope under your wings..... :)
06.04.2008. u 10:02 

kazil
Robert Bašić
student, wannabe freelancer
Bačka Topola

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

Jabber: kazil@elitesecurity.org
ICQ: 446475288
Sajt: www.vtssu.rs/~kazil


Profil

icon Re: CSS za pocetnike..... !06.04.2008. u 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.
And Your Books I Shall Forever Read...
Earth is but one country, and mankind its citizens...
06.04.2008. u 11:10 

bantes9
Branko Markovic
Beograd

Član broj: 119554
Poruke: 650
79.101.70.*



Profil

icon Re: CSS za pocetnike..... !06.04.2008. u 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
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ć
06.04.2008. u 12:12 

Djordjevlasotince
Djordje Stojiljković
Heaven Production Sve i svasta....
Vlasotince

Član broj: 130651
Poruke: 418
91.150.121.*

Sajt: djordjevlasotince.on.neob..


Profil

icon Re: CSS za pocetnike..... !28.04.2008. u 19:39
E sad

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>


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 !
White Dove fly with the wind, take our hope under your wings..... :)
28.04.2008. u 19:39 

bantes9
Branko Markovic
Beograd

Član broj: 119554
Poruke: 650
77.46.193.*



Profil

icon Re: CSS za pocetnike..... !28.04.2008. u 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
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ć
28.04.2008. u 19:53 

Djordjevlasotince
Djordje Stojiljković
Heaven Production Sve i svasta....
Vlasotince

Član broj: 130651
Poruke: 418
91.150.121.*

Sajt: djordjevlasotince.on.neob..


Profil

icon Re: CSS za pocetnike..... !28.04.2008. u 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 " &nbsp; " sta se treba ukucati da bi se odvojilo, to jest da mi se ne sara ovako kod....
pozZ
White Dove fly with the wind, take our hope under your wings..... :)
28.04.2008. u 20:32 

bantes9
Branko Markovic
Beograd

Član broj: 119554
Poruke: 650
77.46.193.*



Profil

icon Re: CSS za pocetnike..... !28.04.2008. u 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 &nbsp;


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ć
28.04.2008. u 22:14 

Djordjevlasotince
Djordje Stojiljković
Heaven Production Sve i svasta....
Vlasotince

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

Sajt: djordjevlasotince.on.neob..


Profil

icon Re: CSS za pocetnike..... !29.04.2008. u 10:44
Aha.... OK, Hvala..
pozZ
White Dove fly with the wind, take our hope under your wings..... :)
29.04.2008. u 10:44 

Stranger2

Član broj: 143429
Poruke: 448
77.237.111.*

Sajt: www.opera.com


Profil

icon Re: CSS za pocetnike..... !02.05.2008. u 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]
02.05.2008. u 20:53 

aceall
Doboj, RS

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



Profil

icon Re: CSS za pocetnike..... !08.05.2008. u 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.
08.05.2008. u 02:23 

[es] :: Web dizajn i CSS :: CSS za pocetnike..... !

[ Pregleda: 1008 | Odgovora: 10 ]

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.