Закруглить уголки профессионально?

>>4 области с фоновым изображением уголков. Есть, что-то лучше?
Цсс-спрайтом я делал.
Тут статейку писал, может будет полезной
http://alexvolkov.ru/sozdanie-form-s-zakruglenn...

Одна картинка: http://home.tiscali.nl/developerscorner/liquidc...

У меня есть один метод, правда он не совсем универсальный. Годится при малых радиусах скругления и при мало контрастных цветах. Но в не которых случаях самое-то. Описание способа и примеры здесь: http://live.miripiruni.org/2008/04/21/3/
Без картинок и без javascript.

Кто ж знал, что Ваш движок кушает HTML.

Дальше, в вашем "index.html" используем:
<div id="your-col">






<div class="c-inner">
Some text
</div><!--/c-inner -->






</div><!--/your-col -->

Предлагаю два пути, но одного решения:
Первый. Основан на идеи Blueprint (отличный фреймворк) по организации, тоесть создать плагин "conners.css" в котором написать:
.c-top, .c-bottom {
display:block}
.c-top span, .c-bottom span {
display:block;
height:1px;
overflow:hidden}
.c-line-1 { margin: 0 5px}
.c-line-2 { margin: 0 3px}
.c-line-3 { margin: 0 2px}
.c-top .c-line-4, .c-bottom .c-line-4{
margin: 0 1px;
height: 2px}
.c-inner {
padding: 5px}

Радиус уголков: 3px
JS: не нужен
Images: нет
Смена цвета: CSS
Движок: span теги

Дальше, в вашем "screen.css" файле пишем:
#your-col .c-top span,
#your-col .c-bottom span,
#your-col .c-inner {background-color: #525252}

Дальше, в вашем "index.html" используем:








Some text
<!--/c-inner -->






<!--/your-col -->

Второй путь: все тоже самое порделываем, но без идеи разделять CSS на плагин. Сгоняем все в один "mega.css".

Какое-то решение с уголками во фреймворке, конечно, нужно сделать. Уж больно популярная штука. Если раньше изучение CSS начинали с изменения цвета ссылок, то сейчас с прикручивания уголков :)

Похоже пришла пора отрубить ссылки в комментариях окончательно.

По теме - универсальных решений похоже нету :) Придётся разрабатывать классы с уголками для различных случаев.

офф: Кстати, ссылки Хоккеиста и Хоттабыча ведут на очень похожие сайты. Спамер, блин.

>один из способов сделать дизйн более интересным!

Замечательно. Только почему он вызывает столько вопросов? Да потому, что это очень-очень легко нарисовать, но трудно сверстать. Зачастую, очень-очень трудно. Его любят неопытные дизайнеры, а неопытные верстальщики потом не знают что с ним делать. На самом деле, нужно 10 раз подумать, прежде чем рисовать скругл. уголки. Тот случай, когда нужно сначала верстать, а потом рисовать.

Чем дальше, тем больше убеждаюсь, что закругленные углы - паллиатив. За которым обычно стоит желание "сделать красиво по-быстрому". Приходится либо мириться с экстра-разметкой, либо искать дизайнерские решения посвежее.

Тогда 4 картинки. Ведь framework не «делает все за вас». Он просто облегчает жизнь :)

Кстати, хотел внести предложение в вашу разработку.
Наверняка вы знаете о существовании подобного фреймворка — BluePrint.

Он, на мой взгляд (как бы это выразить получше) слишком громоздок, что ли. Т.е. многие вещи там по-умолчанию не нужны. Но там, на мой взгляд, есть очень хорошее разделение на разметку, типографику, формы.

Как думаете, может целесообразно сделать подобную организацию?

spiffycorners генерирует много-много пустых лишних тэгов.

Это кака.

А если использовать несколько тэгов, заключая в них текст?
Как например это делает сервис spiffycorners.