Прошу совета

[devid89]

здравствуйте!

Прошу совета у вас, как мне правильно реализовать некоторые моменты в дизайне. Прошу подсказать мне, с чего начать и как определяются некоторые детали для качественной верстки.

Есть множество задумок дизайнеров, где определенные эллементы сайта имеют красивые очертания, (выкопал в инете) , например,

фон для названия страницы:

или фон для цитат:

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

и первый и второй случай можно сделать одним, но очень грубым методом, это т.е. ставить в этот див просто фоном данную картинку, но это, как мне кажется, рушит всю гармонию верстки и в случае, если текста будет больше, это все будет выглядить ужасно.

по первому случаю возможно имеет смысл использовать border-radius ?

Собственно хотелось бы спросить, как реализовать подобные моменты ? Может быть назначить несколько дивов, в которые раскидать эллементы данных фонов по кусочкам? Как лучше сделать? естественно чтобы при большом содержании текст не расходился за пределы этих фонов

спасибо!

[chocolate_moles]

http://habrahabr.ru/post/126207/

http://www.css3d.net/ribbon-generator/

http://livetools.uiparade.com/ribbon-builder.html#

[antonKar]

и первый и второй случай можно сделать одним, но очень грубым методом, это т.е. ставить в этот див просто фоном данную картинку, но это, как мне кажется, рушит всю гармонию верстки и в случае, если текста будет больше, это все будет выглядить ужасно.

Юзаем псевдоэлементы для картинок и никаких проблем.

[Struggle]

http://habrahabr.ru/post/126207/

http://www.css3d.net/ribbon-generator/

http://livetools.uip...n-builder.html#

какой нахрен css3?

он не везде работает стабильно, как сказал Антон юзаем псевдоэлементы, или доп дивы, можно еще несколько фонов юзать