Перейти к содержимому


Как делать "закругленные углы"?


  • Вы не можете ответить в тему
Сообщений в теме: 6

#1 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 01 February 2012 - 12:54 AM

Дурацкий, наверное, вопрос, но нужна какая-то отправная точка.
Как делать закругленные углы у всяких там шапок блоков и прочих элементов страницы?
Гляжу на обилие шаблонов, почти все в различных закруглениях. Дефолтовый шаблон при всей одинаковости в части функциональности начинает казаться каким-то совсем уж убогим.
О чем читать и куда смотреть? CSS? файлик style.css?
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#2 umaxse

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений
Репутация: 0
Начинающий

Отправлено 01 February 2012 - 10:36 AM

О чем читать и куда смотреть? CSS? файлик style.css?


Лучше сначала почитать какие существуют способы создания скруглений и подобрать себе подходящий. Я бы посоветовал почитать обзор - [HIDE="1"]38 статей о создании закругленных углов на сайтах | HTML и CSS | Временно.нет[/HIDE]
  • 0

#3 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 01 February 2012 - 03:01 PM

[HIDE="1"]http://habrahabr.ru/blogs/css/66193/[/HIDE] - это основы.
вкупе с box-shadow получаются замечательные вещи. от рисования углов картинками и с использованием js имхо пора уже давно избавляться - прошлый век.

---------- Сообщение объединено ----------

Вдогонку про другие фигуры [HIDE="1"]Геометрические фигуры на CSS / Каскадные Таблицы Стилей / Хабрахабр[/HIDE]
  • 0
502 Bad Gateway

#4 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 01 February 2012 - 04:04 PM

Dbus, ага только увы не все браузеры это поддерживают.... или поддерживают как-то по своему... а ИЕ так тот вообще мало что понимает.... ИМХО пока лучше делать все по старинке )))
  • 0

#5 Рустам

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений
Репутация: 0
Начинающий

Отправлено 10 February 2012 - 04:31 AM

просто тест

Дурацкий, наверное, вопрос, но нужна какая-то отправная точка.
Как делать закругленные углы у всяких там шапок блоков и прочих элементов страницы?
Гляжу на обилие шаблонов, почти все в различных закруглениях. Дефолтовый шаблон при всей одинаковости в части функциональности начинает казаться каким-то совсем уж убогим.
О чем читать и куда смотреть? CSS? файлик style.css?


  • 0

#6 micehide

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 359 сообщений
Репутация: 124
Мастер

Отправлено 10 February 2012 - 02:50 PM

ага только увы не все браузеры это поддерживают

Этот способ работает везде и без всяких картинок и JS - одними стилями (с помощью буллетов), единственное при изменении размеров на свои (радиусы буллетов) нужно следить чтобы все было подогнано и перепроверять:
[HIDE="1"]Скругленные углы на чиcтом CSS без JS без картинок с анти-аллиасингом / Каскадные Таблицы Стилей / Хабрахабр[/HIDE]
  • 0

#7 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 10 February 2012 - 04:44 PM

единственное при изменении размеров на свои (радиусы буллетов) нужно следить чтобы все было подогнано и перепроверять

Если почитать комментарии к этому хабрапосту, то выясняется, что это весьма и весьма не единственное... :)
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)