Keresés: - CSS topic - PROHARDVER! Hozzászólások

Hirdetés

Legfrissebb anyagok

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

LOGOUT témák

Keresés

Új hozzászólás Aktív témák

#762 cizella csendes tag Brown ügynök #760

Új Válasz 2011-08-05 19:46:10 #762
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

cizella

csendes tag

válasz Brown ügynök #760 üzenetére

Ismerem, köszi (az elejét ki is nyomtattam annak idején), jól összeszedett sorozat; a frissesség igazából a böngészők miatt érdekes - ma már nemigen érdekel senkit, hogy hogyan lehet IE6 kedvéért hekkelni. Amúgy minden jó cikket megéri elolvasni: évek óta kóstolgatható a css3, de még mindig tud (legalábbis nekem) újat mutatni a css2.
Na még egy link: http://www.tutorial.hu/html5-es-css3/, szabványkövető statikus weboldalak szerkesztése, benne HTML5 és CSS3 (az eredeti cím kicsit másképp hangsúlyoz), a legújabb munkapéldány júniusi dátumú.
vakondka: nagyon gratulálok
#759 cizella csendes tag Babetta-X #757

Új Válasz 2011-08-04 23:50:15 #759
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

cizella

csendes tag

válasz Babetta-X #757 üzenetére

Selejtezz le mindent, ami nem használ css-t. És ha egyszer rájössz, hogy mit és hogyan, az anyja se fog ráismerni a wordpressedre
Elméleti gyorstalpalók (kicsit régiek, de nem gond):
http://weblabor.hu/cikkek/cssalapjai1
http://www.friweb.hu/htmlinfo/css_ref/cssmain.htm
Mit és hogyan (második linkről indulva mindet ki is lehet próbálni):
http://w3schools.com/cssref/default.asp
http://w3schools.com/css/css_examples.asp
Eleinte az a nehéz kérdés, hogy hol. Néhány (nem túl elegáns, de használható) navigációs tipp:
Operában válaszd ki a Nézet menüben a "class és id" stílust, a honlap részeihez hozzá fogja rendelni a megfelelő css elemeit. Vagy
Firefoxhoz töltsd le a web developer-t, válaszd a "View Style Information" menüpontot. Vagy
ha valamiről nem tudod eldönteni, hogy melyik részt formázza, színezd át feltűnőre a hátteret (pl. background-color: #0F0; ) - az illetékes terület ideális esetben elszíneződik.
Kellemes beleszerelmesedést kívánok.
#695 cizella csendes tag fari1993 #694

Új Válasz 2011-01-07 19:49:41 #695
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

cizella

csendes tag

válasz fari1993 #694 üzenetére

Generálmegoldásnak pedig ott az overflow: hidden
#688 cizella csendes tag okay #687

Új Válasz 2011-01-06 22:56:39 #688
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

cizella

csendes tag

válasz okay #687 üzenetére

Nem biztos, hogy értem a problémát, ezért elnézést, ha egészen más szinten akadtál el (bármelyiken el lehet).
Nagyon vázlatos vázlat egy lehetséges verzióra:
<html>
<head>
mindenfélék
<style type="text/css">

</style>
</head>
<body> ide kerül a tartalom, logikusan elrendezve
<div id="header">
ez itt egy fejléc
</div>
<div id="content">
ez meg a honlap lényege
</div>
<div id="footer">
ez pedig a lábléc
</div>
</body>
</html>
A vastagbetűs sorok közé illesztheted be a letöltött stílusokat. DE: csak akkor fognak működni, ha összhangban vannak az utána következő részekkel, vagyis az oldal alján meg kell hogy legyen a formázott részeknek a párja, pl. a fenti #header-hez alul tartozik egy "id header", és mivel fent nincsen #footer, a lábléc nem tud szépen megformázódni. Ha a Stylish kiegészítővel facebook-formázást töltöttél le, akkor az csak facebookhoz használható. (Vagyis nem egészen, de inkább megéri vadiúj oldalt gyártani, mint kész stíluslaphoz egy tartalmi részt toldani.) A háttérszín akkor is mozdulatlannak látszik, ha teljesen eltakarja egy háttérkép (ami nem feltétlenül tűnik háttérképnek).
Gyorstalpaló: http://weblabor.hu/cikkek/cssalapjai1
Lassútalpaló: http://pcworld.hu/a-weboldalkeszito-suli-sorozat-reszei-20100601.html
#649 cizella csendes tag Speeedfire #633

Új Válasz 2010-07-25 09:25:39 #649
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

cizella

csendes tag

válasz Speeedfire #633 üzenetére

néhány link (kicsit régiek, de szerintem a többségük még használható): http://delicious.com/hollita/css
css3 tippgyűjtemény: http://www.smashingmagazine.com