Új hozzászólás Aktív témák
-
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
"A későn megjött ész olyan, mintha meg se jött volna."
-
cizella
csendes tag
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">
<!--
ide jön az összes formázás, színek, háttérképek, betűk, linkek, stb., pl ilyenekbody {
background-color: #CCC;
}#header {
height: 200px;
}#content {
padding: 10px 20px;
}-->
</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"A későn megjött ész olyan, mintha meg se jött volna."
-
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.htmMit é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.aspEleinte 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.
[ Szerkesztve ]
"A későn megjött ész olyan, mintha meg se jött volna."
-
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
"A későn megjött ész olyan, mintha meg se jött volna."
Új hozzászólás Aktív témák
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Promenade Publishing House Kft.
Város: Budapest