<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2russianfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0"><channel><title>PokrovBlog</title> <link>http://pokrovskii.com</link> <description>Веб-дизайн устами фрилансера, глазами дизайнера, и руками верстальщика</description> <lastBuildDate>Wed, 24 Feb 2010 22:00:57 +0000</lastBuildDate> <generator>http://wordpress.org/?v=2.9.2</generator> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Pokrovblog" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="pokrovblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">Pokrovblog</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://feeds.feedburner.com/Pokrovblog" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://lenta.yandex.ru/settings.xml?name=feed&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2FPokrovblog" src="http://lenta.yandex.ru/i/addfeed.gif">?????? ? ??????.?????</feedburner:feedFlare><item><title>Я хочу быть фрилансером. Нет, не хочешь!</title><link>http://pokrovskii.com/ya-xochu-byt-frilanserom-net-ne-xochesh/</link> <comments>http://pokrovskii.com/ya-xochu-byt-frilanserom-net-ne-xochesh/#comments</comments> <pubDate>Sun, 27 Dec 2009 14:14:52 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[freelance]]></category> <category><![CDATA[мнение]]></category> <category><![CDATA[работа]]></category> <category><![CDATA[фриланс]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=248</guid> <description><![CDATA[Из 50 человек начинающих заниматься фрилансом, только 1 остается в нем сроком более чем на 2 года.
К сожалению, какой бы то не было глобальной статистики по тенденции роста чистокровных фрилансеров нету, поэтому я воспользовался статистикой основанной на собственных наблюдениях. И я хотел бы поделиться своими рассуждениями на эту тему.
Начнем, пожалуй, с самых ранних фрилансеров [...]]]></description> <content:encoded><![CDATA[<blockquote><p>Из 50 человек начинающих заниматься фрилансом, только 1 остается в нем сроком более чем на 2 года.</p></blockquote><p>К сожалению, какой бы то не было глобальной статистики по тенденции роста чистокровных фрилансеров нету, поэтому я воспользовался статистикой основанной на собственных наблюдениях. И я хотел бы поделиться своими рассуждениями на эту тему.</p><p>Начнем, пожалуй, с самых ранних фрилансеров (те, что появились лет эдак 5 назад, на заре этого явления). Эти бравые конкистадоры имели перед собой четкие цели: долой тупой директорат, даешь свободу творчества, больше денег, и чувство независимости. По ним складывался образ фриланса как работы и как стиля жизни, они были его живой рекламой. Именно глядя на них, читая про их жизнь, про то, как же прекрасно во фрилансе, за ними тянулись остальные. Но вот парадокс фриланс — это вроде хорошо, даже прекрасно и вообще, райские кущи, а серьезно занимаются этим единицы. Почему? Тут конечно, можно говорить о трудностях, о том, что фриланс, он не для каждого, и приемлет только сильных, целеустремленных и бла-бла-бла.. Можно, но я не буду. Потому что дело не в этом, вернее не только в этом…</p><p>Возьмем, к примеру, десяток людей. Мальчики или девочки — не суть, пусть будут и те и другие. И спросим их, например: <i>«Хотите красивую спортивную фигуру?»</i>. Тут все дружно кивнут. А кто не хочет нравиться окружающим и чувствовать себя здоровым? Спросим дальше: <i>«А что для этого делать надо, знаем?»</i> Ну конечно, знаем: спортом заниматься, в тренажерный зал ходить, следить за питанием, и так далее&#8230; «И чего не делаем?». Все. Посыпались отмазки, отговорки или просто гробовое молчание.</p><p>Другой пример. Знаменитым писателем стать хотите? Директором банка? Известной актрисой? Певцом с мировым именем? Художником, таким чтобы при жизни все восхищались? Дизайнером, работающим лежа в шезлонге на пляже Малибу? Разработчиком, чье имя будет ассоциироваться со всем новым и прогрессивным? Архитектором, изобретшим новый стиль? Хотите?</p><p><b>Нет!</b></p><p>Потому что вы хотите иметь<b> </b>сотни бестселлеров, а не писать их. Вы хотите ходить на работу как можно реже, а не придумывать, как заработать миллионы. И рисовать вы тоже не хотите, а хотите пляж, денег и славу.</p><p>Вот и 50 начинающих фрилансеров так же. Они хотят вставать после обеда, они хотят иметь деньги тогда, когда они им нужны, а не когда им их дадут. Хотят работать в теплых странах и желательно в уюте и комфорте, а не добираться 2 часа по 30 градусному морозу до тесных, давящих офисных стен.</p><p>И это нормально. Вот только фриланс тут не причем.</p><p><small><a
target="_blank" rel="nofollow" href="http://pokrovskii.com/goto/http://habrahabr.ru/blogs/freelance/79466/" >Бурное обсуждение статьи на хабре</a></small></p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/ya-xochu-byt-frilanserom-net-ne-xochesh/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Wordpress 2.8. У вас не работают некоторые плагины? Фиксим.</title><link>http://pokrovskii.com/wordpress-2-8-u-vas-ne-rabotayut-nekotorye-plaginy-fiksim/</link> <comments>http://pokrovskii.com/wordpress-2-8-u-vas-ne-rabotayut-nekotorye-plaginy-fiksim/#comments</comments> <pubDate>Fri, 18 Dec 2009 09:22:51 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[wordpress]]></category> <category><![CDATA[работа]]></category><guid isPermaLink="false">http://pokrovskii.com/wordpress-2-8-u-vas-ne-rabotayut-nekotorye-plaginy-fiksim/</guid> <description><![CDATA[У многих перестали корректно работать некоторые плагины. В частности те которые используют JS. То есть пропали всякие рющечки, например голосовалки, контактные формы на ajax.
Сие из-за того, что в wordpress принято грузить скрипты через wp_enqueue_script(). Вот только в wp2.7 они грузились ДО загрузки страницы, а wp2.8 ПОСЛЕ.
Если посмотреть на синтаксис функции то выглядит она вот так
wp_enqueue_script( [...]]]></description> <content:encoded><![CDATA[<p>У многих перестали корректно работать некоторые плагины. В частности те которые используют JS. То есть пропали всякие рющечки, например голосовалки, контактные формы на ajax.</p><p>Сие из-за того, что в wordpress принято грузить скрипты через wp_enqueue_script(). Вот только в wp2.7 они грузились ДО загрузки страницы, а wp2.8 ПОСЛЕ.</p><p>Если посмотреть на синтаксис функции то выглядит она вот так</p><p><tt>wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );</tt></p><p>Фиксится проблема элементарно: просто подставьте <tt>wp_footer()</tt> перед <tt>&lt;/body&gt;</tt></p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/wordpress-2-8-u-vas-ne-rabotayut-nekotorye-plaginy-fiksim/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Заметки про верстку. Паттерн</title><link>http://pokrovskii.com/zametki-pro-verstku-pattern/</link> <comments>http://pokrovskii.com/zametki-pro-verstku-pattern/#comments</comments> <pubDate>Fri, 11 Dec 2009 14:57:48 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[Misc]]></category><guid isPermaLink="false">http://pokrovskii.com/zametki-pro-verstku-pattern/</guid> <description><![CDATA[Дизайнер делает хитрый фон. Например, такой
И шлет его паттерн в pattern.pat.
Задача: сохранить паттерн в первоначальном размере.
Решение: Открываем в photoshop нужный нам паттерн, наводим мышкой, ждем пока покажут размеры:
Затем создаем файл по указанным размерам, заливаем и сохраняем.
]]></description> <content:encoded><![CDATA[<p>Дизайнер делает хитрый фон. Например, такой</p><p><img
style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image12.png" width="465" height="400" /></p><p>И шлет его паттерн в pattern.pat.</p><p><strong>Задача:</strong> сохранить паттерн в первоначальном размере.</p><p><strong>Решение: </strong>Открываем в photoshop нужный нам паттерн, наводим мышкой, ждем пока покажут размеры:</p><p><img
style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image13.png" width="460" height="406" /></p><p>Затем создаем файл по указанным размерам, заливаем и сохраняем.</p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/zametki-pro-verstku-pattern/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Плагин Add code to RSS</title><link>http://pokrovskii.com/plagin-add-code-to-rss/</link> <comments>http://pokrovskii.com/plagin-add-code-to-rss/#comments</comments> <pubDate>Sun, 29 Nov 2009 21:50:48 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[wordpress]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=241</guid> <description><![CDATA[Я уже делился (http://pokrovskii.com/kak-vyvesti-v-rss-meta-dannye/) способом которым можно расширить вашу RSS ленту. Его недостаток заключался в том, что после каждого аптейта необходимо было проделвать процедуру заново. Тогда я написал плагин (спасибо за консультации Владимиру). Заодно и расширил функционал.
Теперь в RSS можно добавить любой текст или php-код. Как до основной ленты, так и после.
Это очень удобно. [...]]]></description> <content:encoded><![CDATA[<p>Я уже делился (<a
href="http://pokrovskii.com/kak-vyvesti-v-rss-meta-dannye/" title="http://pokrovskii.com/kak-vyvesti-v-rss-meta-dannye/" >http://pokrovskii.com/kak-vyvesti-v-rss-meta-dannye/</a>) способом которым можно расширить вашу RSS ленту. Его недостаток заключался в том, что после каждого аптейта необходимо было проделвать процедуру заново. Тогда я написал плагин (спасибо за консультации <a
target="_blank" rel="nofollow" href="http://pokrovskii.com/goto/http://blog.sjinks.pro/" >Владимиру</a>). Заодно и расширил функционал.</p><p>Теперь в RSS можно добавить любой текст или php-код. Как до основной ленты, так и после.</p><p>Это очень удобно. Нет, правда!</p><p>Может картинку в начале ленты?</p><div
class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span
style="color: #000000; font-weight: bold;">&lt;?php</span><br
/> &nbsp; &nbsp;<span
style="color: #000000; font-weight: bold;">global</span> <span
style="color: #000088;">$post</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp;<span
style="color: #000088;">$big_img</span> <span
style="color: #339933;">=</span> get_post_meta<span
style="color: #009900;">&#40;</span><span
style="color: #000088;">$post</span><span
style="color: #339933;">-&gt;</span><span
style="color: #004000;">ID</span><span
style="color: #339933;">,</span> <span
style="color: #0000ff;">'BigImageURL'</span><span
style="color: #339933;">,</span> <span
style="color: #009900; font-weight: bold;">true</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp;<span
style="color: #000088;">$img</span> <span
style="color: #339933;">=</span> get_post_meta<span
style="color: #009900;">&#40;</span><span
style="color: #000088;">$post</span><span
style="color: #339933;">-&gt;</span><span
style="color: #004000;">ID</span><span
style="color: #339933;">,</span> <span
style="color: #0000ff;">'ImageURL'</span><span
style="color: #339933;">,</span> <span
style="color: #009900; font-weight: bold;">true</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp;<span
style="color: #000088;">$img_title</span> <span
style="color: #339933;">=</span> <span
style="color: #000088;">$post</span><span
style="color: #339933;">-&gt;</span><span
style="color: #004000;">post_title</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp;<span
style="color: #b1b100;">if</span> <span
style="color: #009900;">&#40;</span><span
style="color: #000088;">$big_img</span><span
style="color: #009900;">&#41;</span> <span
style="color: #009900;">&#123;</span><br
/> &nbsp; &nbsp; &nbsp; <span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&lt;p&gt;&lt;img src=&quot;'</span><span
style="color: #339933;">.</span><span
style="color: #000088;">$big_img</span><span
style="color: #339933;">.</span><span
style="color: #0000ff;">'&quot; alt=&quot;'</span><span
style="color: #339933;">.</span><span
style="color: #000088;">$img_title</span><span
style="color: #339933;">.</span><span
style="color: #0000ff;">'&quot; title=&quot;'</span><span
style="color: #339933;">.</span><span
style="color: #000088;">$img_title</span><span
style="color: #339933;">.</span><span
style="color: #0000ff;">'&quot; /&gt;&lt;/p&gt;'</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp;<span
style="color: #009900;">&#125;</span><br
/> &nbsp; &nbsp;<span
style="color: #b1b100;">else</span> <span
style="color: #009900;">&#123;</span><br
/> &nbsp; &nbsp; &nbsp; <span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&lt;p&gt;&lt;img src=&quot;'</span><span
style="color: #339933;">.</span><span
style="color: #000088;">$img</span><span
style="color: #339933;">.</span><span
style="color: #0000ff;">'&quot; alt=&quot;'</span><span
style="color: #339933;">.</span><span
style="color: #000088;">$img_title</span><span
style="color: #339933;">.</span><span
style="color: #0000ff;">'&quot; title=&quot;'</span><span
style="color: #339933;">.</span><span
style="color: #000088;">$img_title</span><span
style="color: #339933;">.</span><span
style="color: #0000ff;">'&quot; /&gt;&lt;/p&gt;'</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp;<span
style="color: #009900;">&#125;</span><br
/> <span
style="color: #000000; font-weight: bold;">?&gt;</span></div></div><p>Количество комментариев в конце?</p><div
class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span
style="color: #000000; font-weight: bold;">&lt;?php</span><br
/> &nbsp; &nbsp; <span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&lt;div class=&quot;comment&quot;&gt;'</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&lt;a href=&quot;'</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp;the_permalink<span
style="color: #009900;">&#40;</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&quot;&gt;'</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;comments_number<span
style="color: #009900;">&#40;</span><span
style="color: #0000ff;">'post a comment'</span><span
style="color: #339933;">,</span> <span
style="color: #0000ff;">'1 comment'</span><span
style="color: #339933;">,</span> <span
style="color: #0000ff;">'% comments'</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&lt;/a&gt;'</span><span
style="color: #339933;">;</span><br
/> &nbsp; &nbsp; <span
style="color: #b1b100;">echo</span> <span
style="color: #0000ff;">'&lt;/div&gt;'</span><span
style="color: #339933;">;</span><br
/> <span
style="color: #000000; font-weight: bold;">?&gt;</span></div></div><p>Не, идем дальше: выведем сами комментарии</p><div
class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp;&lt;ol class=&quot;commentlist&quot;&gt;<br
/> <span
style="color: #000000; font-weight: bold;">&lt;?php</span> wp_list_comments<span
style="color: #009900;">&#40;</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span> <span
style="color: #000000; font-weight: bold;">?&gt;</span><br
/> &lt;/ol&gt;</div></div><p>И копирайты напишем.</p><div
class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">p</span>&gt;</span>Без спроса не копировать, а то атата сделаю.<span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">p</span>&gt;</span></div></div><p><a
target="_blank" rel="nofollow" href="http://pokrovskii.com/goto/http://wordpress.org/extend/plugins/add-code-to-rss/" >Скачать Add Code to RSS</a></p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/plagin-add-code-to-rss/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Когда Photoshop отображает совсем не то, что надо</title><link>http://pokrovskii.com/kogda-photoshop-otobrazhaet-sovsem-ne-to-chto-nado/</link> <comments>http://pokrovskii.com/kogda-photoshop-otobrazhaet-sovsem-ne-to-chto-nado/#comments</comments> <pubDate>Sun, 23 Aug 2009 22:51:04 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[ПронеKод]]></category> <category><![CDATA[color profiles]]></category> <category><![CDATA[photoshop]]></category> <category><![CDATA[srgb]]></category> <category><![CDATA[работа]]></category><guid isPermaLink="false">http://pokrovskii.com/kogda-photoshop-otobrazhaet-sovsem-ne-to-chto-nado/</guid> <description><![CDATA[<p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="example" border="0" alt="example" src="http://pokrovskii.com/wp-content/uploads/example.jpg" width="520" height="208" /></p><p>Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.</p><p>Разберемся почему так и как с этим жить.</p> ]]></description> <content:encoded><![CDATA[<p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="example" border="0" alt="example" src="http://pokrovskii.com/wp-content/uploads/example.jpg" width="520" height="208" /></p><p>Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.</p><p>Разберемся почему так и как с этим жить.</p><p>Небольшой экскурс в теорию. Для отображения цвета на наших мониторах используется цветовая модель RGB, но поскольку но, поскольку, мониторы разных моделей и производителей различаются, были предложены несколько альтернативных цветовых пространств, соответствующих «усредненному» монитору. Нам интересно пространство sRGB.</p><blockquote
isinserted="&lt;P&gt;sRGB – это цветовая модель использование которой будет одинаково отображать графику как на навороченном так и на допотопном ноутбуке.&lt;/P&gt;&lt;SPAN style=&quot;MARGIN: -43px -66px 0px 0px; DISPLAY: block; BACKGROUND: url(http://pokrovskii.com/wp-content/themes/color-blocks/images/quote-r.gif) no-repeat 100% 100%; HEIGHT: 33px&quot;&gt;&lt;!-- --&gt;&lt;/SPAN&gt;&lt;span style=&quot;background: url(http://pokrovskii.com/wp-content/themes/color-blocks/images/quote-r.gif) no-repeat 100% 100%; height: 33px; display: block; margin:-43px -66px 0 0;&quot;&gt;&lt;!-- --&gt;&lt;/span&gt;" isinserted="&lt;P&gt;sRGB – это цветовая модель использование которой будет одинаково отображать графику как на навороченном так и на допотопном ноутбуке.&lt;/P&gt;&lt;SPAN style=&quot;MARGIN: -43px -66px 0px 0px; DISPLAY: block; BACKGROUND: url(http://pokrovskii.com/wp-content/themes/color-blocks/images/quote-r.gif) no-repeat 100% 100%; HEIGHT: 33px&quot;&gt;&lt;!-- --&gt;&lt;/SPAN&gt;&lt;span style=&quot;background: url(http://pokrovskii.com/wp-content/themes/color-blocks/images/quote-r.gif) no-repeat 100% 100%; height: 33px; display: block; margin:-43px -66px 0 0;&quot;&gt;&lt;!-- --&gt;&lt;/span&gt;"><p>sRGB – это цветовая модель использование которой будет одинаково отображать графику как на навороченном так и на допотопном ноутбуке.</p><p> <span
style="margin: -43px -66px 0px 0px; display: block; background: url(http://pokrovskii.com/wp-content/themes/color-blocks/images/quote-r.gif) no-repeat 100% 100%; height: 33px"></span><span
style="margin: -43px -66px 0px 0px; display: block; background: url(http://pokrovskii.com/wp-content/themes/color-blocks/images/quote-r.gif) no-repeat 100% 100%; height: 33px"></span></p></blockquote><p>sRGB это пространство используемое по умолчанию&#160; для отображение графики в интернете.</p><h2>Различие в профилях.</h2><p>У правильного верстальщика профиль стоит North America Web/Internet. Проследите чтобы в Working Spaces было именно sRGB.</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image5.png" width="849" height="677" /></p><p>У правильного дизайнера тоже должен стоять такой профиль при создание макета сайта. Тогда ни у кого не будет проблем.</p><p>Помимо этого ваш Photoshop должен не только работать с нужным профилем, но и отображать вам истинный вид макета. А поскольку навороченные мониторы вряд ли используют усредненный sRGB, то необходимо чтобы стояла галочка на Proof Colors.&#160; Этим вы заставляете Photoshop отображать изображения согласно профилю.</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image6.png" width="457" height="533" /></p><h2>Различия в OS</h2><p>В Win по умолчанию на картинки накладывается профиль sRGB, то есть даже если вы не выбрали вышеуказанный профиль, у вас все равно будет sRGB. Однако в MacOs на картинки по умолчанию накладывается профиль монитора, что плохо. Однако решающее значение будет играть тот факт, какой профиль вы используете в граф. редакторе.</p><p>Есть еще одно различие: в Win гамма по умолчанию 2.2, а в Мас 1.8 (по крайней мере в последней ОС). Из за этого картинки с Мака выглядят темнее в Винде, и наоборот. Если дизайнер хочет постичь Дао, то нужно на Маке поднять гамму до 2.2 (<small><s>кто скажет как это сделать, тому спасибо и ссылка</s> Настройки -> Мониторы -> Цвет -> Калибровать -> Продолжить -> 2.2 Телевизионная гамма… Прокликать дальше, как-нибудь назвать и использовать.<br
/> Спасибо <a
target="_blank" rel="nofollow" href="http://pokrovskii.com/goto/http://pepelsbey.net" >Вадиму Макееву</a></small>). Почему поднять на Маке, а не опустить на Вин? Потому что в Linux тоже 2.2, да и новая версия МаcOS выйдет с гаммой 2.2 (слухи ходят).</p><h2>Мне прислали макет в профиле отличном от sRGB</h2><p>Это самое интересное.</p><p>Так бывает. Стоит у дизайнера какой-нибудь “Cinema HD_BQB01072007” и дизайнер знать об этом не знает. Мол, наше дело нарисовать, художника всякий обидеть может и тэдэ.</p><p>Вряд ли сможете убедить дизайнера перевести макет в sRGB и перерисовать все цвета. Разве что при совсем уж отчаянной харизме (впрочем топор тоже может помочь). Не страшно.</p><p>Для начала необходимо убедится, что у нас стоят вот эти галки.</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image7.png" width="850" height="692" /></p><p>Теперь при получении некошерного профиля нам будет выдаваться вот такое окошко.</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image8.png" width="444" height="295" /></p><p>Что мы тут можем сделать.</p><ol><li>Мы можем применить профиль который идет с изображение</li><li>Мы можем конвертировать профиль в наше рабочее пространство.</li><li>Мы можем продолжить использовать свой профиль.</li></ol><p>Многие начинающие верстальщики перебирают все три способа, пока картинка не будет идентична той что отображается в просмотрщик(ACDSee или Irfan и примеру). И останавливаются на третем. Это <strong>НЕ ПРАВИЛЬНО, </strong>потому что вас просмотрщик тоже отображает не правильно.</p><p>И так допустим вы выбрали первый вариант. В этом случае при сохранении картинок нужно обязательно при сохранении картинки через Save for Web &amp; Devices… убрать галку с Convert sRGB. Иначе у нас сохранится совсем не то что нам надо.</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image9.png" width="307" height="676" /></p><p><strong>Внимание. В Photoshop CS3 она прячется здесь.</strong></p></p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image10.png" width="248" height="272" /></p><p>Я же настоятельно рекомендую выбирать второй пункт — конвертацию. Но перед этим зайдите в Convert to Profile и снимите вот эту галочку</p><p><img
style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://pokrovskii.com/wp-content/uploads/image11.png" width="822" height="757" /></p><p>Потому что в случае если в присланном вам профиле используется большее кол-во цветов чем в sRGB, то Photoshop будет пытаться заменить отсутствующие цвета комбинацией своих. Правда я не знаю как это будет выглядеть, ибо не сталкивался никогда. Скорее всего будет частичное цветовое несоответствие.</p><p>На этом все. Жду ваших вопросов.</p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/kogda-photoshop-otobrazhaet-sovsem-ne-to-chto-nado/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>Новости. Новая форма.</title><link>http://pokrovskii.com/novosti-novaya-forma/</link> <comments>http://pokrovskii.com/novosti-novaya-forma/#comments</comments> <pubDate>Mon, 17 Aug 2009 21:29:52 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[Misc]]></category> <category><![CDATA[News]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[form]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=228</guid> <description><![CDATA[
Моими очумевшыми от работы руками была сделана вот такая красивая форма. Да, можно было бы  простую рамку с текстареа и чекбоксы, но кидал я через бедро этот аскетизм.
В процессе работы был сильно пополнен багаж знаний языками jQuery, JavaScript, а также к месту пришлись свежеизученные ругательства.
З.Ы.
Что бы посмотреть в работе кликните на ссылку: &#8220;Заказать [...]]]></description> <content:encoded><![CDATA[<p><img
src="http://pokrovskii.com/wp-content/uploads/upgrade.jpg" alt="upgrade" title="upgrade" width="569" height="500" class="alignnone size-full wp-image-229" /></p><p>Моими очумевшыми от работы руками была сделана вот такая красивая форма. Да, можно было бы  простую рамку с текстареа и чекбоксы, но кидал я через бедро этот аскетизм.</p><p>В процессе работы был сильно пополнен багаж знаний языками jQuery, JavaScript, а также к месту пришлись свежеизученные ругательства.</p><p><strong>З.Ы.<br
/> Что бы посмотреть в работе кликните на ссылку: &#8220;Заказать мне работу&#8221;</strong></p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/novosti-novaya-forma/feed/</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>Как получить доступ К DOM родителя из iframe через jQuery</title><link>http://pokrovskii.com/kak-poluchit-dostup-k-dom-roditelya-iz-iframe-cherez-jquery/</link> <comments>http://pokrovskii.com/kak-poluchit-dostup-k-dom-roditelya-iz-iframe-cherez-jquery/#comments</comments> <pubDate>Wed, 12 Aug 2009 04:04:07 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[snippets]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=227</guid> <description><![CDATA[$&#40;&#34;#someID&#34;, top.document&#41;;
]]></description> <content:encoded><![CDATA[<div
class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span
style="color: #009900;">&#40;</span><span
style="color: #3366CC;">&quot;#someID&quot;</span><span
style="color: #339933;">,</span> top.<span
style="color: #660066;">document</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span></div></div> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/kak-poluchit-dostup-k-dom-roditelya-iz-iframe-cherez-jquery/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Как получить доступ к DOM iframe через jQuery</title><link>http://pokrovskii.com/kak-poluchit-dostup-k-dom-iframe-cherez-jquery/</link> <comments>http://pokrovskii.com/kak-poluchit-dostup-k-dom-iframe-cherez-jquery/#comments</comments> <pubDate>Mon, 10 Aug 2009 12:16:45 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[HTML]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[iframe]]></category> <category><![CDATA[jquery]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=225</guid> <description><![CDATA[
Iframe&#60;iframe id=&#34;i&#34; name=&#34;i&#34; frameborder=&#34;0&#34; allowtransparency=&#34;1&#34; src=&#34;form.php&#34;&#62;&#60;/iframe&#62;Содержимое iframe&#60;div id=&#34;j&#34;&#62;Абракабабра&#60;/div&#62;jQuery$&#40;'#i'&#41;.contents&#40;&#41;.find&#40;'#j'&#41;.html&#40;&#41;;]]></description> <content:encoded><![CDATA[<dl><dt><strong>Iframe</strong></dt><dd><div
class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">iframe</span> <span
style="color: #000066;">id</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;i&quot;</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;i&quot;</span> <span
style="color: #000066;">frameborder</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;0&quot;</span> allowtransparency<span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;1&quot;</span> <span
style="color: #000066;">src</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;form.php&quot;</span>&gt;&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">iframe</span>&gt;</span></div></div></dd><dt><strong>Содержимое iframe</strong></dt><dd><div
class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">div</span> <span
style="color: #000066;">id</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;j&quot;</span>&gt;</span>Абракабабра<span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></div></dd><dt><strong>jQuery</strong></dt><dd><div
class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span
style="color: #009900;">&#40;</span><span
style="color: #3366CC;">'#i'</span><span
style="color: #009900;">&#41;</span>.<span
style="color: #660066;">contents</span><span
style="color: #009900;">&#40;</span><span
style="color: #009900;">&#41;</span>.<span
style="color: #660066;">find</span><span
style="color: #009900;">&#40;</span><span
style="color: #3366CC;">'#j'</span><span
style="color: #009900;">&#41;</span>.<span
style="color: #660066;">html</span><span
style="color: #009900;">&#40;</span><span
style="color: #009900;">&#41;</span><span
style="color: #339933;">;</span></div></div></dd></dl> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/kak-poluchit-dostup-k-dom-iframe-cherez-jquery/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Бесценно или не имеет цены?</title><link>http://pokrovskii.com/bescenno-ili-ne-imeet-ceny/</link> <comments>http://pokrovskii.com/bescenno-ili-ne-imeet-ceny/#comments</comments> <pubDate>Fri, 31 Jul 2009 19:02:47 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[freelance]]></category> <category><![CDATA[фриланс]]></category> <category><![CDATA[цена]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=224</guid> <description><![CDATA[Эти два понятия диаметрально противоположны.
Бесценно — это когда «ну очень много денег», а не имеет цены — значит тебе ничего за это не дали.
Разумеется цена здесь не носит номинальный характер. Во фрилансе, с их гуру и демперами, услуга или товар, вообще не имеет номинала. Можно потратить своевременных пять минут, для того чтобы потом облегчит [...]]]></description> <content:encoded><![CDATA[<p>Эти два понятия диаметрально противоположны.</p><blockquote><p> Бесценно — это когда «ну очень много денег», а не имеет цены — значит тебе ничего за это не дали.</p></blockquote><p>Разумеется цена здесь не носит номинальный характер. Во фрилансе, с их гуру и демперами, услуга или товар, вообще не имеет номинала. Можно потратить своевременных пять минут, для того чтобы потом облегчит владельцу сайту жизнь на долгие месяцы, — и это будет бесценно, а можно потратить месяц на умопомрачительный дизайн, что его так и внедрили, — и это уже &#8220;не имеет цены&#8221;.</p><p>Выводы сами сделайте.</p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/bescenno-ili-ne-imeet-ceny/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Размещаем что-либо поверх flash блока</title><link>http://pokrovskii.com/razmeshhaem-chto-libo-poverx-flash-bloka/</link> <comments>http://pokrovskii.com/razmeshhaem-chto-libo-poverx-flash-bloka/#comments</comments> <pubDate>Sun, 26 Jul 2009 13:31:05 +0000</pubDate> <dc:creator>Максим Покровский</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[flash]]></category><guid isPermaLink="false">http://pokrovskii.com/?p=222</guid> <description><![CDATA[
Размещаем любой блок над флеш&#160; &#160; &#160; &#60;div class=&#34;flash-wrap&#34;&#62; &#60;!-- &#160;Нужен для того что бы размещенная ссылка была именно там где нужно нам, а не там где хочет она. --&#62;
&#160; &#160; &#160; &#160; &#160;&#60;a class=&#34;flash-link&#34; href=&#34;#&#34;&#62;Перейти на PokrovBlog&#60;/a&#62;
&#160; &#160; &#160; &#160; &#160;&#60;object type=&#34;application/x-shockwave-flash&#34; data=&#34;flash.swf&#34; width=&#34;180&#34; height=&#34;220&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;param name=&#34;wmode&#34; value=&#34;opaque&#34;&#62; &#60;!-- [...]]]></description> <content:encoded><![CDATA[<dl><dt>Размещаем любой блок над флеш</dt><dd><div
class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">div</span> <span
style="color: #000066;">class</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash-wrap&quot;</span>&gt;</span> <span
style="color: #808080; font-style: italic;">&lt;!-- &nbsp;Нужен для того что бы размещенная ссылка была именно там где нужно нам, а не там где хочет она. --&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">a</span> <span
style="color: #000066;">class</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash-link&quot;</span> <span
style="color: #000066;">href</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;#&quot;</span>&gt;</span>Перейти на PokrovBlog<span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">a</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">object</span> <span
style="color: #000066;">type</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> <span
style="color: #000066;">data</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash.swf&quot;</span> <span
style="color: #000066;">width</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;180&quot;</span> <span
style="color: #000066;">height</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;220&quot;</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">param</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;wmode&quot;</span> <span
style="color: #000066;">value</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;opaque&quot;</span>&gt;</span> <span
style="color: #808080; font-style: italic;">&lt;!-- Флеш ведет себя так как нам надо. Если он лежит в body, то слои будут его закрывать, если в слое - то он закрывает нижние (по z-index) слои и закрывается верхними. Фон имеет фоновый цвет. Без этой штуки работать ничего не будет. --&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">param</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;movie&quot;</span> <span
style="color: #000066;">value</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash.swf&quot;</span> <span
style="color: #66cc66;">/</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">param</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;quality&quot;</span> <span
style="color: #000066;">value</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;high&quot;</span> <span
style="color: #66cc66;">/</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">object</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></div><div
class="codecolorer-container css default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.flash-wrap<span
style="color: #00AA00;">&#123;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #000000; font-weight: bold;">position</span><span
style="color: #00AA00;">:</span> <span
style="color: #993333;">relative</span><span
style="color: #00AA00;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #00AA00;">&#125;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.flash-link<span
style="color: #00AA00;">&#123;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #000000; font-weight: bold;">position</span><span
style="color: #00AA00;">:</span> <span
style="color: #993333;">absolute</span><span
style="color: #00AA00;">;</span> <span
style="color: #000000; font-weight: bold;">top</span><span
style="color: #00AA00;">:</span><span
style="color: #933;">0px</span><span
style="color: #00AA00;">;</span> <span
style="color: #000000; font-weight: bold;">left</span><span
style="color: #00AA00;">:</span><span
style="color: #933;">0px</span><span
style="color: #00AA00;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #00AA00;">&#125;</span></div></div><p>Это наитипичнейшый пример, но иногда требует нечто более сложное. Например, мне нужно было сделать чтобы баннер с активной ссылкой (то есть уже вшитой в код самого флеша), вел на другой адрес.</p></dd><dt>Размешаем активную область над флеш.</dt><dd><div
class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">div</span> <span
style="color: #000066;">class</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash-wrap&quot;</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">a</span> <span
style="color: #000066;">class</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash-link&quot;</span> <span
style="color: #000066;">href</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;#&quot;</span>&gt;&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">a</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">object</span> <span
style="color: #000066;">type</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> <span
style="color: #000066;">data</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash.swf&quot;</span> <span
style="color: #000066;">width</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;180&quot;</span> <span
style="color: #000066;">height</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;220&quot;</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">param</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;wmode&quot;</span> <span
style="color: #000066;">value</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;opaque&quot;</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">param</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;movie&quot;</span> <span
style="color: #000066;">value</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;flash.swf&quot;</span> <span
style="color: #66cc66;">/</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #000000; font-weight: bold;">param</span> <span
style="color: #000066;">name</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;quality&quot;</span> <span
style="color: #000066;">value</span><span
style="color: #66cc66;">=</span><span
style="color: #ff0000;">&quot;high&quot;</span> <span
style="color: #66cc66;">/</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">object</span>&gt;</span><br
/> &nbsp; &nbsp; &nbsp; <span
style="color: #009900;">&lt;<span
style="color: #66cc66;">/</span><span
style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></div><div
class="codecolorer-container css default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div
class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&nbsp; &nbsp; &nbsp; .flash-wrap<span
style="color: #00AA00;">&#123;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #000000; font-weight: bold;">position</span><span
style="color: #00AA00;">:</span> <span
style="color: #993333;">relative</span><span
style="color: #00AA00;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #00AA00;">&#125;</span><br
/> &nbsp; &nbsp; &nbsp; <br
/> &nbsp; &nbsp; &nbsp; .flash-link<span
style="color: #00AA00;">&#123;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #000000; font-weight: bold;">position</span><span
style="color: #00AA00;">:</span> <span
style="color: #993333;">absolute</span><span
style="color: #00AA00;">;</span> <span
style="color: #000000; font-weight: bold;">top</span><span
style="color: #00AA00;">:</span><span
style="color: #933;">0px</span><span
style="color: #00AA00;">;</span> <span
style="color: #000000; font-weight: bold;">left</span><span
style="color: #00AA00;">:</span><span
style="color: #933;">0px</span><span
style="color: #00AA00;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #000000; font-weight: bold;">width</span><span
style="color: #00AA00;">:</span><span
style="color: #933;">180px</span><span
style="color: #00AA00;">;</span> <span
style="color: #808080; font-style: italic;">/*Размеры флешки*/</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #000000; font-weight: bold;">height</span><span
style="color: #00AA00;">:</span><span
style="color: #933;">220px</span><span
style="color: #00AA00;">;</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #000000; font-weight: bold;">background</span><span
style="color: #00AA00;">:</span> <span
style="color: #993333;">url</span><span
style="color: #00AA00;">&#40;</span><span
style="color: #ff0000;">'images/0.gif'</span><span
style="color: #00AA00;">&#41;</span> <span
style="color: #993333;">no-repeat</span><span
style="color: #00AA00;">;</span> <span
style="color: #808080; font-style: italic;">/*Особенный костыль для всех IE. Если фона нет, то воспринимается ссылка вшитая во флеш, а не наша. Думаю понятно, что 0.gif это прозрачный однопиксельный гиф.*/</span><br
/> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
style="color: #00AA00;">&#125;</span></div></div></dd></dl><p><a
href="http://pokrovskii.com/samples/222" >Пример</a></p> ]]></content:encoded> <wfw:commentRss>http://pokrovskii.com/razmeshhaem-chto-libo-poverx-flash-bloka/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item><div id="sharepage"><div class="title"><a rel="nofollow" href="http://pokrovskii.com/goto/http://blog.sjinks.org.ua/php/wordpress/202-onebutton-better-version-of-odnaknopka/">Add to Social Bookmarks</a></div><ul class="clearfix"><li id="blink" title="Add to Blink"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;url={url}&amp;title={title}&amp;description={title}">Blink</a></li><li id="delicious" title="Add to del.ici.ous"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://del.icio.us/post?url={url}&amp;title={title}">del.ici.ous</a></li><li id="digg" title="Add to Digg"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://digg.com/submit?phase=2&amp;url={url}">Digg</a></li><li id="furl" title="Add to Furl"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.furl.net/storeIt.jsp?u={url}&amp;t={title}">Furl</a></li><li id="google" title="Add to Google"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://fusion.google.com/add?feedurl={url}">Google</a></li><li id="simpy" title="Add to Simpy"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://simpy.com/simpy/LinkAdd.do?href=&amp;title={title}&amp;note={title}&amp;_doneURI={url}&amp;v=6&amp;src=bookmarklet">Simpy</a></li><li id="spurl" title="Add to Spurl"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.spurl.net/spurl.php?v=3&amp;url={url}&amp;title={title}&amp;blocked={title}">Spurl</a></li><li id="ymyweb" title="Add to Y! MyWeb"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://myweb2.search.yahoo.com/myresults/bookmarklet?u={url}&amp;t={title}&amp;d=&amp;ei=UTF-8">Y! MyWeb</a></li><li id="bobrdobr" title="Add to BobrDobr"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://bobrdobr.ru/addext.html?url={url}&amp;title={title}">BobrDobr</a></li><li id="mrwong" title="Add to Mister Wong"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.mister-wong.ru/index.php?action=addurl&amp;bm_url={url}&amp;bm_description={title}">Mr. Wong</a></li><li id="yabm" title="Add to Yandex.Bookmarks"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl={url}&amp;lname={title}">Yandex.Bookmarks</a></li><li id="text20" title="Add to Text 2.0"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://text20.ru/add/?source={url}&amp;title={title}&amp;text={title}">Text 2.0</a></li><li id="news2" title="Add to News2"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://news2.ru/add_story.php?url={url}">News2</a></li><li id="addscoop" title="Add to AddScoop"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://myscoop.ru/add/?URL={url}&amp;title={title}">AddScoop</a></li><li id="ruspace" title="Add to RuSpace"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.ruspace.ru/index.php?link=bookmark&amp;action=bookmarkNew&amp;bm=1&amp;url={url}&amp;title={title}">RuSpace</a></li><li id="rumarkz" title="Add to RUmarkz"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://rumarkz.ru/bookmarks/?action=add&amp;popup=1&amp;address={url}&amp;title={title}">RUmarkz</a></li><li id="memori" title="Add to Memori"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://memori.ru/link/?sm=1&amp;u_data[url]={url}&amp;u_data[name]={title}">Memori</a></li><li id="googlebm" title="Add to Google Bookmarks"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.google.com/bookmarks/mark?op=add&amp;bkmk={url}&amp;title={title}">Google Bookmarks</a></li><li id="pisali" title="Add to Pisali"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://pisali.ru/load_article/">Pisali</a></li><li id="smi2" title="Add to SMI 2"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://smi2.ru/add/">SMI 2</a></li><li id="myplace" title="Add to Moe Mesto"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://moemesto.ru/post.php?url={url}&amp;title={title}">Moe Mesto</a></li><li id="bm100" title="Add to Sto Zakladok"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.100zakladok.ru/save/?bmurl={url}&amp;bmtitle={title}">100 Zakladok</a></li><li id="wow" title="Add to Vaau!"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://www.vaau.ru/submit/?action=step2&amp;url={url}">Vaau!</a></li><li id="technorati" title="Add to Technorati"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://technorati.com/faves?add={url}">Technorati</a></li><li id="rucity" title="Add to RuCity"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://rucity.com/bookmarks.php?action=add&amp;address={url}&amp;title={title}&amp;description={title}">RuCity</a></li><li id="linkstore" title="Add to LinkStore"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://linkstore.ru/servlet/LinkStore?a=add&amp;url={url}&amp;title={title}">LinkStore</a></li><li id="newsland" title="Add to NewsLand"><a rel="external nofollow" href="http://pokrovskii.com/goto/http://newsland.ru/News/Add/type/news/">NewsLand</a></li></ul></div> </channel> </rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 13/19 queries in 0.169 seconds using disk

Served from: pokrovskii.com @ 2012-02-04 12:19:07 -->

