AR Design
CSS
CSS : CSS alapok (mi ez? hová kell rakni?)

CSS alapok (mi ez? hová kell rakni?)


Mi az a CSS?

CSS-vel az oldalad stílusát adhatod meg, azaz a mi esetünkben (G-Portálosok), a már meglévő stílusunkat írhatjuk felül vele.

CSS használata

A CSS-nek van egy nyitó:

<style type="text/css">

és egy záró része:

</style>

Ezek közé a tag-ek közé jönnek majd a megadni kívánt paraméterek, amelyek portálod egyes részeire vonatkoznak. Fontos tudni, hogy a CSS nagyon érzékeny, akár egy rosszul elhelyezett vessző is gondot okozhat. A nyitó- és záró tag-ek között szereplő parancssor megadásának megvannak a maga szabályai.

Nézzünk egy egyszerű példát, amivel a modulfejlécünk háttérszínét és feliratának színét változtatjuk meg.

td.modtitle

Ez a parancs vonatkozik a modulfejlécünkre, ezt nevezik szelektornak, ezt kell először megadni. Ezután kapcsoszárójelek közé kell megadnunk a háttérszínt (background-color) és a szövegszínt (color). Ez a deklaráció, ami elvégzi a tagek formázást.

td.modtitle
    { background-color: #000000;
      color: #CCCCCCC; }

Figyeld meg, hogyan épül fel a parancsunk. Az lényegében mindegy, hogy a háttérszínt vagy a szövegszínt adod meg először. Annál jóval fontosabb, hogy minden sor végén ott legyen a pontosvessző, s ne szerepeljen más karakter a kódunkban. Láthatod, hogy a deklaráció is két részre osztható: a tulajdonságra, a mi esetünkben pl. a háttérszín (background-color), és az értékre, ami a mi esetünkben színkód (#000000).

Értelemszerűen a nyitó és záró elemek közé kell tennünk a megírt kódunkat, s így kell elhelyeznünk a portálunkra:

<style type="text/css">

td.modtitle
    { background-color: #000000;
      color: #CCCCCCC; }


</style>

Hová kell rakni a CSS-t?

Mivel azt akarjuk, hogy a portálunk stílusát felülírja mindig, akárhová kattint a látogatónk, így értelemszerűen egy bal/jobb oldalra elhelyezett modulba kell raknunk, hogy mindig aktív tudjon lenni. A modul típusa egyszerű modul, s a Forráskódba kell beilleszteni.

 
Menü Plusz

 Üdvözlés
 Regisztráció
 Bejelentkezés
 Honlaptérkép
 Oldal: infó, vk
  AR mackók
 Szabályzat
 Hirdess ingyen!
 Linkcserék
 Buttoncserék
 ALL szövetség

 
AR ajánló

 Design-szettek
 CSS kódok
 Üzenőfal portálodra
 Több kinézet CSS-vel
 Képváltós menü
 Kérdezz-Felelek script
 Különleges frissítés
 Egy modulban több
 Képeffekt CSS-vel
 CSS magyarázat
 Különleges modulstílus
 Különleges modulstílus div

 
Chat


 
Online
2 látogató van itt
 
   
                                   

 

                                                              


Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre