« 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 RSS ikon
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!

Ajánló
Ebben a témában, esetleg ezen a napon voltak még ilyenek is:

Felvi.hu - ez azért jó (2007. június 19., 09:37:00)
myVIP (2006. december 28., 01:01:58)
Zoho Writer (2005. december 06., 04:00:00)

Érdekességek
Száraz számok, pusztán csak tények:

Ez a bejegyzés 2253 napja született, 116 szóból, és 606 karakterből áll. Ajánlhatod bizonyos linkgyűjtő oldalaknak: