<?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>Risotto &#187; CSS</title>
	<atom:link href="http://blog.sleety.org/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.sleety.org</link>
	<description>Темы для Wordpress на русском языке.</description>
	<lastBuildDate>Wed, 31 Mar 2010 13:10:51 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Выравнивание изображений в Wordpress 2.5</title>
		<link>http://blog.sleety.org/wp/align-images-in-wordpress-25/</link>
		<comments>http://blog.sleety.org/wp/align-images-in-wordpress-25/#comments</comments>
		<pubDate>Sat, 17 May 2008 14:48:14 +0000</pubDate>
		<dc:creator>deerstop</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[код]]></category>

		<guid isPermaLink="false">http://blog.sleety.org/?p=111</guid>
		<description><![CDATA[В новой версии Wordpress появилась очень удобная возможность автоматически выравнивать изображение по правому или по левому краю. Я думаю, каждый на своем опыте знает, как некрасиво выглядят изображения, напрямую вставленные в текст:

И насколько красивее смотрится иллюстрация, обтекаемая текстом.

Так вот, теперь красивое обтекание можно делать автоматически: просто в загрузке изображений ставим галочку напротив пункта &#171;Выравнивание&#187; -> [...]]]></description>
			<content:encoded><![CDATA[<p>В новой версии Wordpress появилась очень удобная возможность автоматически выравнивать изображение по правому или по левому краю. Я думаю, каждый на своем опыте знает, как некрасиво выглядят изображения, напрямую вставленные в текст:<br />
<img src="http://blog.sleety.org/wp-content/uploads/2008/05/img-normal.gif" alt="" title="" width="256" height="183" class="alignnone size-full wp-image-113" /></p>
<p>И насколько красивее смотрится иллюстрация, обтекаемая текстом.<br />
<img src="http://blog.sleety.org/wp-content/uploads/2008/05/align-left.gif" alt="" title="align-left" width="296" height="124" class="alignnone size-full wp-image-112" /></p>
<p>Так вот, теперь красивое обтекание можно делать автоматически: просто в загрузке изображений ставим галочку напротив пункта &#171;Выравнивание&#187; -> &#171;слева&#187;. </p>
<p>Если вы жмёте злополучное &#171;слева&#187; или &#171;справа&#187;, но ничего не происходит, то скорее всего у вас в теме просто не прописан нужный код. Исправить это очень просто. Для начала зайдите в папку с темой и найдите там CSS-файл. Скорее всего, он называется <strong>style.css</strong>. Открывайте в текстовом блокноте (также редактор тем доступен через панель управления) и копируйте туда следующее:</p>
<p><code>img.centered {display: block;<br />
	margin-left: auto;<br />
	margin-right: auto;}</code></p>
<p><code>img.alignright {padding: 4px;<br />
	margin: 0 0 2px 7px;<br />
	display: inline;}</code></p>
<p><code>img.alignleft {padding: 4px;<br />
	margin: 0 7px 2px 0;<br />
	display: inline;}</code></p>
<p><code>.alignright {float: right;}</code><br />
<code>.alignleft {float: left}</code></p>
<p>Вот и всё.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sleety.org/wp/align-images-in-wordpress-25/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Как выделить собственные комментарии.</title>
		<link>http://blog.sleety.org/wp/highlight-author-comments/</link>
		<comments>http://blog.sleety.org/wp/highlight-author-comments/#comments</comments>
		<pubDate>Sun, 17 Feb 2008 23:12:20 +0000</pubDate>
		<dc:creator>deerstop</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[как сделать]]></category>

		<guid isPermaLink="false">http://blog.sleety.org/wp/kak-vydelit-sobstvennye-kommentarii/</guid>
		<description><![CDATA[Меня попросили рассказать, как сделать так, чтобы ваши собственные комментарии выделялись на странице, то есть выглядели иначе, чем у остальных участников. По умолчанию в Wordpress не встроено подобной функции, и нет никакой разницы, кто написал комментарий: автор блога или кто-то другой.
Что делать, если вы хотите, например, сделать фон вашего комментария зеленым?


Довольно легкий способ описан в [...]]]></description>
			<content:encoded><![CDATA[<p>Меня попросили рассказать, как сделать так, чтобы ваши собственные комментарии выделялись на странице, то есть выглядели иначе, чем у остальных участников. По умолчанию в Wordpress не встроено подобной функции, и нет никакой разницы, кто написал комментарий: автор блога или кто-то другой.</p>
<p>Что делать, если вы хотите, например, сделать фон вашего комментария зеленым?<br />
<img src='http://blog.sleety.org/wp-content/uploads/2008/02/zajac_volk_author.gif' alt='Как выделить собственные комментарии?' /><br />
<span id="more-86"></span><br />
Довольно легкий способ описан в статье <a href="http://5thirtyone.com/archives/774">How-to style WordPress author comments</a> (<em>&#171;Как выделить авторские комментарии&#187;</em>), однако вам придется залезать в файлы Wordpress-шаблона. </p>
<p>Итак, ищите файл <em>comments.php</em> (папка <em>wp-content/themes/</em>, подпапка с вашим Wordpress-дизайном или &#171;Default&#187;), открывайте его в &#171;Блокноте&#187;. Нас интересуют следующие строки. </p>
<p>		<code>&#60;li &#60;?php echo $oddcomment; ?>id="comment-&#60;?php comment_ID() ?>"><br />
			&#60;cite>&#60;?php comment_author_link() ?>&#60;/cite> пишет:<br />
			&#60;?php if ($comment->comment_approved == '0') : ?></code></p>
<p>Здесь указано, в каком виде выводить комментарии на странице. Благодаря этому коду комментарий выглядит следующим образом: </p>
<p><code>&#60;li id="12345"><br />
&#60;cite>&#60;span id="editAuthor12345" class="editAuthor post">&#60;a href='http://somelink' rel='external'>Имя автора&#60;/a>&#60;/span>&#60;/cite> пишет:</code></p>
<p>Вам нужно заменить строчки</p>
<p><code>&#60;li &#60;?php echo $oddcomment; ?>id="comment-&#60;?php comment_ID() ?>"></code></p>
<p>на </p>
<p><code>&#60;li class="&#60;?php if ($comment->comment_author_email == "author@domain.com") echo 'author'; else echo $oddcomment; ?> item" id="comment-&#60;?php comment_ID() ?>"></code></p>
<p>Здесь author@domain.com &#8211; это ваш почтовый адрес. Вы наверняка помните, что любой человек, написавший комментарий, должен ввести адрес электронной почты. Можно сделать так, чтобы Wordpress проверял каждый комментарий и изменял код в зависимости  от того, <strong>какой именно</strong> адрес введен. И если вы введете собственный e-mail, допустим, <em>author@domain.com</em>, то к комментарию будет добавлен другой css-класс. В данном случае, если адрес электронной почты &#8211; <em>author@domain.com</em>, то у тэга &#60;li> добавится <code>class="author"</code>. Иначе комментарий будет показан без всяких изменений, как обычно. Вам остается изменить css-файл, вставив туда что-нибудь наподобие</p>
<p><code>.author {background-color : #E1EFDE;}</code></p>
<p>Комментарий с классом &#171;author&#187; отобразится светло-зеленым. Дерзайте!</p>
<p>Кроме того, для комментариев часто используется класс <code>.alt</code>, и тогда они идут не сплошным списком, а чередуются по стилю в шахматном порядке. Например, белый-серый-белый-серый. Если вы используете шаблон <strong>default</strong> (по умолчанию), то в результате вышеуказанных действий появляются какие-то странные кавычки, и у вас может пропасть <code>.alt</code>, т.е. этот альтернативный класс. Помогает изменение строчек <em>comments.php</em></p>
<p>	<code>&#60;?php<br />
		/* Changes every other comment to a different class */<br />
		$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';<br />
	?></code></p>
<p>на </p>
<p> <code> &#60;?php if ('alt' == $oddcomment) $oddcomment = '';<br />
		else $oddcomment = 'alt';	?></code></p>
<p>Хочу также добавить, что есть разные плагины, например, <a href="http://rmarsh.com/plugins/highlight-comments/">Highlight Author Comments</a>, но я ни один не пробовала, поэтому не могу посоветовать что-то конкретное. </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sleety.org/wp/highlight-author-comments/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>О важности a:active.</title>
		<link>http://blog.sleety.org/css/aactive-importance/</link>
		<comments>http://blog.sleety.org/css/aactive-importance/#comments</comments>
		<pubDate>Wed, 16 Jan 2008 23:04:25 +0000</pubDate>
		<dc:creator>deerstop</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[captcha]]></category>
		<category><![CDATA[код]]></category>

		<guid isPermaLink="false">http://blog.sleety.org/news/o-vazhnosti-aactive/</guid>
		<description><![CDATA[Сегодня я бы хотела отвлечься от основной тематики и написать вот о чем. В последнее время на наших сайтах распространилась новая мода: прописывать стили только для a:hover, а a:active в CSS-файлах благополучно опускать. Грубо говоря, это значит, что я держу мышь над ссылкой &#8211; и ссылка меняется. Убираю мышку &#8211; ссылка возвращается к исходному состоянию, [...]]]></description>
			<content:encoded><![CDATA[<p>Сегодня я бы хотела отвлечься от основной тематики и написать вот о чем. В последнее время на наших сайтах распространилась новая мода: прописывать стили только для <em>a:hover</em>, а <em>a:active</em> в CSS-файлах благополучно опускать. Грубо говоря, это значит, что я держу мышь над ссылкой &#8211; и ссылка меняется. Убираю мышку &#8211; ссылка возвращается к исходному состоянию, даже если я на нее кликнула (например, правой кнопкой).</p>
<p>Проблема в том, у карманных компьютеров не существует понятия &#171;ховер&#187; (англ. <em>hover</em> &#8211; нависать) и вспомогательного &#171;указающего перста&#187; (также известного как &#171;рука загребущая&#187;).<br />
<img src='http://blog.sleety.org/wp-content/uploads/2008/01/cursor-hand.gif' alt='Рука загребущая' title="Рука загребущая" class="ft" /><br />
У наладонников просто нет мыши, и я технически не могу навести курсор на ссылку &#8211; только кликнуть по ней.  Получается следующая ситуация: при наведении сслыка не меняется, потому что наводить нечего; при щелчке тоже не меняется, потому что дизайнер забыл про <em>a:active</em>. Итог: невозможно вообще понять, нажал ты на ссылку или нет. Приходится смотреть и ждать, начнет ли грузиться страница. А если ссылки идут плотным рядом? Как узнать, если ты случайно промахнулся и нажал не туда? Вопрос риторический.</p>
<p>Кстати, раз уж речь зашла о кпк&#8230; Многие забывают, что карманные браузеры далеко не всегда отображают картинки <a href="http://www.captcha.ru/">CAPTCHA</a>. Я бы даже сказала &#8211; не отображают практически никогда. Подумайте, прежде чем включать captcha-защиту на своем блоге.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sleety.org/css/aactive-importance/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

