<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" xml:lang="ru"><title type="text">Понемногу обо всем.</title><link rel="alternate" type="text/html" href="http://www.beloll.ru" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/belollru" /><subtitle type="html">Записки вебразработчика. Статьи об интернете, сайтостроении и оптимизации.</subtitle><updated>2011-10-31T11:34:25+00:00</updated><generator>http://wordpress.org/?v=3.3.1</generator><sy:updatePeriod xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">hourly</sy:updatePeriod><sy:updateFrequency xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">1</sy:updateFrequency><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/belollru" /><feedburner:info uri="belollru" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>belollru</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><entry><title type="text">Сервис Panoramio</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/MzP8e5xzHmA/" /><category term="Интересное в сети" /><category term="Google" /><category term="Panoramio" /><category term="сервис" /><author><name>admin</name></author><updated>2011-10-30T11:48:17-07:00</updated><id>http://www.beloll.ru/?p=310</id><content type="html">Одним из последних сервисов, которые приобрел и успешно развивает Google является сервис Panoramio. Сервис создали в 2005 году двое испанцев. Первые сообщения о приобретении сервиса компанией Google появились в 2007 году. Google интегрировал сервис с картами Google. Пользователи &amp;#8212; владельцы фотографий могут загружать на сайт фотографии и привязывать их к определенной местности и/или указывать координаты&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=MzP8e5xzHmA:ubSUdHXRf5g:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=MzP8e5xzHmA:ubSUdHXRf5g:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=MzP8e5xzHmA:ubSUdHXRf5g:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=MzP8e5xzHmA:ubSUdHXRf5g:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=MzP8e5xzHmA:ubSUdHXRf5g:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=MzP8e5xzHmA:ubSUdHXRf5g:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=MzP8e5xzHmA:ubSUdHXRf5g:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=MzP8e5xzHmA:ubSUdHXRf5g:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/MzP8e5xzHmA" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/interesting-in-net/service-panoramio/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.beloll.ru/interesting-in-net/service-panoramio/</feedburner:origLink></entry><entry><title type="text">Пять галерей для WordPress</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/u1OnCYAaQq0/" /><category term="Блоговодство" /><category term="500px" /><category term="Flickr" /><category term="Picasa" /><category term="plugin" /><category term="WordPress" /><category term="галерея. фотография" /><category term="картинка" /><category term="плагин" /><author><name>admin</name></author><updated>2011-10-27T14:47:45-07:00</updated><id>http://www.beloll.ru/?p=296</id><content type="html">Раз уж пошла речь о добавлении средств управления картинками на сайт, продолжу эту тему. Расскажу о пяти плагинах для популярной среди блогеров платформы WordPress. И начну с самой часто упоминаемой галереи для WordPress &amp;#8212; NextGEN Gallery. NextGEN Gallery Как уже говорил, самый популярный и часто упоминаемый плагин. Это подтверждает наличие многочисленных клонов, сделанных на основе&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=u1OnCYAaQq0:vtVpJ8LK5Rw:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=u1OnCYAaQq0:vtVpJ8LK5Rw:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=u1OnCYAaQq0:vtVpJ8LK5Rw:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=u1OnCYAaQq0:vtVpJ8LK5Rw:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=u1OnCYAaQq0:vtVpJ8LK5Rw:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=u1OnCYAaQq0:vtVpJ8LK5Rw:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=u1OnCYAaQq0:vtVpJ8LK5Rw:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=u1OnCYAaQq0:vtVpJ8LK5Rw:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/u1OnCYAaQq0" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/blogovodstvo/five-galleries-for-wordpress/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.beloll.ru/blogovodstvo/five-galleries-for-wordpress/</feedburner:origLink></entry><entry><title type="text">Геолокация на JavaScript.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/BhIAph6JDtA/" /><category term="JavaScript" /><category term="Google maps" /><category term="геолокация" /><author><name>admin</name></author><updated>2011-10-20T13:32:55-07:00</updated><id>http://www.beloll.ru/?p=270</id><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/javascript/geolocation-on-javascript/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><content type="html">&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=BhIAph6JDtA:m2OwG3sAWao:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=BhIAph6JDtA:m2OwG3sAWao:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=BhIAph6JDtA:m2OwG3sAWao:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=BhIAph6JDtA:m2OwG3sAWao:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=BhIAph6JDtA:m2OwG3sAWao:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=BhIAph6JDtA:m2OwG3sAWao:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=BhIAph6JDtA:m2OwG3sAWao:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=BhIAph6JDtA:m2OwG3sAWao:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/BhIAph6JDtA" height="1" width="1"/&gt;</content><feedburner:origLink>http://www.beloll.ru/javascript/geolocation-on-javascript/</feedburner:origLink></entry><entry><title type="text">5 JQuery галерей.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/Jp3soHFpxsY/" /><category term="jQuery" /><category term="JavaScript" /><category term="галереи" /><author><name>admin</name></author><updated>2011-10-10T10:50:25-07:00</updated><id>http://www.beloll.ru/?p=237</id><content type="html">Работая над предыдущим постом Работаем с сервисом Flickr на JavaScript. Продолжение. познакомился в интернете с несколькими интересными реализациями галерей на JQuery. И о пяти из них я хочу рассказать. Galleria. Первой в обзоре идет JavaScript галерея, которая не мудрено называется Galleria. Галерея проста в использовании, ну об этом я писал в прошлом посте. Библиотека загружается&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=Jp3soHFpxsY:pfQDcaC1XWU:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=Jp3soHFpxsY:pfQDcaC1XWU:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=Jp3soHFpxsY:pfQDcaC1XWU:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=Jp3soHFpxsY:pfQDcaC1XWU:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=Jp3soHFpxsY:pfQDcaC1XWU:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=Jp3soHFpxsY:pfQDcaC1XWU:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=Jp3soHFpxsY:pfQDcaC1XWU:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=Jp3soHFpxsY:pfQDcaC1XWU:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/Jp3soHFpxsY" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/jquery/5-jquery-gallery/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">2</slash:comments><feedburner:origLink>http://www.beloll.ru/jquery/5-jquery-gallery/</feedburner:origLink></entry><entry><title type="text">Работаем с сервисом Flickr на JavaScript. Продолжение.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/bWBrNGZ52sM/" /><category term="JavaScript" /><category term="Flickr" /><category term="jQuery" /><category term="галерея" /><category term="динамическое меню" /><author><name>admin</name></author><updated>2011-10-09T01:40:04-07:00</updated><id>http://www.beloll.ru/?p=218</id><content type="html">Продолжим работать с сервисом Flickr. Ранее мы сформировали с помощью JavaScript динамическое меню, к одному из пунктов которого в качестве подпунктов добавили названия сетов (альбомов), которые хранятся в сервисе Flickr. Сейчас мы рассмотрим вывод фотографий каждого из сетов в зависимости от выбора посетителя. Инструментарий. Для вывода изображений будем использовать фрэймворк Galleria. Эта библиотека использует JQuery&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=bWBrNGZ52sM:eyGWP5PuY8g:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=bWBrNGZ52sM:eyGWP5PuY8g:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=bWBrNGZ52sM:eyGWP5PuY8g:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=bWBrNGZ52sM:eyGWP5PuY8g:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=bWBrNGZ52sM:eyGWP5PuY8g:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=bWBrNGZ52sM:eyGWP5PuY8g:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=bWBrNGZ52sM:eyGWP5PuY8g:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=bWBrNGZ52sM:eyGWP5PuY8g:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/bWBrNGZ52sM" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/javascript/working-with-service-flickr-to-javascript-2/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">6</slash:comments><feedburner:origLink>http://www.beloll.ru/javascript/working-with-service-flickr-to-javascript-2/</feedburner:origLink></entry><entry><title type="text">Работаем с сервисом Flickr на JavaScript</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/63JXlff_ahE/" /><category term="JavaScript" /><category term="Flickr" /><category term="динамическое меню" /><author><name>admin</name></author><updated>2011-09-28T10:54:55-07:00</updated><id>http://www.beloll.ru/?p=198</id><content type="html">Большинство пользователей интернета знают о сервисе хранения цифровых фотографий Flikr. По информации Википедии количество загруженных на сервис фотографий превысило 6 миллиардов штук. Постараемся использовать такой замечательный сервис для своего сайта. И, для начала, сделаем меню, один из пунктов которого будет разворачиваться в подпункты из названий сетов (альбомов) Flickr. Основой меню будет динамическое темное меню, руководство&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=63JXlff_ahE:4oQxagE9Yqo:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=63JXlff_ahE:4oQxagE9Yqo:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=63JXlff_ahE:4oQxagE9Yqo:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=63JXlff_ahE:4oQxagE9Yqo:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=63JXlff_ahE:4oQxagE9Yqo:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=63JXlff_ahE:4oQxagE9Yqo:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=63JXlff_ahE:4oQxagE9Yqo:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=63JXlff_ahE:4oQxagE9Yqo:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/63JXlff_ahE" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/javascript/working-with-service-flickr-to-javascript/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.beloll.ru/javascript/working-with-service-flickr-to-javascript/</feedburner:origLink></entry><entry><title type="text">Вертикальный аккордеон на Dojo.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/8jok9w_eDBM/" /><category term="JavaScript" /><category term="Dojo" /><category term="аккордеон" /><author><name>admin</name></author><updated>2011-09-22T11:40:10-07:00</updated><id>http://www.beloll.ru/?p=189</id><content type="html">В записи 5 способов создать вертикальный аккордеон. я рассказывал о создании вертикального аккордеона с использованием самых известных JavaScript библиотек. В тот урок не попала реализация аккордеона на Dojo. Этот пробел я сейчас восполню. Создадим HTML-основу: После div-а добавим JavaScript код: JavaScript код формирования аккордеона добавляем в заголовок страницы. Там же подключаем библиотеку Dojo, воспользовавшись одним&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=8jok9w_eDBM:xU7CvyUgl0c:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=8jok9w_eDBM:xU7CvyUgl0c:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=8jok9w_eDBM:xU7CvyUgl0c:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=8jok9w_eDBM:xU7CvyUgl0c:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=8jok9w_eDBM:xU7CvyUgl0c:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=8jok9w_eDBM:xU7CvyUgl0c:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=8jok9w_eDBM:xU7CvyUgl0c:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=8jok9w_eDBM:xU7CvyUgl0c:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/8jok9w_eDBM" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/javascript/vertical-accordion-with-dojo/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.beloll.ru/javascript/vertical-accordion-with-dojo/</feedburner:origLink></entry><entry><title type="text">Горизонтальный аккордеон на JQuery.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/0IpWU_893Uw/" /><category term="jQuery" /><category term="JavaScript" /><category term="горизонтальный аккордеон" /><author><name>admin</name></author><updated>2011-09-17T13:07:57-07:00</updated><id>http://www.beloll.ru/?p=176</id><content type="html">После публикации статьи 5 способов создать вертикальный аккордеон решил поискать способ создания горизонтального аккордиона. И нашел довольно простой способ здесь. Аккордеон создан с использованием JQuery. Единственным недостатком было использование графических элементов для секций аккордеона. Немного изменил код, тем более, что CSS3 позволяет создать вертикальный текст. Итак, создаем простую основу html: Подключаем JQuery и добавляем простой&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=0IpWU_893Uw:j0C-Tg2OxQA:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=0IpWU_893Uw:j0C-Tg2OxQA:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=0IpWU_893Uw:j0C-Tg2OxQA:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=0IpWU_893Uw:j0C-Tg2OxQA:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=0IpWU_893Uw:j0C-Tg2OxQA:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=0IpWU_893Uw:j0C-Tg2OxQA:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=0IpWU_893Uw:j0C-Tg2OxQA:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=0IpWU_893Uw:j0C-Tg2OxQA:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/0IpWU_893Uw" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/jquery/horizontal-accordion-with-jquery/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.beloll.ru/jquery/horizontal-accordion-with-jquery/</feedburner:origLink></entry><entry><title type="text">Восстановление блога или утро вечера мудренее.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/vRac7FwRmQk/" /><category term="Блоговодство" /><category term="phpMyAdmin" /><category term="WordPress" /><category term="восстановление базы" /><author><name>admin</name></author><updated>2011-09-10T07:08:31-07:00</updated><id>http://www.beloll.ru/?p=156</id><content type="html">Несколько дней назад хостинг, на котором размещен этот блог, стал недоступен. Так как блог отсутствовал в сети всего пару часов, я не придал этому значения: мало ли, может тех работы какие-нибудь. Единственным внешним проявлением сбоя стала отправка на почтовый ящик трех файлов с резервной копией базы. Но потом я обнаружил, то пропустил в статье &amp;#171;5&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=vRac7FwRmQk:GY2xY4bfwwg:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=vRac7FwRmQk:GY2xY4bfwwg:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=vRac7FwRmQk:GY2xY4bfwwg:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=vRac7FwRmQk:GY2xY4bfwwg:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=vRac7FwRmQk:GY2xY4bfwwg:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=vRac7FwRmQk:GY2xY4bfwwg:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=vRac7FwRmQk:GY2xY4bfwwg:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=vRac7FwRmQk:GY2xY4bfwwg:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/vRac7FwRmQk" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/blogovodstvo/recovery-blog-or-morning-evening/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://www.beloll.ru/blogovodstvo/recovery-blog-or-morning-evening/</feedburner:origLink></entry><entry><title type="text">5 способов создать вертикальный аккордеон.</title><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/belollru/~3/6bC80sfh9S4/" /><category term="JavaScript" /><category term="accordion" /><category term="AdobeSpry" /><category term="jQuery" /><category term="Mootools" /><category term="Yahoo YUI" /><category term="аккордеон" /><author><name>admin</name></author><updated>2011-09-04T23:00:53-07:00</updated><id>http://www.beloll.ru/?p=127</id><content type="html">Для одного проекта решил использовать меню в виде вертикального аккордеона. И вот какие реализации обнаружил: Аккордеон без использования JavaScript. Составим основной код HTML-страницы для реализации аккордеона: К этому коду после тега &amp;#60;head&amp;#62; добавим стили: Результат можно посмотреть здесь. Для реализации анимации было использован новые свойства CSS3, обеспечивающие плавное изменение заданных свойств. Аккордеон с библиотекой Adobe&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/belollru?a=6bC80sfh9S4:UsOX72O9E5k:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=6bC80sfh9S4:UsOX72O9E5k:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=6bC80sfh9S4:UsOX72O9E5k:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=6bC80sfh9S4:UsOX72O9E5k:qj6IDK7rITs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?d=qj6IDK7rITs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=6bC80sfh9S4:UsOX72O9E5k:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=6bC80sfh9S4:UsOX72O9E5k:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/belollru?a=6bC80sfh9S4:UsOX72O9E5k:-BTjWOF_DHI"&gt;&lt;img src="http://feeds.feedburner.com/~ff/belollru?i=6bC80sfh9S4:UsOX72O9E5k:-BTjWOF_DHI" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/belollru/~4/6bC80sfh9S4" height="1" width="1"/&gt;</content><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://www.beloll.ru/javascript/5_accordions_realisations/feed/</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">3</slash:comments><feedburner:origLink>http://www.beloll.ru/javascript/5_accordions_realisations/</feedburner:origLink></entry></feed>

