http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1186080378.html <p>Что и говорить, а закругленные углы на web-страницах продолжают волновать и вдохновлять на поиск решений связанный с этой проблемой.</p> <p>Не секрет, что существует пара-тройка приемов, как-то: графика - абсолютное позиционирование четырех уголков для контейнера или три графических рисунка с размножением среднего по вертикали, применение <span>JavaScript</span>, ну и создание закругленных уголков с помощью <span>html</span> и <span>css</span>.</p> <p>Недостатки перечисленных способов очевидны.</p> <p>В первом случае проблемы с добавлением градиента, да и четыре графических файлика даже при минимальном размере, а если таких блоков будет несколько?</p> <p>Во втором, размеры тоже играют решающую роль, а рисовать в <span>Photoshop</span> закругления, да еще с градиентом, мало кому по вкусу.</p> <p><span>JavaScript</span> тут уже размеры скрипта превосходят все допустимые нормы, плюс часто обоснованное не желание иметь с ним, вообще, никаких дел.</p> <p>И, как говорится, лично для меня, без альтернативный вариант, использование только <span>html</span> и <span>css</span>.</p> <p>Написано на эту тему, если не океан, то уж точно море статей, руку и сам <a href="http://my-blog.name/gordi/post_1173530617.html">приложил</a>, а шаблон <a href="http://trifler.ru/blog/i/users/shablon/relief3.png">псевдорельеф</a>, так же пользуется популярностью. Но ...</p> <p>Что тут скажешь, не хватало мне возможности пристроить градиент и все, как не крути, а с ним то веселее будет ;)</p> <p>В общем, скриншот перед вами.</p> <center> <img src="http://trifler.ru/blog/i/rad.png" alt="radius+gradient" style="border:0;width:313px;height:193px;"> </center> <p>О <span>html</span> и <span>css</span>, распространяться не буду. Тестовая <a href="http://trifler.ru/blog/i/users/radius.htm">страница</a>.</p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1186080378.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1186080378.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1186080378.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1186080378.html">All Comments</a></div> <!-- RSS_link_to_post end --> Fri, 03 Aug 2007 01:46:18 GMT