SÜNILANDMinden ami számomra érdekes, vicces, hasznos

Érdekes, hasznos linkek a CSS világából

CSS jelenleg már elválaszthatatlan része a korszerű weblapok készítésének, de legalábbis javasolt annak használata. Ez nem egy olyan dolog, hogy követni kell a webprogramozási divatot, hanem egyszerűen azért kell használni, mert jó és bizonyos dolgokat könnyebb megvalósítani általa. Egy oldal tervezésénél sokszor nagy haszna van a CSS galériáknak, fórumoknak, hiszen ötletet meríthetsz belőlük, vagy véleményt kérhetsz.
Általában ezekben a galériákban gyönyörű oldalak vannak mind design, mind CSS szempontjából (sokszor már túl sok is a CSS használata). Sokat lehet fejlődni ezekből, az oldalakból, persze csak akkor, ha van egy alapszintű ismereted.A felső menüből most már működik a CSS menüpont, használjátok egészséggel ezt a válogatást.A felső menüből most már működik a CSS menüpont, használjátok egészséggel ezt a válogatást.

CSS referencia
http://htmlinfo.polyhistor.hu/css_ref/cssmain.htm

CSS level 2 CSS2 Specifikáció
http://htmlinfo.polyhistor.hu/css2ref/cover.htm

W3C CSS (1, 2.1, 3)
http://www.w3.org/Style/CSS

w3schools
http://www.w3schools.com/css/css_reference.asp

W3C validátor
http://jigsaw.w3.org/css-validator

CSS tulajdonságok leírása
http://www.dhtmlgoodies.com/scripts/css-lookup/css-lookup.html

Design galériák, fórumok
CSS beauty: http://www.cssbeauty.com
CSS vault: http://cssvault.com
CSS drive: http://www.cssdrive.com
Unmatched Style: http://www.unmatchedstyle.com
CSS import: http://www.cssimport.com
Stylegala: http://www.stylegala.com
PigPen: http://pigpen.info

A következő kettő is tulajdonképpen galéria, de kicsit más, mint az előzőek.
A CSS Zengarden egy nemzetközi CSS népszerűsítő akció, melyben akárki részt vehet, aki egy megadott séma alapján tervez egy oldalt és feltölti szerverükre. Itt több száz design található, mind ugyanarra a sémára (HTML alapra).
CSS Zengarden: http://csszengarden.com
Mezzouble: http://www.mezzoblue.com
Az utóbbi szorosan kapcsolódik a Zengardenhez, megtalálható a Zen összes design-ja.

A böngésző scrollbar-jának, gördítő sávjának a kinézetének a megváltoztatása
http://www.hesido.com/web.php?page=customscrollbar

Betűméret választó
http://weblabor.hu/cikkek/betumeretvalaszto

Dinamikusan animált Tooltip (Multipopup)
http://www.hesido.com/web.php?page=multipopup

Stíluslapok menet közbeni lecserélése
http://www.alistapart.com/articles/n4switch/

Hover emulálás JavaScripttel
Avagy Internet Explorer alatt hogyan lehet a HTML elemeknek (DIV, IMG, stb) egyszerűen – hover.htc script fájl segítségével – egérkezelést adni.
tag { behavior: url(hover.htc); }
http://users.hszk.bme.hu/~hj130/css/list_menu/hover/

qTip – CSS Tooltips
http://solardreamstudios.com/learn/css/qtip

13 menü megvalósítása CSS-el, letölthető kódokkal
http://www.13styles.com/

CSS-el megvalósított fixált oldalszerkezet
http://www.gunlaug.no/tos/moa_8d.html
http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight

CSS lépésről-lépésre:
a design tervtől a kész oldalig
http://weblabor.hu/cikkek/designbolkeszoldal

Hogyan készítsünk lista menüt lépésről lépésre
http://www.alistapart.com/articles/taminglists
http://css.maxdesign.com.au/listutorial

Szöveg lecserélése grafikára CSS segítségével
Amennyiben szeretnénk pl. címfeliratokhoz képeket használni, akkor a keresőoptimalizálás szempontjából, szerencsésebb, ha az alábbi lehetőségeket választjuk, ugyanis a kereső szöveget lát a weblapot figyelő pedig szép képet képes feliratokat
http://www.stopdesign.com/articles/replace_text

A CSS float tulajdonságának bemutatása
http://css.maxdesign.com.au/floatutorial

Form button szépítgetés
http://www.themaninblue.com/writing/perspective/2004/04/28

Form szépítgetés
http://www.themaninblue.com/experiment/InForm/fieldset.htm

Nyomtatóbarát verzió kialakítása CSS-el
http://www.alistapart.com/articles/goingtoprint
http://wsabstract.com/dhtmltutors/cssmedia2.shtml

Rengeteg hasznos CSS leírás
http://www.satzansatz.de/css.html

CSS tulajdonságok tesztje
http://brunildo.org/test

PNG használata a gombok kialakításánál
http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors

Css weblapok gyűjteménye
http://www.csselite.com

CSS lépésről-lépésre: dobozolás – Bártházi András
http://weblabor.hu/cikkek/dobozolas

Letölthető layoutok. Fix méretre és böngésző ablakhoz igazítva
http://blog.html.it/layoutgala

CSS menük, galériák, oldalkialakítások, dobozok, átlátszóság. Rengeteg példával.
http://www.cssplay.co.uk

CSS library
Ahol menüket, képek és formok formázási lehetőségeire, gombok, linkek kinézetének módosítására, oldalszerkezetek kialakítására és még sok hasznos dologra lehet nagyon jó példákat találni.
http://www.dynamicdrive.com/style

Ingyenes CSS templatek.
Rengeteget lehet tanulni a templatek kódjainak áttanulmányozásával + fel is használhatóak weblapok készítéséhez.
http://www.freecsstemplates.org/css-templates
http://www.openwebdesign.org/browse.php

Szépen megvalósított CSS weblapok gyűjteménye
http://bestwebgallery.com/category/css
http://cssmania.com

Ami még hasznos lehet
http://www.centricle.com/ref/css/filters
http://exploding-boy.com/images/EBmenus/menus.html
http://imfo.ru/computers/accessibility-ccs-menu