CSS: круглые углы

Объявления:

Вам не раз приходилось видеть сайты, где блоки меню имеют округлые углы. Это смотрится намного привлекательнее надоевших прямых углов. Применение округлых элементов в дизайне сайтов становится все более модным приемом. Недавно Гугл даже ввел новые варианты оформления своих рекламных блоков- с округлыми углами.

В этой статье я приведу несколько полезных ресурсов, на которых вы сможете найти готовые красивые блоки с круглыми углами, с готовыми кодами HTML и CSS. Останется только скопировать, вставить на свой сайт и заполнить свои пункты меню.

Начнем мы с сайта spiffycorners.com, на котором можно самим сгенерировать блок с круглыми краями любого цвета.

Другой он-лайн генератор круглых углов- roundedcornr.com:


Schilmania.com предлагает эффектные блоки для сайтов (как с подтеками, так и без):

schillmania.com

Красиве блоки от tjkdesign.com:
tjkdesign.com

Kalsey.com:

Kalsey

Вариант от html.it:

Известный среди веб-дизайнеров cssplay.co.uk предлагает вот такие меню с круглыми углами:

Если вы найдете свежие сайты по этой тематике, то всегда можете публиковать их в комментариях. Удачи!

Вы можете почитать лучшие посты моего блога в содержании. Помимо своего микроблога в Твиттере @shakinru, я завел еще один - @ruSEO, чтобы публиковать в него лучшие материалы рунета по SEO, так что можете на него подписаться.
Буду благодарен, если поделитесь этой статьей в социальных сетях:

Приглашаю присоединиться ко мне в следующих сервисах:
Мои группы:
Комментарии Вконтакте:

Пора попить кофе!
Комментарии Facebook:
Комментарии Wordpress:
Комментариев: 4

1. dizverst.ru 21 марта 2008 в 3:44 pm

Прикольненько :)
Спасибо
А я раньше выискивал статьи с советами и уроками как это сделать… а тут целые ресурсы…

2. NV 20 октября 2008 в 11:48 am

Спасибо за указанные сервисы. Попробовал почти все. spiffycorners самый удобный и работоспособный сервис из этих. Не требуется картинок для уголков, что уже плюс. К тому же, переход от бэка к самому блоку осуществляется через промежуточные цвета (для смягчения), которые не нужно подбирать ;)

3. Водитель 13 июня 2009 в 6:45 pm

А какой тут принцип реализации круглых углов?
Я делаю с помощью таблиц, маленькие ячейки по краям содержат в себе картинки углов.

4. proglammer 15 октября 2009 в 7:54 pm

хороший ход поднять рейтинг первой статьи - это сослаться на нее через 2,5 года, когда блог уже популярен :) а статейка полезная, ссылки тоже. спасибо!

Подписаться на обновления shakin.ru по RSS

Количество RSS подписчиков




Новый сервис ссылок навсегда

Ювелирная партнерская программа Gold Affiliate



Эффективная биржа ссылок

Обновления сайта

Читать Shakin.ru в твиттере
Читать Shakin.ru в Google Reader
Читать Shakin.ru в Яндекс.Ленте


Достигнутые цели


Мои бесплатные рекомендации

В случае перепечатки материалов обязательно мое письменное разрешение и прямая индексируемая ссылка на Shakin.ru
Продвижение сайтов, веб-дизайн и креатив © 2007-2012

MAXCACHE: 0.18MB/0.00027 sec