Fix Oldalmodul egyszerűen
Most arról szeretnék írni hogy hogyan hozzunk létre könynen és egyszerűen egy db fix oldalmodult!
Itt a kód hozzá:
.column_side {
position: fixed;
margin-right: 50px;
margin-left: 50px;;
width: 380px;}
Most jön a dolog magyarázós része, a position: fixed; sor gondoskodik arról hogy az oldalsáv az ott maradjon ahová raktad, akárhová is görgetsz. A külömböző marginokkal lehet beigazgatni a modult a helyére.
Fontos dolgok!
-
Nem érdemes egynél több fix modult létrehozni ezzel a módszerrel.
-
A kód szempontjából lényegtelen hogy a jobb vagy a baloldali sávban van a modulod, mindkettőt odapakolja egymásra!
-
Ha ezt a módszert használod akkor érdemes a css-t a láblécbe rakni, vagy ha kifér egy új modulba alá.
-
Nem bannermentesített oldalaknál elég csekély hely áll rendelkezésre a fix modulunknak.
-
Ha az oldalsáv poziciója fix akkor a középső sáv(.column_main) alap esetben alámászik, érdemes neki beállítani ezt: border-left: oldalsó modul szélessége + jobb és bel marginjai+középső modul marginja eredetileg;
És egy kis emlékesztető, a .column_side td.modtitle-vel hivatkozunk az oldalsó modulok modulfejlécére, és a .column_side td.modbody-val a tartalmi részére.
Remélem hasznos volt!
|