HAMAROSAN KÉPEKKEL
Akár modulnak, szövegnek, vagy képnek is beállíthatsz keretet, csak a megfelelő részhez kell írnod a CSS-ben /modtitle, modbody, img, mondjuk a félkövérhez stb.../
Lehet akár ez lekerekített, vagy csak a teteje megjelenő, de ezt úgyis látjátok a leírásomban.
Mivel a keret az border-ként szerepel a css-ben, ezért úgy is kell használni, úgy fog megjelenni.
Az egész keretben van
Ennél az a fontos, hogy mind a négy oldalán belegyen állítva a keret. Ehhez ezeket a beállításokat kell használnod:
border-top: 2px solid #színkód; /*felül megjelenő keret*/
border-bottom: 2px solid #színkód; /*alul megjelenő keret*/
border-left: 2px solid #színkód; /*bal oldalon...*/
border-right: 2px solid #színkód; /*jobb oldalon...*/
|
|
|
A solid helyett amit tudsz használni /az összesnél lehet akár különbözőt/
-
double
-
dotted
-
dashed
-
groove
-
ridge
-
inset
-
outset
-
initial
-
hidden
-
none
Csak bal/jobb oldalon található
Nekem ilyen megoldás az ikonbázisomban található, ez is mutatós, menüstílusként is megállja a helyét. Itt az a lényeg, hogy a kódban csak a border-left részhez írj /vagy border-right/, olyan beállítást amit szeretnél.
Csak alul található
Itt értelemszerűen a border-bottom beállítást kell csak megtartanod, és alkalmaznod. Ezt kell használnod, hogyha a félkövér/dőlt/aláhúzott/link meg egyéb szövegtípusokat szeretnéd, hogy aláhúzottak legyenek. Itt is érvényes a double/dotted/solid közül választás, de ez természetesen az összes keretnél.
Csak fölül található
Itt természetesen a border-top a megoldás erre a helyzetre.
Ez a három /csak bal..., csak alul..., csak fölül.../ variálható, és akár egybe is használható, hogy oldalt meg alul van csak, vagy fölül meg oldalt /ikonbázisomban van erre a példa/
Lekerekített keret
Ezt is egy egyszerű kóddal lehet elérni, amit ahhoz a részhez kell raknod, ahol található neked a kereted.
Ez az 5px csak egy példa, próbálgasd, és úgy állítsd be ahogy neked tetszik.
|