Скругленные углы блоков в Css

Discussion in 'PHP' started by smOleg, 28 Feb 2008.

  1. smOleg

    smOleg Banned

    Joined:
    30 Nov 2007
    Messages:
    69
    Likes Received:
    25
    Reputations:
    -5
    Нашел скриптик на ЖС но он очень шото. Он скругляет добавляя в конец и вначало блока несколько блоков в 1пх.. иллюзия скругления.

    Не подходит восновном т.к. эти добавочние блоки становатся сразу сначала и вконец контента внутри блока. Ну задал height и границы блока стают нужной высоты а скругления бегают за текстом.
    (канеш можна внутр. отступами както но нада шоб контент менялся а скругления на месте были..)

    А картинки не хочу использовать (это мое тестовое задание на работу хочу покруче :D )

    Вобщем подскажите решение, если оно есть канеш %)

    Чтоб на бекграунд както кинуть динамически созданный прямоугольний со скругленными углами со сторонами как ширина и высота блока %)

    Вобщем кто с этим имеет дело поделитесь може у вас есть нестандартный способ

    Ох уж эта мода на висту :rolleyes: У меня вот например оформление все квадратное и меня устраивает :D . И нах им эти кругляки и градиенты.

    Кстати може можна градиент сделать не картинкой? :D
     
    #1 smOleg, 28 Feb 2008
    Last edited: 28 Feb 2008
  2. scrat

    scrat кодер

    Joined:
    8 Apr 2007
    Messages:
    625
    Likes Received:
    541
    Reputations:
    3
    Вот к примеру метод.Я так понимаю твой js-скрипт реализует именно его.Насколько мне известно можно только с помощью CSS/изображений
     
    1 person likes this.
  3. smOleg

    smOleg Banned

    Joined:
    30 Nov 2007
    Messages:
    69
    Likes Received:
    25
    Reputations:
    -5
    Да. Тоже самое. Только я нашел чел на англиском писал. И главно все пишут от первого имени будто это их идея :rolleyes:
     
  4. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    мда...
    Всё очень просто.
    Без графики совсем обойтись не удастся, если нужен кроссбраузерный вариант.

    С помощью JS можно сгенерировать векторную графику SVG. В данном случае понадобится один-единственный кружок, ненужные части которого обрезаются CSS-свойством "clip".

    т.к. формат SVG - суть простая разметка, проблем с этим возникнуть не должно.
    За исключением IE, который вместо SVG поддерживает VML. Остаётся только написать на JS код абстракции над SVG и VML и тебя возьмут на работу.
     
  5. Midas

    Midas Elder - Старейшина

    Joined:
    17 Jan 2008
    Messages:
    241
    Likes Received:
    45
    Reputations:
    1
    http://www.simplecoding.org/granicy-v-css3.html
     
  6. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    чет пи*дёж и провокация. ниче ff не скругляет, только что проверил.
     
    1 person likes this.
  7. etc

    etc Elder - Старейшина

    Joined:
    16 Feb 2008
    Messages:
    113
    Likes Received:
    175
    Reputations:
    1
    Украдите CSS из phpBB3 :) Я лично их кссами пользуюсь
     
  8. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    -moz-border-radius
    -khtml-border-radius ;)
    Нехорошо
     
    #8 astrologer, 29 Feb 2008
    Last edited: 29 Feb 2008
  9. scrat

    scrat кодер

    Joined:
    8 Apr 2007
    Messages:
    625
    Likes Received:
    541
    Reputations:
    3
    Вообщето открытость исходников это подрузумевает.Просто нужно указать от куда ты это взял.
     
    #9 scrat, 29 Feb 2008
    Last edited: 29 Feb 2008
  10. DIAgen

    DIAgen Banned Life!

    Joined:
    2 May 2006
    Messages:
    1,055
    Likes Received:
    374
    Reputations:
    460
    Читать тута
    http://habrahabr.ru/blog/webdev/36812.html
     
  11. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    Ну если он пишет "украдите" - то это без указания источника, что есть нехорошо.