Preskoči na sadržaj
Ista raja. Nova runda.
GAMERZ.ba — REBORN
Diskusija U kanti

[TUT] - CSS by MaxN

249 pregleda · 24 odgovora · otvorena 17.01.2010. u 14:22

Pozdrav svima, radim na ovom tutorijali 1 tjedan. Ovaj tutorijal što ću ga sada postaviti je samo jedan dio, bit će ih još nekoliko, ali kad ih završim, sljedeći tjedan bi mogla biti još 2! Pa da počmemo!
______________________________________________

Umetanje Style Sheet-a
Cascading Style Sheet može se umetnuti u HTML na 3 načina. Prvo, style elementi mogu se dodati direktno u HTML tag, što se zove "inline" style sheet. Drugo, style sheet može biti dio HTML dokumenta ("internal" style sheet), a to podrazumijeva direktno upisivanje u HTML dokument u <head> područje. Na kraju, može biti odvojeni "external" style sheet te će se pozivati pomoću web adrese (URL-a) svaki puta kad se HTML dokument bude učitavao. Link za odvojeni external style sheet također će se smjestiti između <head> tagova.

Inline Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
</head>
<body>
<p style="style elementi idu ovdje">
</p>
</body>
</html>

Internal Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
<style type="text/css">
style elementi idu ovdje
</style>
</head>
<body>
Sadržaj ide ovdje
</body>
</html>

Ovaj dio je CSS:

<style type="text/css">
style elementi idu ovdje
</style>

External Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
<LINK href="filename.css" rel="stylesheet" type="text/css">
</head>
<body>
Sadržaj ide ovdje
</body>
</html>

Vanjski (external) file povezan je s našim HTML dokumentom pomoću:

<LINK href="filename.css" rel="stylesheet" type="text/css">
Svi style elementi biti će smješteni u poseban, odvojeni CSS dokument te mu se dodaje .css extenzija!

UOČITE :
Ako external style sheet nije u istom direktoriju gdje je HTML dokument onda to morate odrediti bili apsolutnim bilo relativnim putem do fajla: LINK href="http://myaddress.com/filename.css" rel="stylesheet" type="text/css" .

Pa koji ću onda način koristiti?

* Inline style nije naručito praktičan jer morate pisati CSS za svaki tag.
* Ako imate samo nekoliko web stranica upotrijebite internal style sheet.
* Ako imate website sa mnogo stranica koje koriste style elemente iskoristite external file. U tom slučaju ako npr. želite promijeniti boju ili veličinu texta na svim vašim stranicama nećete morati mijenjati sve HTML dokumente nego samo onaj sa .css extenzijom!

To bi bilo to!

Sljedeći tutorijać će biti o: Background & Color (Pozadina i boja)
Sta se ulizujes sad pises tutoriale kad je konkurs sto nisi prije pisao

@tut

Dobar :D
dixbn11 je napisao/la:
Sta se ulizujes sad pises tutoriale kad je konkurs sto nisi prije pisao

@tut

Dobar :D
Pa moram malo! :D:D

Salim se, tut sam počeo pisati ima 1 tjedan, bio bi i prije gotov, ali nisam imao baš puno slobodnog vremena prethodni tjedan!
Iskreno, nidje vezze. Ulizujes se riddlu da ti da moderatora
Ovo bi ja napisao za 2 h

Al' svaka cast na trudu

Son1K
Taman ja nasao

http://www.docstoc.com/docs/2148989/CSS-Tutorial


EDIT:

Sad kad podje na indexu TUT , TUT, TUT
MaxN je napisao/la:
Pa moram malo!

Salim se, tut sam počeo pisati ima 1 tjedan, bio bi i prije gotov, ali nisam imao baš puno slobodnog vremena prethodni tjedan!
Joj jarane jos da je tvoj tutorial dobro bi bilo.

Kako bolan mozes nas lagati ovde a !?

DOKAZZZZZZZZZZZZZZZZZZZZZZ

jacky je napisao/la:
Iskreno, nidje vezze. Ulizujes se riddlu da ti da moderatora :(
Ovo bi ja napisao za 2 h

Al' svaka cast na trudu ;)

Son1K
Taman ja nasao :D

http://www.docstoc.com/docs/2148989/CSS-Tutorial


EDIT:

Sad kad podje na indexu TUT , TUT, TUT :D:D:D:D
Nismo svi pametni kao ti!

Netko ovo nezna, a potrebno mu je!

Trebao si se prije sjetiti i napisati ti ovaj tut i naravno to bi ti pomoglo da postaneš moderator! Pošto želim postati moderator, nevidim razloga zašto nebi počeo pisati tutorijale i povećati šanse!?
Mogo si brate bar prevst sa engleskog ili sa nekog tamo azerbejdzanskog sitea a ne ovako ...
MaxN je napisao/la:
Nismo svi pametni kao ti!

Netko ovo nezna, a potrebno mu je!

Trebao si se prije sjetiti i napisati ti ovaj tut i naravno to bi ti pomoglo da postaneš moderator! Pošto želim postati moderator, nevidim razloga zašto nebi počeo pisati tutorijale i povećati šanse!?
Pa trebo si bar dole napisati odakle si preuzeo tutorial
Son1K je napisao/la:
Pa trebo si bar dole napisati odakle si preuzeo tutorial
Onda nebi dobio moda
Son1K je napisao/la:
Pa trebo si bar dole napisati odakle si preuzeo tutorial ;)
Uzeo ga sa servera od jedne firme!
FAIL : /

Trebas nesto sam osmislit , il' navest odakle crpis informacije i podatke , il' na kraju napisati Copy/Paste !
cntr je napisao/la:
Onda nebi dobio moda ;)
Pa da, u pravu si! :D
MaxN je napisao/la:
Pa da, u pravu si! :D
dzaba se nadas lol i ovako i onako nes bit mod D;
ned je napisao/la:
dzaba se nadas lol i ovako i onako nes bit mod D;
Pa znam da neću, ali eto, vrijedi pokušati!

Ovdje se najviše gleda ID!
MaxN je napisao/la:
Pa znam da neću, ali eto, vrijedi pokušati!

Ovdje se najviše gleda ID!
Ko to kaže ?
GAZZEL je napisao/la:
Ko to kaže ?
Ja to kažem!

Gleda se ID i naravno gledaju kako bi svoje prijatelje ubacili!

Prijavi se da bi odgovorio/la na ovu temu.