Eredmény: 1 - 7 (7) összesen

Téma: Lekerekített, árnyékolt keretek

  1. #1
    Új tag
    Csatlakozott
    09-03-29
    Hozzászólás
    34
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás Lekerekített, árnyékolt keretek

    Sziasztok!

    Szeretném, ha az oldalamon több, körben árnyékolt és lekerekített sarkú kis dobozokban lennének a különböző szövegtartalmak.
    Hogyan tudnám ezt egyszerűen és szépen megcsinálni?

    Köszi!

    Hasonló témák:



  2. #2
    De MICSINÁLSZ! h0wReYa logója
    Csatlakozott
    09-05-05
    Hely
    Szeged
    Hozzászólás
    104
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Lekerekített, árnyékolt keretek

    Keresel egy oldalt, ahol hasonló megoldást alkalmaznak, megnézed a css fileban, h milyen megoldással érik ezt el, és magadévá teszed a módszert.

    Általában:
    1, felső rész(div) aminek háttere a lekerekített rész
    2, köztes tartalom ismétlődő rész, kétoldali árnyék képe repeat-y-al
    3, alsó rész háttere megintcsak lekerekített

    Árnyék nélkül: moz border radiussal



  3. #3
    Tag
    Csatlakozott
    09-09-16
    Hely
    Miskolc, Debrecen
    Hozzászólás
    49
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Lekerekített, árnyékolt keretek

    Nézd meg ezt a videót, és választ kapsz a kérdéseidre
    http://doctype.tv/borders



  4. #4
    Rubyist Geri logója
    Csatlakozott
    07-12-15
    Hely
    \x90
    Hozzászólás
    5.607
    Begyűjtött 1.334 köszönetet
    829 hozzászólásával

    Alapbeállítás re: Lekerekített, árnyékolt keretek

    Idézet apro eredeti hozzászólása Hozzászólás megtekintése
    Nézd meg ezt a videót, és választ kapsz a kérdéseidre
    http://doctype.tv/borders
    csak ez nem működék a legújabb böngészők kivételével sehol. szóval erre nem érdemes még alapozni.


    If debugging is the process of removing software bugs, then programming must be the process of putting them in.
    Github Rake tutorial
    Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime.
    Respect all, fear none

  5. #5
    Bölcs
    Csatlakozott
    09-12-31
    Hozzászólás
    620
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Lekerekített, árnyékolt keretek

    Én annó úgy csináltam ilyet, hogy fogtam egy táblázatot:

    Kép Kép Kép
    Kép Szöveg Kép
    Kép Kép Kép

    A képek pedig kis árnyékolt-lekerekített dolgok



  6. #6
    'Say Hello To My Little Friend'
    Csatlakozott
    09-07-09
    Hely
    Erdély.MArosvásárhely
    Hozzászólás
    2.070
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Lekerekített, árnyékolt keretek

    Idézet h0wReYa eredeti hozzászólása Hozzászólás megtekintése
    Általában:
    1, felső rész(div) aminek háttere a lekerekített rész
    2, köztes tartalom ismétlődő rész, kétoldali árnyék képe repeat-y-al
    3, alsó rész háttere megintcsak lekerekített
    Ha a szélesség állandó akkor ez a megoldás.

    Ha nem, akkor a fenti általánosítva, csak éppen kell négy div egymásba rakva a négy sarok miatt.

    Ha meg tiszta CSS-t szeretnél, akkor ott a border-radius a kerekítéshez és a box-shadow az árnyékhoz. Ha nem csak a legmodernebb böngészőkön akarod futtatni, akkor le kell kezelni a többit is. Például:
    HTML kód:
     -moz-box-shadow:2px 2px 3px #8e8fb2;-webkit-box-shadow:2px 2px 3px #8e8fb2;box-shadow:2px 2px 3px #8e8fb2
    Nyilván IE6, 7 de még 8 alatt se fog ez muzsikálni. De 9-es alatt már van border-radius, és hamarosan lesz box-shadow is (de még nincs). Szóval 2010-re Microsofték is rájöttek, hogy nem ártana támogatni azokat a dolgokat, amiket a legtöbb fejlesztő amúgy is csak öt év múlva fog használni. Hogy aztán majd lehessen szidni az IE9-est, hogy milyen bugosan kezeli.



  7. #7
    MAG
    MAG nem elérhető
    Bölcs MAG logója
    Csatlakozott
    08-08-15
    Hozzászólás
    578
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Lekerekített, árnyékolt keretek

    Itt van párféle megoldás összegyűjtve:
    hxxp://www.devwebpro.com/25-rounded-corners-techniques-with-css/

    A kerekített box választását befolyásolják különböző tényezők, pl hogy szélességben is dinamikus kell hogy legyen vagy keret szükséges?



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •