<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Закруглить уголки профессионально?</title>
	<atom:link href="http://agat.in/css/zakruglit-ugolki-professionalno/feed/" rel="self" type="application/rss+xml" />
	<link>http://agat.in/css/zakruglit-ugolki-professionalno/</link>
	<description>Блог «верстака», который не любит много печатать…</description>
	<lastBuildDate>Mon, 16 Jan 2012 08:53:00 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<item>
		<title>By: agat</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-14553</link>
		<dc:creator>agat</dc:creator>
		<pubDate>Mon, 31 May 2010 19:55:47 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-14553</guid>
		<description>spiffycorners генерирует много-много пустых лишних тэгов.&lt;br&gt;&lt;br&gt;Это кака.</description>
		<content:encoded><![CDATA[<p>spiffycorners генерирует много-много пустых лишних тэгов.</p>
<p>Это кака.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex Volkov</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-14527</link>
		<dc:creator>Alex Volkov</dc:creator>
		<pubDate>Wed, 17 Jun 2009 11:00:36 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-14527</guid>
		<description>&gt;&gt;4 области с фоновым изображением уголков. Есть, что-то лучше?
Цсс-спрайтом я делал.
Тут статейку писал, может будет полезной
http://alexvolkov.ru/sozdanie-form-s-zakruglennymi-ugolkami.html</description>
		<content:encoded><![CDATA[<p>&gt;&gt;4 области с фоновым изображением уголков. Есть, что-то лучше?<br />
Цсс-спрайтом я делал.<br />
Тут статейку писал, может будет полезной<br />
<a href="http://alexvolkov.ru/sozdanie-form-s-zakruglennymi-ugolkami.html" rel="nofollow">http://alexvolkov.ru/sozdanie-form-s-zakruglennymi-ugolkami.html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: kost</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6930</link>
		<dc:creator>kost</dc:creator>
		<pubDate>Tue, 27 May 2008 10:52:18 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6930</guid>
		<description>Одна картинка: http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-01.htm</description>
		<content:encoded><![CDATA[<p>Одна картинка: <a href="http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-01.htm" rel="nofollow">http://home.tiscali.nl/developerscorner/liquidcorners/liquid-corners-playgarden-01.htm</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: miripiruni</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6917</link>
		<dc:creator>miripiruni</dc:creator>
		<pubDate>Tue, 29 Apr 2008 12:38:02 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6917</guid>
		<description>У меня есть один метод, правда он не совсем универсальный. Годится при малых радиусах скругления и при мало контрастных цветах. Но в не которых случаях самое-то. Описание способа и примеры здесь: http://live.miripiruni.org/2008/04/21/3/ 
Без картинок и без javascript.</description>
		<content:encoded><![CDATA[<p>У меня есть один метод, правда он не совсем универсальный. Годится при малых радиусах скругления и при мало контрастных цветах. Но в не которых случаях самое-то. Описание способа и примеры здесь: <a href="http://live.miripiruni.org/2008/04/21/3/" rel="nofollow">http://live.miripiruni.org/2008/04/21/3/</a><br />
Без картинок и без javascript.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: MAXUS</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6914</link>
		<dc:creator>MAXUS</dc:creator>
		<pubDate>Thu, 24 Apr 2008 15:54:56 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6914</guid>
		<description>Кто ж знал, что Ваш движок кушает HTML.

Дальше, в вашем &quot;index.html&quot; используем:
&lt;div id=&quot;your-col&quot;&gt;
 &lt;span class=&quot;c-top&quot;&gt;
  &lt;span class=&quot;c-line-1&quot;&gt;&lt;/span&gt;
  &lt;span class=&quot;c-line-2&quot;&gt;&lt;/span&gt;
  &lt;span class=&quot;c-line-3&quot;&gt;&lt;/span&gt;
  &lt;span class=&quot;c-line-4&quot;&gt;&lt;/span&gt;
 &lt;/span&gt;
 &lt;div class=&quot;c-inner&quot;&gt;
 &lt;strong&gt;Some text&lt;/strong&gt;
 &lt;/div&gt;&lt;!--/c-inner --&gt;
 &lt;span class=&quot;c-bottom&quot;&gt;
  &lt;span class=&quot;c-line-4&quot;&gt;&lt;/span&gt;
  &lt;span class=&quot;c-line-3&quot;&gt;&lt;/span&gt;
  &lt;span class=&quot;c-line-2&quot;&gt;&lt;/span&gt;
  &lt;span class=&quot;c-line-1&quot;&gt;&lt;/span&gt;
 &lt;/span&gt;
&lt;/div&gt;&lt;!--/your-col --&gt;</description>
		<content:encoded><![CDATA[<p>Кто ж знал, что Ваш движок кушает HTML.</p>
<p>Дальше, в вашем &quot;index.html&quot; используем:<br />
&lt;div id=&quot;your-col&quot;&gt;<br />
 &lt;span class=&quot;c-top&quot;&gt;<br />
  &lt;span class=&quot;c-line-1&quot;&gt;&lt;/span&gt;<br />
  &lt;span class=&quot;c-line-2&quot;&gt;&lt;/span&gt;<br />
  &lt;span class=&quot;c-line-3&quot;&gt;&lt;/span&gt;<br />
  &lt;span class=&quot;c-line-4&quot;&gt;&lt;/span&gt;<br />
 &lt;/span&gt;<br />
 &lt;div class=&quot;c-inner&quot;&gt;<br />
 &lt;strong&gt;Some text&lt;/strong&gt;<br />
 &lt;/div&gt;&lt;!&#8211;/c-inner &#8211;&gt;<br />
 &lt;span class=&quot;c-bottom&quot;&gt;<br />
  &lt;span class=&quot;c-line-4&quot;&gt;&lt;/span&gt;<br />
  &lt;span class=&quot;c-line-3&quot;&gt;&lt;/span&gt;<br />
  &lt;span class=&quot;c-line-2&quot;&gt;&lt;/span&gt;<br />
  &lt;span class=&quot;c-line-1&quot;&gt;&lt;/span&gt;<br />
 &lt;/span&gt;<br />
&lt;/div&gt;&lt;!&#8211;/your-col &#8211;&gt;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: MAXUS</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6913</link>
		<dc:creator>MAXUS</dc:creator>
		<pubDate>Thu, 24 Apr 2008 15:53:19 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6913</guid>
		<description>Предлагаю два пути, но одного решения:
Первый. Основан на идеи Blueprint (отличный фреймворк) по организации, тоесть создать плагин &quot;conners.css&quot; в котором написать:
.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 теги

Дальше, в вашем &quot;screen.css&quot; файле пишем:
#your-col .c-top span, 
#your-col .c-bottom span, 
#your-col .c-inner {background-color: #525252}

Дальше, в вашем &quot;index.html&quot; используем:

 
  
  
  
  
 
 
  &lt;strong&gt;Some text&lt;/strong&gt;
 &lt;!--/c-inner --&gt;
 
  
  
  
  
 
&lt;!--/your-col --&gt;

Второй путь: все тоже самое порделываем, но без идеи разделять CSS на плагин. Сгоняем все в один &quot;mega.css&quot;.</description>
		<content:encoded><![CDATA[<p>Предлагаю два пути, но одного решения:<br />
Первый. Основан на идеи Blueprint (отличный фреймворк) по организации, тоесть создать плагин &#8220;conners.css&#8221; в котором написать:<br />
.c-top, .c-bottom {<br />
	display:block}<br />
.c-top span, .c-bottom span {<br />
	display:block;<br />
	height:1px;<br />
	overflow:hidden}<br />
.c-line-1 { margin: 0 5px}<br />
.c-line-2 { margin: 0 3px}<br />
.c-line-3 { margin: 0 2px}<br />
.c-top .c-line-4, .c-bottom .c-line-4{<br />
	margin: 0 1px;<br />
	height: 2px}<br />
.c-inner {<br />
	padding: 5px}</p>
<p>Радиус уголков: 3px<br />
JS: не нужен<br />
Images: нет<br />
Смена цвета: CSS<br />
Движок: span теги</p>
<p>Дальше, в вашем &#8220;screen.css&#8221; файле пишем:<br />
#your-col .c-top span,<br />
#your-col .c-bottom span,<br />
#your-col .c-inner {background-color: #525252}</p>
<p>Дальше, в вашем &#8220;index.html&#8221; используем:</p>
<p>  <strong>Some text</strong><br />
 <!--/c-inner --></p>
<p><!--/your-col --></p>
<p>Второй путь: все тоже самое порделываем, но без идеи разделять CSS на плагин. Сгоняем все в один &#8220;mega.css&#8221;.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: uggallery</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6907</link>
		<dc:creator>uggallery</dc:creator>
		<pubDate>Wed, 16 Apr 2008 11:05:54 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6907</guid>
		<description>Какое-то решение с уголками во фреймворке, конечно, нужно сделать. Уж больно популярная штука. Если раньше изучение CSS начинали с изменения цвета ссылок, то сейчас с прикручивания уголков :)</description>
		<content:encoded><![CDATA[<p>Какое-то решение с уголками во фреймворке, конечно, нужно сделать. Уж больно популярная штука. Если раньше изучение CSS начинали с изменения цвета ссылок, то сейчас с прикручивания уголков :)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: agat</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6905</link>
		<dc:creator>agat</dc:creator>
		<pubDate>Mon, 14 Apr 2008 22:41:12 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6905</guid>
		<description>Похоже пришла пора отрубить ссылки в комментариях окончательно.

По теме - универсальных решений похоже нету :) Придётся разрабатывать классы с уголками для различных случаев.</description>
		<content:encoded><![CDATA[<p>Похоже пришла пора отрубить ссылки в комментариях окончательно.</p>
<p>По теме &#8211; универсальных решений похоже нету :) Придётся разрабатывать классы с уголками для различных случаев.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: uggallery</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6903</link>
		<dc:creator>uggallery</dc:creator>
		<pubDate>Mon, 14 Apr 2008 12:02:06 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6903</guid>
		<description>офф: Кстати, ссылки Хоккеиста и Хоттабыча ведут на очень похожие сайты. Спамер, блин.</description>
		<content:encoded><![CDATA[<p>офф: Кстати, ссылки Хоккеиста и Хоттабыча ведут на очень похожие сайты. Спамер, блин.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: uggallery</title>
		<link>http://agat.in/css/zakruglit-ugolki-professionalno/comment-page-1/#comment-6902</link>
		<dc:creator>uggallery</dc:creator>
		<pubDate>Mon, 14 Apr 2008 11:59:42 +0000</pubDate>
		<guid isPermaLink="false">http://agat.in/css/zakruglit-ugolki-professionalno/#comment-6902</guid>
		<description>&gt;один из способов сделать дизйн более интересным!

Замечательно. Только почему он вызывает столько вопросов? Да потому, что это очень-очень легко нарисовать, но трудно сверстать. Зачастую, очень-очень трудно. Его любят неопытные дизайнеры, а неопытные верстальщики потом не знают что с ним делать. На самом деле, нужно 10 раз подумать, прежде чем рисовать скругл. уголки. Тот случай, когда нужно сначала верстать, а потом рисовать.</description>
		<content:encoded><![CDATA[<p>&gt;один из способов сделать дизйн более интересным!</p>
<p>Замечательно. Только почему он вызывает столько вопросов? Да потому, что это очень-очень легко нарисовать, но трудно сверстать. Зачастую, очень-очень трудно. Его любят неопытные дизайнеры, а неопытные верстальщики потом не знают что с ним делать. На самом деле, нужно 10 раз подумать, прежде чем рисовать скругл. уголки. Тот случай, когда нужно сначала верстать, а потом рисовать.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

