2. Fórumok
  3. Szoftverfejlesztés
  4. CSS topic

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

  • #688 cizella csendes tag okay #687
    Új Válasz #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">
    <!--
    ide jön az összes formázás, színek, háttérképek, betűk, linkek, stb., pl ilyenek

    body {
    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

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