Lekerekített téglalap CSS-sel a mefiblogon

« Lekerekített téglalap CSS-sel »

A Weblaboron találtam ezt az ügyességet. Manapság elég népszerűek a lekerekített elem, őszintén szólva én is kedvelem: kedvesebb, letisztultabb, elegánsabb. Ha ilyet akarunk csinálni, mindenképpen képekből kell összevagdalnunk, de ez nem elég dinamikus, nem tudjuk méretezni és egyébb problémák vannak vele.

Mindenképpen ügyes okosság, bár a kódja eléggé zavaros. Nagyjából hat-hét elemből áll egy lekerekített blokk, CSS megoldással

Kommentek

A bejegyzéshez érkezett kommentek, amiket RSS csatornán is követhetsz.

Én is láttam. Első látásra ügyes, de ha joban megnézzük egy kalap szar. Kb. olyan mintha a pixeleket div-ekkel helyettesíteném, vagy a design-t ASCII-ban rajzolnám.

hát, mit ne mondjak, nem egy stílusos megoldás. ennyi erővel szinuszgörbét is készíthetünk, CSS-sel. és ez sem méretezhető, annyi az egész, hogy úgy építi fel, mintha egy kép lenne és a pixelek pedig DIV-ek más-más háttérszínnel.

tetszenek ezek a lekerekített dolgok, de ez túl bonyolult.
~~Webalboron~~ Weblaboron :P

nyertél moikboy. (reload before you type)

majd ha lesz a böngészőkben CSS3 támogatás, akkor lehet használni a border-radius CSS selectort. http://www.w3.org/Style/Examples/0[…]

állítólag az opera 9 final már tudni fogja.

ui.: a blogomon felvetettem egy problémát az operával kapcsolatban, vetne rá valaki hozzártő egy pillantást?

mcbuddha: szinuszgörbékkel kapcsolatban moikboyt kérdezd! ;)
Dani: köszi. Ebből is látszik, hogy kevesen olvassák figyelmesen, sok karakter egyezik -> weblabor, és kész.

Láttam már ennél szebb megoldást is.

Nekem lenne egy letisztultabb megoldásom (nem kell 7 kép, elég egy kép 3 részre darabolva)

1. lépés: a kívánt doboz felszeletelése.

2. lépés: 3 cellás táblázat létrehozása. Az első cellába a doboz teteje, a másodikba a doboz közepe, és egy div tag, a harmadikba pedig a doboz alja kerül.

3. lépés: a táblázatot minden elemével együtt elhelyezzük egy Div tag-ben.

4. lépés: a Div tag-et pozícionálod.

5. lépés: a szöveget ami a dobozba kerül, azt a táblázaton belül lévő Div-ben elhelyezed, és ha kell megformázod…

(ha nem jó ak pls írjátok meg, hogy mi vele a baj, mert 16 éves vagyok, fáradt, és ember, szóval énis tévedhetek :) )

jajj, és a második cellában a képet nyugodtan lehet y tengelyet ismételgetni (css-sel)

Új komment

Itt az adott bejegyzésben elhangzottakhoz szólhatsz hozzá. Ha primitív, csúnya, vagy bunkó erkölcsről teszel tanúbizonyságot, tuti, hogy kimoderállak és rosszat mondok rólad. A hozzászólás nem kötelező, amit írsz vállald föl!

Ezeket az adatokat - ha a böngésződ kezeli a kukikat - csak egyszer kell megadnod, később módosíthatod.

Ha van gravatarod - és a gravataros e-mail-címeddel kommentálsz -, akkor az megjelenik. Ha nincs, vagy nem tudod miaz, akkor olvasd el az útmutatót és regisztrálj.

Neved: E-mail címed (nem jelenik meg): Webszájtod (ha van): Kommented: Mennyi kettő és négy összege?
Ez védelmi célokat szolgál, szimplán írd be a fenti összeadás összegét!

A kommentedet írhatod nagyobb mezőbe vagy akár formázhatod is, de ha nem szalonképes, akkor moderálom!