<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Мир CSS &#187; Ссылки</title>
	<atom:link href="http://cssworld.ru/tag/ssylki/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssworld.ru</link>
	<description>Про css, html, ajax и многое другое...</description>
	<lastBuildDate>Mon, 16 Jan 2012 15:55:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Анимированный hover</title>
		<link>http://cssworld.ru/animating-hover/</link>
		<comments>http://cssworld.ru/animating-hover/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 09:45:53 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=298</guid>
		<description><![CDATA[При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта &#171;дверь&#187; можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи jQuery. Демо и описание в блоге автора Смотрите также Продолжаем оформлять ссылки Прикольные якорные ссылки [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fanimating-hover%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fanimating-hover%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://cssworld.ru/wp-content/uploads/2010/03/hover.jpg"><img src="http://cssworld.ru/wp-content/uploads/2010/03/hover.jpg" alt="" title="hover" width="540" height="355" class="alignnone size-full wp-image-300" /></a><br />
При наведении на изображение, оно отодвигается как ворота и нам открывается краткое пояснение куда мы хотим перейти. Стороны, в которые может открываться эта &laquo;дверь&raquo; можно настраивать. Доступны варианты вверх и вниз, влево и вправо. Естественно все это работает при помощи <a href="http://cssworld.ru/tag/jquery/" class="st_tag internal_tag" rel="tag" title="Posts tagged with jQuery">jQuery</a>.<br />
<span id="more-298"></span><br />
<a href="http://www.incg.nl/blog/2008/hover-block-jquery/example/animate_hover.html">Демо</a> и описание в <a href="http://www.incg.nl/blog/2008/hover-block-jquery/">блоге автора</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/prodolzhaem-oformlyat-ssylki/" title="Продолжаем оформлять ссылки (Октябрь 21, 2008)">Продолжаем оформлять ссылки</a> </li>
	<li><a href="http://cssworld.ru/prikolnye-yakornye-ssylki/" title="Прикольные якорные ссылки (Октябрь 11, 2008)">Прикольные якорные ссылки</a> </li>
	<li><a href="http://cssworld.ru/oformlyaem-vneshnie-ssylki/" title="Оформляем внешние ссылки (Октябрь 19, 2008)">Оформляем внешние ссылки</a> </li>
	<li><a href="http://cssworld.ru/obvodka-vokrug-ssylki/" title="Обводка вокруг ссылки (Август 5, 2008)">Обводка вокруг ссылки</a> </li>
	<li><a href="http://cssworld.ru/hall-of-fame/" title="Доска почета (Март 26, 2010)">Доска почета</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/animating-hover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Доска почета</title>
		<link>http://cssworld.ru/hall-of-fame/</link>
		<comments>http://cssworld.ru/hall-of-fame/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 08:42:27 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=281</guid>
		<description><![CDATA[Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме &#171;Поле чудес&#171;, и появляется краткое описание и ссылка. Демо и описание Смотрите также Продолжаем оформлять ссылки Прикольные якорные ссылки Оформляем внешние ссылки Обводка вокруг ссылки Анимированный hover]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fhall-of-fame%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fhall-of-fame%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Отличное решение для размещения спонсоров или рекламных баннеров. Сначала мы видим логотип, а после нажатия мышки,лого переворачивается, аналогично буквам в телепрограмме &laquo;<em>Поле чудес</em>&laquo;, и появляется краткое описание и ссылка.<br />
<a href="http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php">Демо</a> и <a href="http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/">описание</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/prodolzhaem-oformlyat-ssylki/" title="Продолжаем оформлять ссылки (Октябрь 21, 2008)">Продолжаем оформлять ссылки</a> </li>
	<li><a href="http://cssworld.ru/prikolnye-yakornye-ssylki/" title="Прикольные якорные ссылки (Октябрь 11, 2008)">Прикольные якорные ссылки</a> </li>
	<li><a href="http://cssworld.ru/oformlyaem-vneshnie-ssylki/" title="Оформляем внешние ссылки (Октябрь 19, 2008)">Оформляем внешние ссылки</a> </li>
	<li><a href="http://cssworld.ru/obvodka-vokrug-ssylki/" title="Обводка вокруг ссылки (Август 5, 2008)">Обводка вокруг ссылки</a> </li>
	<li><a href="http://cssworld.ru/animating-hover/" title="Анимированный hover (Март 31, 2010)">Анимированный hover</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/hall-of-fame/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Продолжаем оформлять ссылки</title>
		<link>http://cssworld.ru/prodolzhaem-oformlyat-ssylki/</link>
		<comments>http://cssworld.ru/prodolzhaem-oformlyat-ssylki/#comments</comments>
		<pubDate>Tue, 21 Oct 2008 16:14:33 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[inline-block]]></category>
		<category><![CDATA[textarea]]></category>
		<category><![CDATA[кнопки]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=123</guid>
		<description><![CDATA[На этот раз они будут в виде кнопок. Выполнено с textarea на подобии inline-block Смотрим и изучаем исходный код Смотрите также Прикольные якорные ссылки Оформляем внешние ссылки Обводка вокруг ссылки Кнопочки Доска почета]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fprodolzhaem-oformlyat-ssylki%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fprodolzhaem-oformlyat-ssylki%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>На этот раз они будут в виде кнопок. Выполнено с <a href="http://cssworld.ru/tag/textarea/" class="st_tag internal_tag" rel="tag" title="Posts tagged with textarea">textarea</a> на подобии <a href="http://cssworld.ru/tag/inline-block/" class="st_tag internal_tag" rel="tag" title="Posts tagged with inline-block">inline-block</a></p>
<p><a href="http://www.cssplay.co.uk/menu/inline-links.html" target="_self">Смотрим и изучаем исходный код</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/prikolnye-yakornye-ssylki/" title="Прикольные якорные ссылки (Октябрь 11, 2008)">Прикольные якорные ссылки</a> </li>
	<li><a href="http://cssworld.ru/oformlyaem-vneshnie-ssylki/" title="Оформляем внешние ссылки (Октябрь 19, 2008)">Оформляем внешние ссылки</a> </li>
	<li><a href="http://cssworld.ru/obvodka-vokrug-ssylki/" title="Обводка вокруг ссылки (Август 5, 2008)">Обводка вокруг ссылки</a> </li>
	<li><a href="http://cssworld.ru/knopochki/" title="Кнопочки (Август 8, 2008)">Кнопочки</a> </li>
	<li><a href="http://cssworld.ru/hall-of-fame/" title="Доска почета (Март 26, 2010)">Доска почета</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/prodolzhaem-oformlyat-ssylki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Оформляем внешние ссылки</title>
		<link>http://cssworld.ru/oformlyaem-vneshnie-ssylki/</link>
		<comments>http://cssworld.ru/oformlyaem-vneshnie-ssylki/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 16:02:47 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=121</guid>
		<description><![CDATA[Как завещал великий и ужасный, внешние ссылки должны отличаться от обычных, как бы предупреждать, что эта ссылка ведет на отдельный ресурс. Как это сделать? Можно красиво оформить ссылочку при помощи CSS Читаем Смотрите также Продолжаем оформлять ссылки Прикольные якорные ссылки Обводка вокруг ссылки Доска почета Анимированный hover]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Foformlyaem-vneshnie-ssylki%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Foformlyaem-vneshnie-ssylki%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Как завещал <a title="тема" href="http://www.artlebedev.ru/" target="_self">великий и ужасный</a>, внешние ссылки должны отличаться от обычных, как бы предупреждать, что эта ссылка ведет на отдельный ресурс. Как это сделать? Можно красиво оформить ссылочку при помощи <a href="http://cssworld.ru/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a></p>
<p><strong><a title="Оформляем внешние ссылки" href="http://www.getincss.ru/2008/10/19/oformlenie-vneshnix-ssylok-s-pomoshhyu-css/" target="_self">Читаем</a></strong></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/prodolzhaem-oformlyat-ssylki/" title="Продолжаем оформлять ссылки (Октябрь 21, 2008)">Продолжаем оформлять ссылки</a> </li>
	<li><a href="http://cssworld.ru/prikolnye-yakornye-ssylki/" title="Прикольные якорные ссылки (Октябрь 11, 2008)">Прикольные якорные ссылки</a> </li>
	<li><a href="http://cssworld.ru/obvodka-vokrug-ssylki/" title="Обводка вокруг ссылки (Август 5, 2008)">Обводка вокруг ссылки</a> </li>
	<li><a href="http://cssworld.ru/hall-of-fame/" title="Доска почета (Март 26, 2010)">Доска почета</a> </li>
	<li><a href="http://cssworld.ru/animating-hover/" title="Анимированный hover (Март 31, 2010)">Анимированный hover</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/oformlyaem-vneshnie-ssylki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Прикольные якорные ссылки</title>
		<link>http://cssworld.ru/prikolnye-yakornye-ssylki/</link>
		<comments>http://cssworld.ru/prikolnye-yakornye-ssylki/#comments</comments>
		<pubDate>Sat, 11 Oct 2008 17:25:14 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Сайты]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Ссылки]]></category>
		<category><![CDATA[эффект]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=110</guid>
		<description><![CDATA[Обычно принажатии на якорную ссылку браузер немедленно перебрасывает вас на другой участок страницы. Обычно применяют в содержании или FAQ. Есть одно волшебное слово &#171;jQuery&#187;, которое добавляет эффект плавного прокручивания Пример с кодом Смотрите также Тест скорости различных фреймворков Табы они же вкладки Продолжаем оформлять ссылки Оформляем внешние ссылки Обводка вокруг ссылки]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fprikolnye-yakornye-ssylki%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fprikolnye-yakornye-ssylki%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Обычно принажатии на якорную ссылку браузер немедленно перебрасывает вас на другой участок страницы. Обычно применяют в содержании или FAQ.</p>
<p>Есть одно волшебное слово &laquo;<a href="http://cssworld.ru/tag/jquery/" class="st_tag internal_tag" rel="tag" title="Posts tagged with jQuery">jQuery</a>&raquo;, которое добавляет эффект плавного прокручивания</p>
<p><strong><a href="http://chernev.ru/anchor/" target="_blank">Пример с кодом</a></strong></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/test-skorosti-razlichnyx-frejmvorkov/" title="Тест скорости различных фреймворков (Октябрь 21, 2008)">Тест скорости различных фреймворков</a> </li>
	<li><a href="http://cssworld.ru/taby-oni-zhe-vkladki/" title="Табы они же вкладки (Октябрь 9, 2008)">Табы они же вкладки</a> </li>
	<li><a href="http://cssworld.ru/prodolzhaem-oformlyat-ssylki/" title="Продолжаем оформлять ссылки (Октябрь 21, 2008)">Продолжаем оформлять ссылки</a> </li>
	<li><a href="http://cssworld.ru/oformlyaem-vneshnie-ssylki/" title="Оформляем внешние ссылки (Октябрь 19, 2008)">Оформляем внешние ссылки</a> </li>
	<li><a href="http://cssworld.ru/obvodka-vokrug-ssylki/" title="Обводка вокруг ссылки (Август 5, 2008)">Обводка вокруг ссылки</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/prikolnye-yakornye-ssylki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Обводка вокруг ссылки</title>
		<link>http://cssworld.ru/obvodka-vokrug-ssylki/</link>
		<comments>http://cssworld.ru/obvodka-vokrug-ssylki/#comments</comments>
		<pubDate>Tue, 05 Aug 2008 07:43:01 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Ссылки]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=72</guid>
		<description><![CDATA[Лично меня обводка вокруг ссылки в момент кликанья ужасно раздражает. А вас? Если да, то убираем эту фигню следующим способом Смотрите также Решение распостроненных проблем в CSS Продолжаем оформлять ссылки Прикольные якорные ссылки Почему не следует использовать @import Полезные CSS хаки]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fobvodka-vokrug-ssylki%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fobvodka-vokrug-ssylki%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Лично меня обводка вокруг ссылки в момент кликанья ужасно раздражает. А вас?</p>
<p><img style="vertical-align: middle;" src="http://www.alexilin.ru/wp-content/uploads/2008/08/dotted_line.gif" alt="" width="300" height="50" /></p>
<p>Если да, то убираем эту фигню <a href="http://www.alexilin.ru/removing-dotted-outline/">следующим способом</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/reshenie-raspostronennyx-problem-v-css/" title="Решение распостроненных проблем в CSS (Июнь 17, 2008)">Решение распостроненных проблем в CSS</a> </li>
	<li><a href="http://cssworld.ru/prodolzhaem-oformlyat-ssylki/" title="Продолжаем оформлять ссылки (Октябрь 21, 2008)">Продолжаем оформлять ссылки</a> </li>
	<li><a href="http://cssworld.ru/prikolnye-yakornye-ssylki/" title="Прикольные якорные ссылки (Октябрь 11, 2008)">Прикольные якорные ссылки</a> </li>
	<li><a href="http://cssworld.ru/pochemu-ne-sleduet-ispolzovat-import/" title="Почему не следует использовать @import (Апрель 14, 2009)">Почему не следует использовать @import</a> </li>
	<li><a href="http://cssworld.ru/poleznye-css-xaki/" title="Полезные CSS хаки (Июнь 19, 2008)">Полезные CSS хаки</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/obvodka-vokrug-ssylki/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

