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

FAQ, dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..

[es] :: Web dizajn i CSS :: FAQ, dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..

Strane: 1 2

[ Pregleda: 24026 | Odgovora: 22 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

tOwk
Danilo Šegan
Zemun/Beograd

Član broj: 94
Poruke: 2743
*.dial.InfoSky.Net

ICQ: 9344053
Sajt: alas.matf.bg.ac.yu/~mm011..


+2 Profil

icon FAQ, dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..09.09.2002. u 13:46 - pre 262 meseci
P: Kako da centriram lejer na stranici koji sadrži i druge apsolutno pozicionirane lejere?

O: Mnogi bi istog trenutka predložili okvire (frejmove) ili tabele. Međutim, nijedno ne predstavlja pravo rešenje (tj. to im nije namena).

Kako se koriste lejeri, to je poželjno koristiti CSS2 mogućnosti: ,,margin-left'' i ,,margin-right''.

Kada se obe ove postave na ,,auto'', sadržaj će biti centriran. Naravno, tada je potrebno koristiti i ,,position: relative'' umesto ,,position: absolute''.

Evo i primera:
Code:

<div style="margin-left:auto; margin-right:auto; width:400; background-color: green; position: relative">
<table border="1">
  <tr><th colspan="3">Tabela</th></tr>
  <tr><th>Cena</th><th>Komada</th></tr>
  <tr><td>Bla, bla</td><td>Di-du</td></tr>
  <tr><td>Ble, blo</td><td>Di-da</td></tr>
</table>
<div style="position:absolute; left:200; top:40; width:300; height:150; background-color: blue">
Oleee
</div>
</div>


Tabela je tu samo da se vidi da njena svrha nije za pozicioniranje, kao i da se može sadržaj ubaciti na uobičajen način.

Napominjem da ovo radi samo u CSS2 preglednicima (Mozilla uspešno prikazuje, ne znam za IE). ,,margin-left'' i ,,margin-right'' su još iz CSS1 (a ni ovo IE5.5 ne podržava), a ,,position'' je iz CSS2.

Da bi naterali centrirani lejer da postane ,,containing-block'' (izraz iz CSS2 specifikacije na http://www.w3.org/TR/REC-CSS2), potrebno je da mu ,,position'' ne bude ,,static''. Izborom ,,relative'' smo to obezbedili.

--

Nažalost, ne funkcioniše u IE-u. (Trunks)

[Ovu poruku je menjao Trunks dana 17.10.2002. u 18:44 GMT]

[Ovu poruku je menjao Aleksandar Vasic dana 17.01.2009. u 01:00 GMT+1]
Možda se moje mišljenje promenilo, ali ne i činjenica da sam u pravu.
 
Odgovor na temu

Trunks
Stefan T.
Freelance web/grafički dizajner.
Novi Sad, Srbija

Član broj: 34
Poruke: 2465
*.69.EUnet.yu

ICQ: 28675801
Sajt: Linemotion.com


+1 Profil

icon Re: FAQ - Web Dizajn11.09.2002. u 22:54 - pre 262 meseci
P: Kako da koristim latinična slova "ĐŠĆČŽ" na svojoj stranici?

O: Korišćenje "naših" latiničnih slova je jako preporučljivo. Ukoliko se ne koriste, stranica deluje amaterski i nedovršeno.
Dodajte, ukoliko već niste, Serbian (Latin) u language bar (Control Panel : Regional and Language Options : Languages : Details) ili, ako koristite stariju verziju Windowsa -- Slovenian.

U <head> deo svoje stranice dodajte UTF-8 charset. Primer:
Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Posle toga uključite odgovarajući jezik u language baru, i nesmetano koristite sva latinična slova.

Uputstvo za Windows korisnike.
» Mom, mom, look what I did, mom!
» Look what I did to my hands, I broke 'em!
 
Odgovor na temu

BobMarley
Vedran B
Bologna

Član broj: 148
Poruke: 1161
*.net.hinet.hr

ICQ: 61882680


+1 Profil

icon Re: FAQ - Web Dizajn23.02.2004. u 00:32 - pre 244 meseci
P: Kako i što mogu raditi sa popup prozorima ?

O:


1: http://www.elitesecurity.org/tema/42439
2: http://www.elitesecurity.org/tema/43063

Možete naći o:
- otvaranju i zatvaranju popupa
- visini i širini
- poziciji na ekranu
- izgled popupa (sa ili bez address bara, toolbara ... itd.)
- prosljeđivanje parametara u popup
- izvršavanje pojedine akcije po otvaranju ili zatvaranju popupa

BobMarley (me) ...the legend
 
Odgovor na temu

-zombie-
Tomica Jovanovic
freelance programmer
ni.ac.yu

Član broj: 4128
Poruke: 3448
*.beotel.net

Sajt: localhost


+5 Profil

icon FAQ, dokumentacija, tutorijali, članci i ostali korisni linkovi15.04.2004. u 18:46 - pre 242 meseci
PRE nego što POČNETE

pre nego što počnete da radite sa CSSom, morate da dobro ovladate host jezikom (domaćinom) na koji će se CSS pravila i stilovi primenjivati. kako je ovo u 99% slučajeva (x)HTML, predlažem da krenete od xHTML dokumentacije.

da bi se vaš CSS pravilno primenio na vaš html, prvo sam html mora biti pravilno struktuiran, ugnježden i ostalo. takođe, korisno je (ne zbog CSSa već zbog drugih stvari) da naučite kada valja koji xHTML tag koristiti..



DOKumentacija, SPECifikacija..

sajt od koga sve počinje http://www.w3.org/Style/ i konkretnije za css http://www.w3.org/Style/CSS/. odgovori na bar 80% problema i vaših pitanja se mogu naći u CSS specifikaciji. ne morate je znati celu napamet, ali bar prođite i upoznajte se sa osnovnim principima kojima se vodi CSS.

minimum preporučenih poglavlja (verzija 2.1 CSS specifikacije): 2, 4, 5, 6, 8 i 9, zatim (ne manje važno, ali) 14, 15 i 16.. (a kad to proučite, možete i celu specifikaciju ;).

ovaj sajt osim specifikacija, sadrži još i dosta textova, objašnjenja, kao i linkova ka mnogim alatima za rad sa CSSom..



skupio sam LINKove razbacane po OVOM forumu..

http://www.alistapart.com/topics/css/
ala je majka, tačka. ;)
osim ovog dela oko css, pošto je ovo i WebStandards forum, pogledajte i ostale članke na www.alistapart.com (XHTML, accessibility, usability). iza ovog sajta stoji ekipa oko zeldmana, pa ako pratite blogove možete i njegov na www.zeldman.com.

http://www.glish.com/css/home.asp
vrlo koristan sajt o CSSu. pored tehnika i tutorijala, ima dosta primera dizajna u 2, 3 i 4 kolona (vrlo često pitanje ljudi koji se odvikavaju od dizajniranja uz pomoć tabela ;)

http://tantek.com/CSS/Examples/boxmodelhack.html
IE box model hack. IE tumači zadane margine, dimenzije (širina, visina) i padding drugačije od ostalih browsera (i od standarda, tj pogrešno). na ovom linku možete naći objašnjenje tog problema, i način kako da ga zaobiđete..

http://www.thenoodleincident.com/tutorials/box_lesson/index.html
još malo o kutijama u CSSu..

http://www.codeproject.com/html/cssbeginner.asp?target=css
css for beginners sa codepoint-a. nije nešto naročito, ali možda nekome koristi..

http://www.westciv.com/style_m...cademy/css_tutorial/index.html
veoma obiman i detaljan tutorijal, sa malo prenatrpanom navigacijom. nisam ga detaljno proučio, ali koleginica Conica se kune u njega.. ;)

http://www.w3schools.com/css/default.asp
css tutorijal na simpatičnom w3schools sajtu (samo ponekad porvršnom ili orijentisanom ka IE browseru).. nisam proučio.

http://hotwired.lycos.com/webm...heets/tutorials/tutorial1.html
css u 5 lekcija od web majmuna ;)

kako da promenim BOJE LINKova? :active i :hover mi NE RADE!!

ovo je vrlo čest problem, jer je lako napraviti grešku ako se ne razume tematika. baš kao što je objašnjeno u specifikaciji, svi CSS selektori imaju "meru određenost" (slobodan prevod) koja određuje prioritet po kome se CSS pravila primenjuju. zato je ponekad bitan redosled po kome navodite css pravila. više informacija na:

http://www.meyerweb.com/eric/css/link-specificity.html
http://archivist.incutio.com/viewlist/css-discuss/16337



koji PROGRAMI za rad sa CSSom?

od wysiwyg programa za web dizajn, najpopularniji (možda i najbolji) Macromedia Dreamweaver ima relativno solidnu podršku za CSS. naročito su primetna poboljšanja bila u verziji MX, a verovatno i u najnovijoj MX 2004 (nisam još probao)..

postoji i bar jedan dobar specijalizovan program za rad sa CSSom, a to je Bradbury-jev topSTYLE. fino programče, napisano u delphiju, neki se kunu u njega, a nekima baš i ne odgovara (meni recimo, mada nemam ništa konkretno da mu prigovorim).



koji BROWSER za rad sa CSSom?

moja preporuka je mozilla firefox. čuo sam da su opera 7 i safari dosta napredovali u podršci za CSS u odnosu na svoje prethodnike (operu 6 i konqueror), ali su gecko-based browseri (mozilla & co) i dalje prvi u podršci za CSS. uz to, na mozilu najčešće gleda kao na referentni browser što se tiče web standarda..

još jedan razlog je i to što za mozilu postoji dosta extenzija (i bookmarkleta) koji pomažu u razvoju sajtova. pretražite i isprobajte malo:

texturizer.net extensions: EditCSS, PNH Developers' Toolbar, Reload Every (dok dizajnirate), Venkman (ako često kombinujete CSS sa JSom), Web Developer, LIveHTTPHeaders (nema veze sa CSSom, ali ako ste već web developer), IE View, itd..

i još malo na mozdev extension room..



BOOKmarkLETs? šta i kako?!?

za uvod u to šta su bookmarkleti pogledajte ovaj članak na sitepoint-u. zatim lepo pročešljajte sajtove kao što su www.bookmarklets.com, www.favelets.com kao i http://www.squarefree.com/bookmarklets/.

ako dobar deo vašeg dana provodite u browseru, oduševićete se.. ako se bavite web razvojem, naročito obratite pažnju na web development bookmarklets (npr test styles, edit styles i ancestors).. kao i na mouseover DOM inspector i topographic page layout.



layout sa TRI KOLONE

vrlo česta dizajn tehnika, koji se obilato radila uz pomoć tabela, a ni sa CSSom nije ništa teže:
http://www.positioniseverything.net/guests/3colcomplex.html
http://www.positioniseverything.net/piefecta-rigid.html
http://glish.com/css/2.asp
http://glish.com/css/3.asp
http://css.maxdesign.com.au/floatutorial/tutorial0916.htm
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
http://www.pixy.cz/blogg/clanky/css-3col-layout/
http://www.webproducer.at/flexible-layout/
http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml



// to be continued..


[Ovu poruku je menjao Aleksandar Vasic dana 17.01.2009. u 00:34 GMT+1]

[Ovu poruku je menjao Aleksandar Vasic dana 17.01.2009. u 00:50 GMT+1]
 
Odgovor na temu

Marko Bijelic

Član broj: 3296
Poruke: 1077
*.teol.net

Sajt: markobijelic.com


+1 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..15.04.2004. u 22:10 - pre 242 meseci
http://zeldman.com/externals/
Najveća lista resursa vezanih za web standarde, css i interfejs dizajn u globalu; gotovo svi važniji blogovi, ala, accessbility, advocacy, css, dizajn magazini i alati, dešavanja, ma gotovo apsolutno sve.

http://stopdesign.com/also/references/
Odlična kolekcija referenci ka css resursima, člancima, specifikacijama, diskusionim listama...

http://css-discuss.incutio.com/?page=CssHack
Početna destinacija za css hacks

http://www.mezzoblue.com/zengarden/alldesigns/
http://www.csszengarden.com/
Demonstacija moći i ljepote css dizajna ( strogo preporučeno ;)

http://www.cssvault.com/
Još malo o prirodnim ljepotama css-a

http://www.webstandards.org/
Advocacy & Education, nije na odmet da se posjeti

http://www.accessify.com/tools.../list-o-matic/list-o-matic.asp
List-o-matic, super onlajn alatka za kreiranje css navigacije (dž, ofkors)

http://www.bluerobot.com/web/layouts/
Layouts edukativnog karaktera, isključivo za otuđivanje

http://zeldman.com/
Vrijedi napomenuti još jednom, centralna lokacija za sve aktuelne informacije o CSS-u i Web standardima




[Ovu poruku je menjao -zombie- dana 24.05.2004. u 21:03 GMT]
 
Odgovor na temu

Cube4EVER
Bojan Zivanovic
Pancevo,Srbija

Član broj: 5891
Poruke: 161
*.bisinter.net.

ICQ: 105835691
Sajt: bojanz.blogspot.com


Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..22.05.2004. u 23:15 - pre 241 meseci
Nemogu da verujem da je neko ovo zaboravio;Cista umetnost!
Link je: www.csszengarden.com
Uzivajte!
Posetite moj blog
http://bojanz.blogspot.com
 
Odgovor na temu

Ilija Studen
Novi Sad

Član broj: 3864
Poruke: 859
*.ftn.ns.ac.yu

Sajt: www.activecollab.com


+1 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..01.06.2004. u 15:01 - pre 241 meseci
www.s7u.co.uk
http://www.activecollab.com - Alat za upravljanje projektima
 
Odgovor na temu

sEaGhOsT
Beograd

Član broj: 133
Poruke: 433
*.blueisp.co.yu.

Jabber: seaghost@elitesecurity.org
ICQ: 65119403
Sajt: apple.com


Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..25.02.2005. u 10:46 - pre 232 meseci
Topla preporuka:
http://css.maxdesign.com.au/
Music is essential for my life...
 
Odgovor na temu

adelante
Davor Zeljković
artijana.com, vlasnik
Zrenjanin

Član broj: 22649
Poruke: 126
*.dialup.neobee.net.

Sajt: www.artijana.com


Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..14.04.2005. u 19:52 - pre 230 meseci
http://www.stunicholls.myby.co.uk

I ovaj je odlican
 
Odgovor na temu

vejin
a.k.a. NOVII
Apatin

Član broj: 36383
Poruke: 524
213.137.127.*

Sajt: zanimljiv.org


+22 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..29.07.2005. u 13:14 - pre 227 meseci
Da li moze koji link na nasem jeziku.vidim da ovo nije sala i da se valja nauciti.
dajte nam sve podatke i dajte nam slobodu odlučivanja
novii blog
 
Odgovor na temu

IT_DooX
19º 51' | 45º 20'

Član broj: 66890
Poruke: 434

Jabber: IT_DooX@elitesecurity.org
ICQ: 274101221


+32 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..06.09.2005. u 17:38 - pre 225 meseci
Citat:
vejin: Da li moze koji link na nasem jeziku.vidim da ovo nije sala i da se valja nauciti.


Ja sam poceo da prevodim tutoriale sa www.w3.org sajta ali to dosta sporo ide i da ih ubacujem na moju stranicu.I samu stranicu radim u html i CSS koristim.Uvek i u svemu koristim CSS jer mi je mnogo lakse sve,dok nisam njega koristio mnogo sam se patio sa izgledom sajta,sada sam prezadovoljan.Iz tog razloga sam i poceo da prevodim te neke tutorijale koje cu uskoro i postaviti na web page.Doduse nece biti nista specijalno,samo ono sto oni imaju tamo,ali i to je nesto,meni je w3.org posluzio kao referenca da naucim CSS.Ako neko zeli da ucestvuje u prevodjenju i postavljanja tutoriala i stranica na nas jezik neka mi se javi.Ili organizujte to sami.Ja nemam znanje da napravim tutoriale sam pa zato moram da ih prevodim.
Backup not found: (A)bort, (R)etry, (P)anic.
Computers also eliminate spare time.
There were computers in Biblical times. Eve had an Apple.
Koristite Jabber
 
Odgovor na temu

JimRainor
Novi Sad

Član broj: 26018
Poruke: 264
*.panline.net.



+2 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..02.10.2005. u 11:47 - pre 225 meseci
Vidim da ste zaboravili albinoCrnu ovcu. Veoma dobar tutorial, iako zahteva nekakvo predznanje:
http://www.albinoblacksheep.com/livedesign/
We've arranged a global civilization in which the most crucial elements profoundly
depend on science and technology. We have also arranged things so that almost no
one understands science and technology. This is a prescription for disaster.

Carl Sagan
 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+710 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..14.01.2006. u 23:21 - pre 221 meseci
Dosta korisnih informacija o veb dizajnu i veb programiranju na srpskom na:

http://svezaweb.dzaba.com/
 
Odgovor na temu

nesa0
backa palanka

Član broj: 81091
Poruke: 68
*.nspoint.net.



Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..12.03.2006. u 23:17 - pre 219 meseci
Nekoliko tutorijala na srpskom
http://www.cet.co.yu/r_teme.htm
nesha
 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+710 Profil

icon Re: FAQ - Web Dizajn17.03.2006. u 15:05 - pre 219 meseci
P: Kako da mi se isti tekst (npr. meni) pojavljuje na svim stranicama, a da ne moram ručno da ih editujem i ubacujem?

O: Korišćenjem neke od sledećih tehnika:
1) Server Side Includes http://en.wikipedia.org/wiki/Server_Side_Includes
2) PHP, ASP ili neki treći serverski skripting jezik (konsultovati odgovarajuće forume na ES i http://www.php.net)
3) Frejmovi ili IFRAME-ovi (konsultovati neki priručnik za HTML)
itd.

Takođe pogledati npr.
http://www.elitesecurity.org/tema/83882



P: Kako da na svoj sajt dodam komentare (anketu, brojač poseta), a da ne koristim gotove servise sa drugih sajtova?
O: Nažalost, za ovo morate koristiti neki program na serverskoj strani. Najčešće se koriste PHP i ASP (http://www.php.net http://www.elitesecurity.org/forum/12), za koje postoji već brdo gotovih rešenja na Internetu (http://www.hotscripts.com/)

Takođe pogledati npr.
http://www.elitesecurity.org/tema/25528



P: Da li je pametno da postavim ulaznu stranicu (splash screen), ili da korisnici na sajt ulaze direktno?
O: Pogledajte sledeću temu: http://www.elitesecurity.org/t...s-sajt-direktno-ili-prvo-enter

[Ovu poruku je menjao jablan dana 05.05.2006. u 12:06 GMT+1]
 
Odgovor na temu

bantes9
Beograd

Član broj: 119554
Poruke: 1058
*.yubc.net.



+39 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..10.02.2007. u 21:28 - pre 208 meseci
http://www.alistapart.com

Dosta clanaka vezanih za web dizajn, ali na engleskom jeziku.
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

djyova
Pozarevac

Član broj: 101973
Poruke: 1018
*.ptt.yu.

Sajt: www.youtube.com/djyovaser..


+775 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..04.03.2007. u 01:53 - pre 207 meseci
Da li neko ima link gde moze da se skine fajl sa svim css komandama? Znaci ne tutorijal vec jednostavno popis svih mogucih komandi.
 
Odgovor na temu

Error404
freelancer
Zemun

Član broj: 37243
Poruke: 104
*.adsl.beocity.net.



Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..13.03.2007. u 22:17 - pre 207 meseci
http://numbersandshapes-design.blogspot.com/
ima i css tutoriala na srpskom i svasta jos a ako vam nesto nije jasno mozete slobodno i da pitate - komentari su dozvoljeni za sve
nvdizajn.freezoka.com
 
Odgovor na temu

toplim
Pera Furundzija

Član broj: 23551
Poruke: 806
212.62.39.*



+45 Profil

icon Re: dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..02.12.2007. u 17:37 - pre 198 meseci
Ako trazite tutoriale na "NAŠEM" jeziku mislim da postoji jedno fino mesto za to. I ono sto je vazno prvo sve lepo skinete pa citate. Ima puno stvari o web dizajnu pored ostalog...

http://tutoriali.org

Ali morate prvo da se registrujete. Verujte mi isplati se.
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: FAQ - Web Dizajn12.10.2008. u 18:01 - pre 188 meseci
P: kako da centriram element (div) po vertikali?

O: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
 
Odgovor na temu

[es] :: Web dizajn i CSS :: FAQ, dokumentacija, tutorijali, članci, i ostali korisni i zanimljivi linkovi..

Strane: 1 2

[ Pregleda: 24026 | Odgovora: 22 ] > FB > Twit

Postavi temu Odgovori

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