CSS : Lekerektett modulok |
Lekerektett modulok

"Border-radius"-szal menfejlceink, moduljaink sarkait lekerekthetjk. Elre szlunk, hogy ez a lekerekts I.E. alatt nem fut, teht, aki Explorert hasznl sima szgletes modulokat fog ltni tovbbra is!
Ha ennek ellenre is szeretnd alkalmazni, olvass tovbb.
-moz-border-radius: 5px; /* lekerekts mrtke mozzilban */
-webkit-border-radius: 5px; /* lekerekts mrtke chrome-ban */
Ezt a kt sort kell a CSS kdodban oda beilleszteni, amit szeretnl lekerekteni (zrjeles magyarzattal egytt msolhatod nyugodtan, gy is mkdik!). Ha a menfejlcet szeretnd, akkor keresd meg td.modtitle rszt, s a {} kz illeszd be, ha a modulok tartalmi rszt szeretnd, akkor a td.modbody-t keresd meg, s szintn {} kz illeszd be. De brhol kiprblhatod a CSS kdban, pl. vendgknyv bejegyzseinek fejlcnek lekerektse esetn a td.listheader3-hoz msold, hrek/cikkek modul bejegyzseinek fejlce esetn td.list3 stb.
Azoknak, akik nem rtenek annyira a CSS-hez, hogy maguk illesszk be a kdrszletet, me pr varici. Nektek csak a sznkdokat kell trni s a lekerekts mrtkn vltoztatni, a // kztt rtak a segtsgedre lesznek, ezeket a magyarzatokat nem kell trlnd, a kd gy is mkdik!
Menfejlc lekerektse:
<style type="text/css">
td.modtitle
{background-color: #96a592; /* menfejlc htternek szne */
height: 22px; /* menfejlc magassga */
color: #e4e4e4; /* modul nevnek szne */
-moz-border-radius: 5px; /* lekerekts mrtke mozzilban */
-webkit-border-radius: 5px; /* lekerekts mrtke chrome-ban */}
</style>
Tartalmi rsz lekerektse:
<style type="text/css">
td.modbody
{background-color: #96a592; /* modul htternek szne */
color: #e4e4e4; /* modul tartalmnak szne */
-moz-border-radius: 5px; /* lekerekts mrtke mozzilban */
-webkit-border-radius: 5px; /* lekerekts mrtke chrome-ban */}
</style>
Menfejlc s tartalmi rsz lekerektse:
<style type="text/css">
td.modtitle
{background-color: #96a592; /* menfejlc htternek szne */
height: 22px; /* menfejlc magassga */
color: #e4e4e4; /* modul nevnek szne */
-moz-border-radius: 5px; /* lekerekts mrtke mozzilban */
-webkit-border-radius: 5px; /* lekerekts mrtke chrome-ban */}
td.modbody
{background-color: #96a592; /* modul htternek szne */
color: #e4e4e4; /* modul tartalmnak szne */
-moz-border-radius: 5px; /* lekerekts mrtke mozzilban */
-webkit-border-radius: 5px; /* lekerekts mrtke chrome-ban */}
</style>
Lekerektsek megadsa sarkanknt:
Ha csak egy adott sarkot szeretnl lekerekteni, akkor egyesvel is meghatrozhatod ket. Termszetesen kombinlhatod ezeket kedved szerint. Mindig rakd be a mozzils s a webkites bngszre vonatkoz kdrszletet is.
Mozzila:
-moz-border-radius-topright << jobb fels sarok
-moz-border-radius-topleft << bal fels sarok
-moz-border-radius-bottomright << jobb als sarok
-moz-border-radius-bottomleft << bal als sarok
Webkites bngszk:
-webkit-border-top-right-radius << jobb fels sarok
-webkit-border-top-left-radius << bal fels sarok
-webkit-border-bottom-right-radius << jobb als sarok
-webkit-border-bottom-left-radius << bal als sarok
|