<?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 Guru &#187; тень от блока</title>
	<atom:link href="http://starhack.ru/tag/ten-ot-bloka/feed/" rel="self" type="application/rss+xml" />
	<link>http://starhack.ru</link>
	<description>Верстка сайтов, использование CSS, jQuery</description>
	<lastBuildDate>Sat, 12 May 2012 13:56:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Название Censored</title>
		<link>http://starhack.ru/censored/</link>
		<comments>http://starhack.ru/censored/#comments</comments>
		<pubDate>Mon, 31 May 2010 21:00:41 +0000</pubDate>
		<dc:creator>Сергей Кириченко</dc:creator>
				<category><![CDATA[портфолио]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[кастомные контролы]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[полупрозрачная тень]]></category>
		<category><![CDATA[закругленные углы]]></category>
		<category><![CDATA[тень от блока]]></category>

		<guid isPermaLink="false">http://starhack.ru/?p=252</guid>
		<description><![CDATA[Очень долгий проект &#8212; первые страницы были сделаны еще в начале декабря 2008, некоторые добавления уже в конце мая 2009. Всего около 30 ?аблонов. Вплотную познакомился с jQuery. Конечно, код не кодерский, но вполне работоспособный. Как обычно кастомные контролы, закругления и тени. Что мне понравилось, как я сделал, так это выбор города и упрощенный «аккордеон» [...]]]></description>
			<content:encoded><![CDATA[<p>Очень долгий проект &#8212; первые страницы были сделаны еще в начале декабря 2008, некоторые добавления уже в конце мая 2009. Всего около 30 ?аблонов.<br />
Вплотную познакомился с jQuery. Конечно, код не кодерский, но вполне работоспособный.<br />
Как обычно кастомные контролы, закругления и тени. Что мне понравилось, как я сделал, так это выбор города и упрощенный «аккордеон» собственного изготовления. Готовые аккордеоны не устроили своей громоздкостью и множеством изли?еств. В моем варианте весь аккордеон занял полтора десятка строк.</p>
<pre>jQuery('a', '#accord').each(function(){
        if ($(this).next('ul').length &gt; 0)
            $(this).css({
                color: '#000'
            });
        $(this).click(function(event){
            if ($(this).next('ul').length &gt; 0) {
                event.preventDefault();
            }
            $(this).addClass('selected');
            $(this).next().show('slow');
            $('ul', $(this).parent().siblings()).hide('slow');
            $('a', $(this).parent().siblings()).removeClass('selected');
        })
    })</pre>
<p>Все  остальное просто  добротная верстка. Вот пример страницы.</p>
<div id="attachment_445" class="wp-caption aligncenter" style="width: 170px"><a href="http://css-schools.ru/portfolio/censored/"><img class="size-full wp-image-445 " title="главная страница сайта" src="http://starhack.ru/wp-content/uploads/2009/06/ex.jpg" alt="главная страница сайта" width="160" height="300" /></a><p class="wp-caption-text">главная страница сайта</p></div>
<p>Что мне не нравится на этом сайте — это огромные формы. Мне трудно представить, что  кто-то станет заполнять их полностью. Например вот такую</p>
<div id="attachment_447" class="wp-caption aligncenter" style="width: 173px"><a href="http://starhack.ru/wp-content/uploads/2009/06/form21.jpg"><img class="size-medium wp-image-447" title="пример формы" src="http://starhack.ru/wp-content/uploads/2009/06/form21-163x300.jpg" alt="пример формы" width="163" height="300" /></a><p class="wp-caption-text">пример формы</p></div>
<p>Эту форму надо не просто заполнить, проставив галочки где надо. Надо при заполнении учитывать, чтобы сумма некоторых полей составляла ровно 100%.</p>
]]></content:encoded>
			<wfw:commentRss>http://starhack.ru/censored/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Факультет &#8212; новая литература нового поколения</title>
		<link>http://starhack.ru/fakultet/</link>
		<comments>http://starhack.ru/fakultet/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 10:29:42 +0000</pubDate>
		<dc:creator>Сергей Кириченко</dc:creator>
				<category><![CDATA[c0nstant.in]]></category>
		<category><![CDATA[портфолио]]></category>
		<category><![CDATA[кастомные контролы]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[высота 100%]]></category>
		<category><![CDATA[полупрозрачная тень]]></category>
		<category><![CDATA[закругленные углы]]></category>
		<category><![CDATA[тень от блока]]></category>

		<guid isPermaLink="false">http://starhack.ru/?p=219</guid>
		<description><![CDATA[Давно длится проект (с марта месяца 2009 года), для которого сверстал общий макет и несколько внутренних страниц. Особенностями проекта по верстке я бы назвал обилие закругленных уголков на различных, местами неоднородных, фонах. Макет тянущийся с прижатым к низу страницы футером. Да, чуть не забыл, ко всему прочему здесь еще и «кастомные контролы» присутствуют. Как ни [...]]]></description>
			<content:encoded><![CDATA[<p>Давно длится проект (с марта месяца 2009 года), для которого сверстал общий макет и несколько внутренних страниц. Особенностями проекта по верстке я бы назвал обилие закругленных уголков на различных, местами неоднородных, фонах. Макет тянущийся с прижатым к низу страницы футером. Да, чуть не забыл, ко всему прочему здесь еще и «кастомные контролы» присутствуют. Как ни убеждай дизанеров, что «кастомные контролы» &#8212; это зло, а клиент всегда прав.</p>
<p><div id="attachment_239" class="wp-caption aligncenter" style="width: 310px"><a href="http://css-schools.ru/portfolio/index.html"><img class="size-medium wp-image-239 " title="макет главной страницы" src="http://starhack.ru/wp-content/uploads/2009/06/index-300x221.jpg" alt="макет главной страницы" width="300" height="221" /></a><p class="wp-caption-text">макет главной страницы</p></div><br />
<div id="attachment_242" class="wp-caption aligncenter" style="width: 283px"><a href="http://css-schools.ru/portfolio/typical.html"><img src="http://starhack.ru/wp-content/uploads/2009/06/typical-273x300.jpg" alt="типовая страница" title="типовая страница" width="273" height="300" class="size-medium wp-image-242" /></a><p class="wp-caption-text">типовая страница</p></div><br />
<div id="attachment_244" class="wp-caption aligncenter" style="width: 161px"><a href="http://css-schools.ru/portfolio/cabinet.html"><img src="http://starhack.ru/wp-content/uploads/2009/06/cabinet-151x300.jpg" alt="личный кабинет" title="личный кабинет" width="151" height="300" class="size-medium wp-image-244" /></a><p class="wp-caption-text">личный кабинет</p></div><br />
<div id="attachment_246" class="wp-caption aligncenter" style="width: 310px"><a href="http://css-schools.ru/portfolio/shelf.html"><img src="http://starhack.ru/wp-content/uploads/2009/06/cabinet2-300x265.jpg" alt="книжная полка пользователя" title="книжная полка пользователя" width="300" height="265" class="size-medium wp-image-246" /></a><p class="wp-caption-text">книжная полка пользователя</p></div></p>
]]></content:encoded>
			<wfw:commentRss>http://starhack.ru/fakultet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

