tag:blogger.com,1999:blog-39367060493205767102024-02-19T01:15:24.946-08:00attattaAnonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-3936706049320576710.post-14934106885739597022013-09-25T01:01:00.002-07:002013-09-25T01:01:26.990-07:00Слайдер на Css3 "Razor"<div dir="ltr" style="text-align: left;" trbidi="on">
Сверстал ещё один слайдер на css3.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-PuGo9_tMPOq7KZI1W9dwzfqbLL6HhcydqKw7p9xCn7-jmurCX_MEH9WbGJjE5xib2f_eEPergvYw-bl3t_P95BqQ1OPRjNKoCxcRuPlipeZo-a2NCpgUMCN0duSp-A2QplcWbRF-28N/s1600/razor-slider.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Слайдер на Css3 "Razor"" border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-PuGo9_tMPOq7KZI1W9dwzfqbLL6HhcydqKw7p9xCn7-jmurCX_MEH9WbGJjE5xib2f_eEPergvYw-bl3t_P95BqQ1OPRjNKoCxcRuPlipeZo-a2NCpgUMCN0duSp-A2QplcWbRF-28N/s400/razor-slider.png" title="Слайдер на Css3 "Razor"" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/razor-slider.tar.gz" target="_blank">Скачать</a>
<a href="http://cdpn.io/BaLJl" target="_blank">Демо</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-40475605780698641792013-09-22T07:46:00.000-07:002013-09-22T07:55:20.494-07:00Контентный блок с возможностью сортировки на Css3<div dir="ltr" style="text-align: left;" trbidi="on">
Сегодня сверстал контентный блок с возможностью сортировки на Css3.<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXtxXcCI6rOjqle2ixIZgpQt06eW9xwg0ZlUdRhEdOseP6XQyDKlZqbV4fhFum8vd-yFJhjHbnMGvGpMrJXSxZ_18iK1_xqXke44crM_mbyj3RuKZnQLDvQAC5gdSia_Fa61S5b89OwOY1/s1600/content-sort.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Контентный блок с возможностью сортировки на Css3" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXtxXcCI6rOjqle2ixIZgpQt06eW9xwg0ZlUdRhEdOseP6XQyDKlZqbV4fhFum8vd-yFJhjHbnMGvGpMrJXSxZ_18iK1_xqXke44crM_mbyj3RuKZnQLDvQAC5gdSia_Fa61S5b89OwOY1/s640/content-sort.png" title="Контентный блок с возможностью сортировки на Css3" width="385" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div>
<br /></div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/content-sort.tar.gz" target="_blank">Скачать</a>
<a href="http://cdpn.io/sBAjv" target="_blank">Демо</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-67364168551852047812013-09-18T14:46:00.000-07:002013-09-18T14:48:06.716-07:00Вертикальное меню акардеон в стиле Flat на Css 3<div dir="ltr" style="text-align: left;" trbidi="on">
Сверстал вертикальное меню акардеон в стиле Flat на Css 3<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtSlU0U79Ci_KS6Jo_BM17OWTbQNm-skSiFbrWpSzhOdVpfuKJYAh-7FwJ7ntdEvpBg2Q684MzxAUerHke-EmSNzbUSpgOeaMpys4OhBoVINxc0JvDtW9NjspFEOclqiEAcq-F0DnZcjs/s1600/vertical-user-menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Вертикальное меню акардеон в стиле Flat на Css 3" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKtSlU0U79Ci_KS6Jo_BM17OWTbQNm-skSiFbrWpSzhOdVpfuKJYAh-7FwJ7ntdEvpBg2Q684MzxAUerHke-EmSNzbUSpgOeaMpys4OhBoVINxc0JvDtW9NjspFEOclqiEAcq-F0DnZcjs/s320/vertical-user-menu.png" title="Вертикальное меню акардеон в стиле Flat на Css 3" width="201" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><div>
<br /></div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/flat-menu-akardeon.tar.gz" target="_blank">Скачать</a>
<a href="http://cdpn.io/pCrgi" target="_blank">Демо</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-49732295335650060272013-09-16T03:34:00.000-07:002013-09-16T03:34:59.587-07:00Компактное меню пользователя в стиле Flat<div dir="ltr" style="text-align: left;" trbidi="on">
Вот сверстал компактное меню пользователя в стиле Flat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKbvA-5-TaexxxWyUnki1g2ZQZO1yvjEOAcyBIF1KoohQMrcRpA9Q_9zJSPRoVdAPMjmt5Ka-OQdCDdjd6j0TlPUMQ1D8wk8K5dXbMIzK4LyInDBJ6NHmWi8JgzyhCwrffVgYfpsF-6KP/s1600/flat-mini-user-menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="компактное меню пользователя в стиле Flat" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKbvA-5-TaexxxWyUnki1g2ZQZO1yvjEOAcyBIF1KoohQMrcRpA9Q_9zJSPRoVdAPMjmt5Ka-OQdCDdjd6j0TlPUMQ1D8wk8K5dXbMIzK4LyInDBJ6NHmWi8JgzyhCwrffVgYfpsF-6KP/s1600/flat-mini-user-menu.png" title="компактное меню пользователя в стиле Flat" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/flat-mini-user-menu.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/OPALoYI/2/" target="_blank">Демо</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-1143719610745398642013-09-07T05:16:00.000-07:002013-09-07T05:16:01.148-07:00Пользовательское меню в стиле Nyan Cat на css 3<div dir="ltr" style="text-align: left;" trbidi="on">
Сверстал пользовательское меню в стиле Nyan Cat на css 3<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCJp-hBLbNKCFI1B3RkPMYQjuv4YpJ6oZaiUTBss4K_37camw1ID1eaeBgrzzuaqFS_jN7zvtyosjzbzfnLs9rnDAE_HwZx9iV1RRr0TI-3HLKrsB5a-oorrAhiAQ4fkiB2DMPDEYC4kx/s1600/nyan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Пользовательское меню в стиле Nyan Cat на css 3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVCJp-hBLbNKCFI1B3RkPMYQjuv4YpJ6oZaiUTBss4K_37camw1ID1eaeBgrzzuaqFS_jN7zvtyosjzbzfnLs9rnDAE_HwZx9iV1RRr0TI-3HLKrsB5a-oorrAhiAQ4fkiB2DMPDEYC4kx/s1600/nyan.png" title="Пользовательское меню в стиле Nyan Cat на css 3" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<br />
<div>
<div>
</div>
<div>
</div>
</div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/Nyan-Cat-menu%20.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/AsOmeTU/1/" target="_blank">Демо</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-8534032915386194982013-09-04T10:18:00.000-07:002013-09-04T10:21:21.933-07:00Контентный блок с возможностью слайдинга на css 3 <div dir="ltr" style="text-align: left;" trbidi="on">
Сверстал контентный блок с возможностью слайдинга на css 3.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZIcAV6Y1HIgWu8MYnI8eZPtaf1cADSgxNyOZW3p7RA3iLoQ6dUMKJ1WIOL5wDd8wQEVUag8yeaeRZ5_rBFHFhSDqukQhK7HQz-EbeU-3uWctQBvJeu2arFKNTqy6LBT5IpQIUA0aYAxu/s1600/gallery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Контентный блок с возможностью слайдинга на css 3 " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZIcAV6Y1HIgWu8MYnI8eZPtaf1cADSgxNyOZW3p7RA3iLoQ6dUMKJ1WIOL5wDd8wQEVUag8yeaeRZ5_rBFHFhSDqukQhK7HQz-EbeU-3uWctQBvJeu2arFKNTqy6LBT5IpQIUA0aYAxu/s1600/gallery.png" title="Контентный блок с возможностью слайдинга на css 3 " /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/gallery.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/iQArEV/1/" target="_blank">Демо</a></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-63056382937408832642013-09-02T04:12:00.000-07:002013-09-02T04:12:42.807-07:00Минималистичный профиль пользователя в стиле Flat на css3<div dir="ltr" style="text-align: left;" trbidi="on">
Сегодня сверстал вот такой вот минималистичный, но интересный профиль пользователя в стиле Flat на чистом css3<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIgC1TWArqsOwhHQ9A3S9D-lYXguAt11sUNSfnVAda24aXYB7IVOw3iC9QPtLXioYHt-HMWwslLgimEXf0PztRSm8ZdQqmgAdmnnSqW1Q3eyCEtzgaDDeGWYvrsEI3nlVRd_NdxTguECQ/s1600/flat-profile.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Минималистичный профиль пользователя в стиле Flat на css3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIgC1TWArqsOwhHQ9A3S9D-lYXguAt11sUNSfnVAda24aXYB7IVOw3iC9QPtLXioYHt-HMWwslLgimEXf0PztRSm8ZdQqmgAdmnnSqW1Q3eyCEtzgaDDeGWYvrsEI3nlVRd_NdxTguECQ/s1600/flat-profile.png" title="Минималистичный профиль пользователя в стиле Flat на css3" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/flat_profile.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/UbOxImU/1/" target="_blank">Демо</a></div>
<br />
<br />
<br />
<br />
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-81292978970567314712013-08-30T10:25:00.000-07:002013-08-30T10:33:13.953-07:00Подборка каналов о веб технологиях (html5, css3, javascript, jquery, php, mysql. seo)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYeD57gDSppRN3ymfU5dVPtsICaJNh0ihL_xjn0acXhsSAcRVFH6Wpc0L-3ZPwX_v5cxKeWAajZwDjSyfLc93qqY4JLzB-WQrZQVAgmuQNpXaPGZcjb-Y-Ft_vUGx-pnhrpdym5onwHVv/s1600/bg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Подборка каналов о веб технологиях" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYeD57gDSppRN3ymfU5dVPtsICaJNh0ihL_xjn0acXhsSAcRVFH6Wpc0L-3ZPwX_v5cxKeWAajZwDjSyfLc93qqY4JLzB-WQrZQVAgmuQNpXaPGZcjb-Y-Ft_vUGx-pnhrpdym5onwHVv/s1600/bg.png" title="Подборка каналов о веб технологиях" /></a></div>
<br />
<br /></div>
Вот вам подборка каналов, которая будет полезна как начинающим веб мастерам, так и опытным.<br />
<br />
<a name='more'></a><br />
Конференции о веб технологиях<br />
<a href="http://www.youtube.com/user/videoitpeople">http://www.youtube.com/user/videoitpeople</a><br />
<a href="http://www.youtube.com/user/404fest">http://www.youtube.com/user/404fest</a><br />
<a href="http://www.youtube.com/user/ITmozgChannel">http://www.youtube.com/user/ITmozgChannel</a><br />
<br />
Уроки по веб технологиям и не только<br />
<a href="http://www.youtube.com/user/ArtSorax">http://www.youtube.com/user/ArtSorax</a><br />
<a href="http://www.youtube.com/user/WebTheory">http://www.youtube.com/user/WebTheory</a><br />
<a href="http://www.youtube.com/user/thenewboston">http://www.youtube.com/user/thenewboston</a> (англ)<br />
<a href="http://www.youtube.com/user/flashbuilding">http://www.youtube.com/user/flashbuilding</a> (англ)<br />
<a href="http://www.youtube.com/user/2develop">http://www.youtube.com/user/2develop</a><br />
<a href="http://www.youtube.com/user/nikitaseverinov">http://www.youtube.com/user/nikitaseverinov</a><br />
<br />
Seo<br />
<a href="http://www.youtube.com/user/SeoPultTV">http://www.youtube.com/user/SeoPultTV</a><br />
<br />
Django<br />
<a href="http://www.youtube.com/user/moscowdjangoru">http://www.youtube.com/user/moscowdjangoru</a><br />
<br />
Разработка веб-приложения на Backbone.js<br />
<a href="http://www.youtube.com/channel/UC3Xbp3NcAtiq0XHOcU3QdOA">http://www.youtube.com/channel/UC3Xbp3NcAtiq0XHOcU3QdOA</a><br />
<br />
Psd макеты speed art<br />
<a href="http://www.youtube.com/user/adamscott01GFX">http://www.youtube.com/user/adamscott01GFX</a><br />
<br />
А какие каналы о веб технологиях знаете вы?</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-8768322163280686462013-08-27T10:13:00.000-07:002013-08-27T10:41:04.292-07:00Шаблон в стиле Flat "Chameleon"<div dir="ltr" style="text-align: left;" trbidi="on">
Сверстал шаблон в стиле Flat. Основной идеей было повысить юзабилити сайта за счет присвоения каждой категории новостей своих цветов. Думаю такой шаблон хорошо подойдет новостным и контентным сайтам, а также сайтам которые используют бесконечный скроллинг.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8-Abit8iHiMaIdNfjECBJYcNbb8-_UpJowJYKqe-Z-l4mq8DVXpHVN1jcivVCpKFQ2Yet-K3gxuYyc_z9jGOL-u0Al0wWaCNlI70OCl0YRQk5d9ObsWeJF7Ja6QAhFIAi-KGkIH7LDLg/s1600/chameleon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Шаблон в стиле Flat "Chameleon"" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8-Abit8iHiMaIdNfjECBJYcNbb8-_UpJowJYKqe-Z-l4mq8DVXpHVN1jcivVCpKFQ2Yet-K3gxuYyc_z9jGOL-u0Al0wWaCNlI70OCl0YRQk5d9ObsWeJF7Ja6QAhFIAi-KGkIH7LDLg/s1600/chameleon.png" title="Шаблон в стиле Flat "Chameleon"" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/chameleon-template/chameleon.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/OnUqaFU/1/" target="_blank">Демо</a></div>
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-4971348737079521082013-08-18T06:12:00.000-07:002013-08-27T10:49:23.804-07:00Форма регистрации на css 3 в стиле Flat<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Сверстал простенькую форму регистрации на css 3 в стиле Flat<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvSLbYXqvdLAd-IDyM2DRftErXtA2HZhNVtZOqO7nhMRn04dNLAwJm1Uw90gyqXhEKFc9SOKHnUTKp2wy6a8h1c5tTyEiQcVVkhOFNkjfzWHiGe1sCZvozjEvHUt1k04nunGUgWYfgFAJ2/s1600/flat-form.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="форма регистрации на css 3 в стиле Flat " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvSLbYXqvdLAd-IDyM2DRftErXtA2HZhNVtZOqO7nhMRn04dNLAwJm1Uw90gyqXhEKFc9SOKHnUTKp2wy6a8h1c5tTyEiQcVVkhOFNkjfzWHiGe1sCZvozjEvHUt1k04nunGUgWYfgFAJ2/s1600/flat-form.png" title="форма регистрации на css 3 в стиле Flat " /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/flat_form.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/AlASosa/4/" target="_blank">Демо</a></div>
<br />
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-65490731733745780232013-07-13T16:22:00.001-07:002013-07-13T16:24:51.118-07:00Объёмный логотип на css3 в стиле карбон <div dir="ltr" style="text-align: left;" trbidi="on">
Поигравшись с repeating-linear-gradient, box-shadow и border получилось вот такое объёмное лого в стиле карбон.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZTVePml6DusBxNXCiNdhNSTm9oPbkrUU7T-DjRM94tX2bGOaT4Tm8nP546dvv7AjrNFbn7p0zRUqKJRw-3U4DovtoWQ3S1zQ2TlfDq3U5sZMXVWu70wIObxGbQakVbPwma6L7gJtbk0Yt/s1600/carbon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Объёмный логотип на css3 в стиле карбон " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZTVePml6DusBxNXCiNdhNSTm9oPbkrUU7T-DjRM94tX2bGOaT4Tm8nP546dvv7AjrNFbn7p0zRUqKJRw-3U4DovtoWQ3S1zQ2TlfDq3U5sZMXVWu70wIObxGbQakVbPwma6L7gJtbk0Yt/s1600/carbon.png" title="Объёмный логотип на css3 в стиле карбон " /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/carbon.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/ileyev/8/" target="_blank">Демо</a></div>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-31681155452235669812013-07-11T04:19:00.000-07:002013-07-11T04:20:46.643-07:00Социальные кнопки на css 3 с эффектом вспышки с использованием шрифта Font-Awesome<div dir="ltr" style="text-align: left;" trbidi="on">
Сделал вот такие социальные кнопки на css3 с интересным эффектом и без использования изображений, используя шрифт <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font-Awesome</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUekAey568wX1_KKf-nILPq0tC0E5j3x_HfUsJToQDReccdl5uydIuq8tyVWFdKmD82RRw2fTBE2lA8Ls3wfY9Nz8EizLWKrcx6C6-jqaxdIWQozK8k3hQmeSe9GrmimP527bkBPX5eZWD/s1600/shadow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Социальные кнопки на css3 с эффектом вспышки с использованием шрифта Font-Awesome" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUekAey568wX1_KKf-nILPq0tC0E5j3x_HfUsJToQDReccdl5uydIuq8tyVWFdKmD82RRw2fTBE2lA8Ls3wfY9Nz8EizLWKrcx6C6-jqaxdIWQozK8k3hQmeSe9GrmimP527bkBPX5eZWD/s1600/shadow.png" title="Социальные кнопки на css 3 с эффектом вспышки с использованием шрифта Font-Awesome" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/soc_btn.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/aceyoh/1" target="_blank">Демо</a></div>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-43555729919620021992013-07-05T16:26:00.001-07:002013-07-05T16:36:08.860-07:00Слайдер на Css 3 в стиле Starcraft2<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
С некоторым опозданием, но все же выкладываю долгожданный слайдер на чистом css3, надеюсь вам понравиться.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xRg0AjbyFZsx-IM-2eE9fGhebHNciO9_5tzIBvau0ZGWXnK3_EvnyMHiwvdz_X-jYNVKA-aR8TxLookaov4_Xw3JXTldeNcisWWT_UJMa9n02sRnlnnfI02qCbtqyw3T6DzzgQVxHpWb/s1600/starscreen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="слайдер на css3 в стиле starcraft2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xRg0AjbyFZsx-IM-2eE9fGhebHNciO9_5tzIBvau0ZGWXnK3_EvnyMHiwvdz_X-jYNVKA-aR8TxLookaov4_Xw3JXTldeNcisWWT_UJMa9n02sRnlnnfI02qCbtqyw3T6DzzgQVxHpWb/s1600/starscreen.png" title="слайдер на css3 в стиле starcraft2" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<a name='more'></a><br /></div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/starcraft2-slider.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/uhikam/9/" target="_blank">Демо</a></div>
<br />
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-23567106362470909882013-07-02T14:17:00.001-07:002013-07-02T17:38:39.161-07:00Объемная шапка на Css 3 <div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Cнова сделал шапку, ок в следующий раз будет крутой слайдер на чистом css 3, так что подписывайтесь и зовите друзей!)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDIGT59FF_JWkgad_4luBBgzIRNa6chXvGhxJqoqNjaVTiZD1OSob1HaSR_FUohhkFNDOsnvcyMlYrhowDwSOcinkat4SYFqyLb4IuSfrMDiXzU3SrBW9foYCk3Kid6ifLE6wX74Fw-HVD/s580/header3d.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Объемная шапка на css 3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDIGT59FF_JWkgad_4luBBgzIRNa6chXvGhxJqoqNjaVTiZD1OSob1HaSR_FUohhkFNDOsnvcyMlYrhowDwSOcinkat4SYFqyLb4IuSfrMDiXzU3SrBW9foYCk3Kid6ifLE6wX74Fw-HVD/s1600/header3d.png" title="Объемная шапка на css 3" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><div class="separator" style="clear: both; text-align: justify;">
</div>
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/black3d.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/erewom/18/" target="_blank">Демо</a></div>
<br /></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-445464721580374802013-06-30T04:32:00.000-07:002013-06-30T07:41:52.168-07:00Шапка c выпадающим меню на Css3 <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
Начинаю выкладывать свои наработки в общий доступ, пользуйтесь на здоровье. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2nUc9NpTaE2ftC3r7qWX9hS428qMwvW6w9xei4XYp4KmkyoAmhlaDwpMkcoxqcopaz3P6ZpJb_-UXXviT2pGudOkLnnW6vaKnYnCDu0TQiftt7CCD7DY3LhAvZPHkU9z0ZbdfjIPP8Pp/s570/first_header.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Шапка c выпадающим меню на Css3" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2nUc9NpTaE2ftC3r7qWX9hS428qMwvW6w9xei4XYp4KmkyoAmhlaDwpMkcoxqcopaz3P6ZpJb_-UXXviT2pGudOkLnnW6vaKnYnCDu0TQiftt7CCD7DY3LhAvZPHkU9z0ZbdfjIPP8Pp/s1600/first_header.png" title="Шапка c выпадающим меню на Css3" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br />
<div id="download">
<a href="https://dl.dropboxusercontent.com/u/36962971/nodelete/css3_first_header.tar.gz" target="_blank">Скачать</a>
<a href="http://jsbin.com/ayahaz/31/" target="_blank">Демо</a></div>
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-31452460228591811712012-12-05T03:43:00.001-08:002013-06-25T21:02:03.728-07:00"Big Layer" - просто, оригинально, информативно.<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Сегодня хочется рассказать про новые возможности по оформлению ваших профилей групп и блогов. После запуска оформлений страниц мы заметили, что многие пользователи столкнулись с проблемами при создании собственных оформлений из-за отсутствуя знания CSS. Зато готовые темы пользовались довольно большим спросом. Исходя из этих наблюдений было решено создать специальный слой "Big Layer". "Big Layer" представляет из себя обычный слой для загрузки на него изображений, опять же с использованием CSS, но содержит он всего 17 строк кода. Возможно у Вас возник вопрос почему снова CSS? Ответ прост СSS-это максимальная настраиваемость!<br />
<br />
Давайте посмотрим какого эффекта можно добиться применив некоторые свойства CSS к Big Layer.<br />
<br />
<a name='more'></a><br /><br />
Для большего удобства эти свойства будут выделены красным цветом.<br />
<br />
<br />
<b>Оригинал изображения:</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://socialzet.com/uploads_user/2000/1512/169580.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="http://socialzet.com/uploads_user/2000/1512/169580.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<b>Стандартный CSS код "Big Layer":</b><br />
<br />
.sz_profile_big{background: url(http://socialzet.com/uploads_user/2000/1512/169580.jpg) no-repeat !important;<br />
position: absolute;<br />
height: 250px;<br />
display: block;<br />
}<br />
<br />
.etovi{color: #fff !important;}<br />
<br />
.sz_user_displayname_profile{color: #fff !important;}<br />
<br />
.profile_leftside{display: inline-block;<br />
top: -160px;<br />
z-index: 10;<br />
}<br />
<br />
.profile-picture{border-top: #fff solid 4px;}<br />
<br />
<br />
<b>Эффект внутренней тени:</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiobnDHWj1qFVJttG51-3kOrqmnA_d9495LP0jwNV7ajdOXeZEyjj2BAMvTsmtivYKwTNCuqfmb9FcQKRg0xcK7KomOn9HeXEl9RP5doi81vAxZQC2KsK4UoXll4kzYZoh127Wg74jaBN17/s1600/box_shadow_inset.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiobnDHWj1qFVJttG51-3kOrqmnA_d9495LP0jwNV7ajdOXeZEyjj2BAMvTsmtivYKwTNCuqfmb9FcQKRg0xcK7KomOn9HeXEl9RP5doi81vAxZQC2KsK4UoXll4kzYZoh127Wg74jaBN17/s400/box_shadow_inset.png" width="400" /></a></div>
<br />
<br />
<b>Код:</b><br />
<br />
.sz_profile_big{background: url(http://socialzet.com/uploads_user/2000/1512/169580.jpg) no-repeat !important;<br />
position: absolute;<br />
height: 250px;<br />
display: block;<br />
<span style="color: red;"> box-shadow: inset 0px 0px 50px #000;</span><br />
}<br />
<br />
.etovi{color: #fff !important;}<br />
<br />
.sz_user_displayname_profile{color: #fff !important;}<br />
<br />
.profile_leftside{display: inline-block;<br />
top: -160px;<br />
z-index: 10;<br />
}<br />
<br />
.profile-picture{border-top: #fff solid 4px;}<br />
<br />
<br />
<br />
<b>Эффект внешней тени:</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR209su45bSdzJf5yk4WA6ybxPNba3h9QvPw3Cz_A77qQ0g_65xbioioQ6CZGl_qcJuDTJz0GYwzPMQumB_sSNG_So9A1TSV_gI8dv_Y-lC7yxnQ1RU2r6Pcgczi0Lysr2AyPo_K0YLhZX/s1600/box_shadow_outset.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR209su45bSdzJf5yk4WA6ybxPNba3h9QvPw3Cz_A77qQ0g_65xbioioQ6CZGl_qcJuDTJz0GYwzPMQumB_sSNG_So9A1TSV_gI8dv_Y-lC7yxnQ1RU2r6Pcgczi0Lysr2AyPo_K0YLhZX/s400/box_shadow_outset.png" width="400" /></a></div>
<br />
<br />
<b>Код:</b><br />
<br />
.sz_profile_big{background: url(http://socialzet.com/uploads_user/2000/1512/169580.jpg) no-repeat !important;<br />
position: absolute;<br />
height: 250px;<br />
display: block;<br />
<span style="color: red;"> box-shadow: 0px 0px 50px #000;</span><br />
}<br />
<br />
.etovi{color: #fff !important;}<br />
<br />
.sz_user_displayname_profile{color: #fff !important;}<br />
<br />
.profile_leftside{display: inline-block;<br />
top: -160px;<br />
z-index: 10;<br />
}<br />
<br />
.profile-picture{border-top: #fff solid 4px;}<br />
<br />
<br />
<br />
<br />
<b>Закругление краёв изображения:</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc7WN5GssC3To6ebT8rL8v2NXgkXiEFDr2ZwKTEM4pD2GxboK3lUXu_olCo-z_0FWk8Z1JnDy7e65j1X6cG3mwSUTzCOSkLcvVMSvswmeAEX6609dVHbpxIZLURXPQKfzT9TOxRl5J6r7T/s1600/border_radius.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc7WN5GssC3To6ebT8rL8v2NXgkXiEFDr2ZwKTEM4pD2GxboK3lUXu_olCo-z_0FWk8Z1JnDy7e65j1X6cG3mwSUTzCOSkLcvVMSvswmeAEX6609dVHbpxIZLURXPQKfzT9TOxRl5J6r7T/s640/border_radius.png" width="640" /></a></div>
<b><br /></b>
<b><br /></b>
<b>Код:</b><br />
<b><br /></b>
<br />
.sz_profile_big{background: url(http://socialzet.com/uploads_user/2000/1512/169580.jpg) no-repeat !important;<br />
position: absolute;<br />
height: 250px;<br />
display: block;<br />
<span style="color: red;">border-radius: 15px;</span><br />
}<br />
<br />
.etovi{color: #fff !important;}<br />
<br />
.sz_user_displayname_profile{color: #fff !important;}<br />
<br />
.profile_leftside{display: inline-block;<br />
top: -160px;<br />
z-index: 10;<br />
}<br />
<br />
.profile-picture{border-top: #fff solid 4px;}<br />
<br />
<br />
И это всего пару параметров, поигравшись с разными параметрами можно добиться очень неожиданных и интересных эффектов. Ну а если Вы ещё и умеете хорошо обрабатывать изображения в графических редакторах, и CSS3 animation для Вас не пустой звук, то Вам будет где разгуляться. <br />
<br />
Сейчас мы ведем активное тестирование возможностей "Big Layer", и хотим что бы вы тоже попробовали поиграться с этим.<br />
<br />
<br />
<br />
<br />
</div>
Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-85381048844843920832012-03-17T06:49:00.000-07:002012-03-17T08:27:06.741-07:00Создаём тему для Socialzet.com (часть 2)<div dir="ltr" style="text-align: left;" trbidi="on">
Итак продолжим с оформлением на Socialzet.com. В прошлый раз мы создали фон, теперь как и обещал разберёмся с шапкой.<br />
<br />
Задаём цвет шапки с помощью background<br />
<span style="color: red;">div.top_wrapper{background: #000;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZbchoy_Cr7dxf51ELmxnuPxcHI3IuiywKWcfjcfJaqNOWSurj4mEvncr1nFODPCnbYpTVSmD18WJPBuebp52QATGYXtOpQBvWyi74COmwSWZaCuYFylYszS1CU4hP5uGRjMNrjXAQQJe/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZbchoy_Cr7dxf51ELmxnuPxcHI3IuiywKWcfjcfJaqNOWSurj4mEvncr1nFODPCnbYpTVSmD18WJPBuebp52QATGYXtOpQBvWyi74COmwSWZaCuYFylYszS1CU4hP5uGRjMNrjXAQQJe/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" width="400" /></a></div>
<br />
<a name='more'></a><br /><br />
Задаём цвет фона при наведении по пунктам меню шапки и закругляем углы с помощью border-radius. Здесь мы использовали !important, который повысил приоритет нашего цвета #3f3e3e и он применился. За наведение отвечает псевдо класс :hover, после которого мы и записываем все нужные атрибуты в фигурных скобках{}.<br />
<span style="color: red;">.menunew a:hover{background: #3f3e3e !important; border-radius: 5px;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5aQL4022_V4jTkjf5EDdBwwdeXmhA6a5yiyyezFnKh4-xDzQks71RhfBkRrIczEdZDO90rtK9SGP-X0GZYHUpE_v0f5tZluCNEDC9flHP8tbUuhHk7BYabNp9F5edW4Gbts_kvSl9ZiUR/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5aQL4022_V4jTkjf5EDdBwwdeXmhA6a5yiyyezFnKh4-xDzQks71RhfBkRrIczEdZDO90rtK9SGP-X0GZYHUpE_v0f5tZluCNEDC9flHP8tbUuhHk7BYabNp9F5edW4Gbts_kvSl9ZiUR/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" width="400" /></a></div>
<br />
Задаём цвет рамок border-color в меню поиска(поиск по категориям)<br />
<span style="color: red;">.searchMenu{border-color: #000 !important;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYgmpq0grjTtCO70iyumJKhbp-ckIT4sK2nRZFyJToaOu02yUMHC58b9AH24hURN3-7XExejQbAgQsAXaKZBRYibcwA-7_jj9Z3Cz3s-usN-NSKUimPr1DnGa9yKnEeIRvT2JMxf97fQsr/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYgmpq0grjTtCO70iyumJKhbp-ckIT4sK2nRZFyJToaOu02yUMHC58b9AH24hURN3-7XExejQbAgQsAXaKZBRYibcwA-7_jj9Z3Cz3s-usN-NSKUimPr1DnGa9yKnEeIRvT2JMxf97fQsr/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" width="400" /></a></div>
<br />
Задаём цвет текста(ссылок)<br />
<span style="color: red;">.searchMenu a{color: #000 !important;}</span><br />
<br />
Цвет фона и текста при наведении на пункты в поиске<br />
<span style="color: red;">.searchMenu a.hover:hover{background: #000 !important; color: #fff !important;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRDmpw29mrH1oHYZnTAceEneGo_DSQSLabAs5saMOLuyhWE9bXz7Rbl_uTsCnQG8XHa7K0HHs92Aj8VvFldSCTEdHrkAHo5JZl-Ys0grLQUEzM4gm6TYYe_jq0I_06rzR0ysH5amz3NnH/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRDmpw29mrH1oHYZnTAceEneGo_DSQSLabAs5saMOLuyhWE9bXz7Rbl_uTsCnQG8XHa7K0HHs92Aj8VvFldSCTEdHrkAHo5JZl-Ys0grLQUEzM4gm6TYYe_jq0I_06rzR0ysH5amz3NnH/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_007.png" width="400" /></a></div>
<br />
Цвет рамки в блоке выдачи результатов поиска<br />
<span style="color: red;">#searchLoadCont{border-color: #000;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaHlFRD7SFnepKIWslJmdmDfq-yGf-RhwukaQB7uZzehjY_UhEeIDz7kBn7T-u7FGpXeV1CZZ5RPhkKCttALm7z-QTyha3plLH-9n0CsEkKg3L9GgIyiGxounFwH1FSMn8A8g_AzaVH_wP/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaHlFRD7SFnepKIWslJmdmDfq-yGf-RhwukaQB7uZzehjY_UhEeIDz7kBn7T-u7FGpXeV1CZZ5RPhkKCttALm7z-QTyha3plLH-9n0CsEkKg3L9GgIyiGxounFwH1FSMn8A8g_AzaVH_wP/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_008.png" width="400" /></a></div>
<br />
Цвет текста(ссылок) на всей странице<br />
<span style="color: red;">a{color: #898989 !important;}</span><br />
<br />
Убираем рамки у каждого результата поиска<br />
<span style="color: red;">.s_ajax_user{border: none;}</span><br />
<br />
Цвет фона при наведении на результаты выдачи<br />
<span style="color: red;">.s_ajax_user:hover{background: #000;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7zMlzsLZwqeTPrpfpKgW_Lxw1hXA9m7snRilh0imwitWBjzTZrTdmwAoI1mqeeb-_MUklWk5pCGO8W3a9du21farn7T0CDC7rIMlla3gixG_2BTLwHsp7JFYFeBT_e1YIiqxbaiNpEKPU/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7zMlzsLZwqeTPrpfpKgW_Lxw1hXA9m7snRilh0imwitWBjzTZrTdmwAoI1mqeeb-_MUklWk5pCGO8W3a9du21farn7T0CDC7rIMlla3gixG_2BTLwHsp7JFYFeBT_e1YIiqxbaiNpEKPU/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_010.png" width="400" /></a></div>
<br />
Цвет фона при наведении на кнопку "Показать больше результатов"<br />
<span style="color: red;">.search_history:hover{background: #000;}</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSAvDbBckz0Q9bYMDqbR8asXdlcwg10ThSaquNS6DzwtDtil213hORtuWy_GBC4HXxT5Vix3z_ch-5hA13cuQ6fRNCiJ_Zq-KeXDfGaIQPc4MNn-rj11mv1w072fO4l5n4h6LvahyNVZ40/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSAvDbBckz0Q9bYMDqbR8asXdlcwg10ThSaquNS6DzwtDtil213hORtuWy_GBC4HXxT5Vix3z_ch-5hA13cuQ6fRNCiJ_Zq-KeXDfGaIQPc4MNn-rj11mv1w072fO4l5n4h6LvahyNVZ40/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_009.png" width="400" /></a></div>
<br />
Цвет фона выбранной категории<br />
<span style="color: red;">.selected{background: #bbb !important;}</span><br />
<br />
Убираем рамку у всех остальных результатов(в других категориях поиска)<br />
<span style="color: red;">.videoTab_search{border: none !important;}</span><br />
<br />
Цвет фона при наведении у всех остальных результатов(в других категориях поиска)<br />
<span style="color: red;">.videoTab_search:hover{background: #000;}</span><br />
<br />
А вот весь код целиком:<br />
<br />
<span style="color: red;">div.top_wrapper{background: #000;}</span><br />
<span style="color: red;">.menunew a:hover{background: #3f3e3e !important; border-radius: 5px;}</span><br />
<span style="color: red;">.searchMenu{border-color: #000 !important;}</span><br />
<span style="color: red;">.searchMenu a{color: #000 !important;}</span><br />
<span style="color: red;">.searchMenu a.hover:hover{background: #000 !important; color: #fff !important;}</span><br />
<span style="color: red;">#searchLoadCont{border-color: #000;}</span><br />
<span style="color: red;">a{color: #898989 !important;}</span><br />
<span style="color: red;">.s_ajax_user{border: none;}</span><br />
<span style="color: red;">.s_ajax_user:hover{background: #000;}</span><br />
<span style="color: red;">.search_history:hover{background: #000;}</span><br />
<span style="color: red;">.selected{background: #bbb !important;}</span><br />
<span style="color: red;">.videoTab_search{border: none !important;}</span><br />
<span style="color: red;">.videoTab_search:hover{background: #000;}</span><br />
<br />
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-60751576798754233122012-03-11T11:52:00.000-07:002012-03-12T03:18:31.423-07:00Создаём тему для Socialzet.com (часть 1)<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Так как многие пользователи <a href="http://socialzet.com/">Socialzet.com</a> интересуються вопросом создания тем оформления для сайта, я решил попытаться обьяснить сам процесс создания тем. Темы создаються с помощью css(каскадные таблицы стилей), эти темы просто заменяют стандартное оформление сайта.<br />
<br />
Для начала нам нужно зайти в пункт меню "<a href="http://socialzet.com/user_editprofile_style.php" target="_blank">Изменить стиль профиля</a>". Теперь выберем тему "Оригинал", в появившемся окне жмём "ок", далее жмём "Сохранить изменения".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBLmUoGbUzIyjRiJUC1HcyGEqwwJId3xJW7pIp_0keMmn7DNt7gM2v3GuEznDqqYp2S4_vz__7mnstIffTTzieHhrr8EMYiI0u3LJ7m8fUX2oGZAUFi23HAFIScd-XoGKUL2tIReOHlR9/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBLmUoGbUzIyjRiJUC1HcyGEqwwJId3xJW7pIp_0keMmn7DNt7gM2v3GuEznDqqYp2S4_vz__7mnstIffTTzieHhrr8EMYiI0u3LJ7m8fUX2oGZAUFi23HAFIScd-XoGKUL2tIReOHlR9/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" width="381" /></a></div>
<div style="text-align: center;">
<br />
<a name='more'></a><br /></div>
<div style="text-align: center;">
Сейчас мы установили стандартное оформление, теперь можно приступить к созданию нашей темы. А начнём мы с изменения фона. </div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQgaQs3P8S5HqHW_oY4t1FO_gVPFDcTWUqwdScsE4TVnUIIz4J2L_x18wuEZNHptLF6OWuSyZpb-z2MdVX3A3KPryjMtT0f6rGauje5mmcQq64LfUmLIBZUJDw-FaB4vSNleKprhT_E9v/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQgaQs3P8S5HqHW_oY4t1FO_gVPFDcTWUqwdScsE4TVnUIIz4J2L_x18wuEZNHptLF6OWuSyZpb-z2MdVX3A3KPryjMtT0f6rGauje5mmcQq64LfUmLIBZUJDw-FaB4vSNleKprhT_E9v/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Весь код нужно вводить в это поле, а затем нажимать "сохранить изменения".</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMR7PAstYKb2yidbdtBwFg1tKBWLjJE0olL3A12BzKNgF_yMUfSPgyeyvGM1N5hFGmUvNBQePKCF6VRyV0oq_j5WOP_pngW6ROSTO5Cw06AZx8QngfHx517THvL6Kzx3-VpIjVsEZi9cUE/s1600/apple.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMR7PAstYKb2yidbdtBwFg1tKBWLjJE0olL3A12BzKNgF_yMUfSPgyeyvGM1N5hFGmUvNBQePKCF6VRyV0oq_j5WOP_pngW6ROSTO5Cw06AZx8QngfHx517THvL6Kzx3-VpIjVsEZi9cUE/s400/apple.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
В качестве фона будем использовать это изображение.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;">body{</span><span style="color: #073763;">background</span><span style="color: #274e13;">:</span><span style="color: #999999;"> </span><span style="color: #666666;">url(<a href="http://dl.dropbox.com/u/36962971/apple.jpg" style="text-align: left;" target="_blank">http://dl.dropbox.com/u/36962971/apple.jpg</a>) no-repeat fixed</span><span style="color: #073763;">;</span><span style="color: red;">}</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Этим кодом мы заменили стандартные параметры элемента body, присвоив несколько значений свойству background. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Разберём эти значения:</div>
<div style="text-align: center;">
<span style="color: #666666;">url(<a href="http://dl.dropbox.com/u/36962971/apple.jpg" style="text-align: left;" target="_blank">http://dl.dropbox.com/u/36962971/apple.jpg</a>)</span> указываем ссылку на изображение</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #666666;">no-repeat</span> запрещаем дублирование изображения</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #666666;">fixed</span> запрещаем прокрутку изображения при скроллинге</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Этот код можно расписать и более подробно.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="text-align: center;"><span style="color: red;">body{</span><span style="color: #073763;">background-image:</span><span style="color: #666666;"> </span></span><span style="color: #666666;"><span style="text-align: center;">url(</span><a href="http://dl.dropbox.com/u/36962971/apple.jpg" target="_blank">http://dl.dropbox.com/u/36962971/apple.jpg</a></span><span style="text-align: center;"><span style="color: #666666;">)</span><span style="color: #073763;">;</span></span></div>
<div style="text-align: left;">
<span style="text-align: center;"> <span style="color: #073763;">background-repeat:</span> <span style="color: #666666;">no-repeat</span><span style="color: #073763;">;</span></span></div>
<div style="text-align: left;">
<span style="text-align: center;"> <span style="color: #073763;">background-attachment:</span> <span style="color: #666666;">fixed</span><span style="color: #073763;">;</span> </span></div>
<div style="text-align: left;">
<span style="text-align: center;"><span style="color: red;">}</span></span></div>
<div style="text-align: left;">
<span style="text-align: center;"><br /></span></div>
<div style="text-align: center;">
Вы можете одним из этих способом, главное что бы вам было удобно.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAPFpoCVfWEHKtf9wV_2j1QjW7kT3cRrIKIynthHG38ABqRn8ey5Q3if4-bY9kQkIzGThuYjbbC6WmIfZhPHMyoB_9rtX0Cb7PCMaENfvhLh-Nb0tCOfcW8PEwM_HuFP6GreZIN403JGIO/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAPFpoCVfWEHKtf9wV_2j1QjW7kT3cRrIKIynthHG38ABqRn8ey5Q3if4-bY9kQkIzGThuYjbbC6WmIfZhPHMyoB_9rtX0Cb7PCMaENfvhLh-Nb0tCOfcW8PEwM_HuFP6GreZIN403JGIO/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Вот что должно получиться.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
В следующий раз покажу как изменить шапку сайта.</div>
<div style="text-align: center;">
<br /></div>
</div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-42930494991789924012012-03-06T07:56:00.000-08:002012-03-06T08:02:15.558-08:00Создание анимированных обоев в Ubuntu<div dir="ltr" style="text-align: left;" trbidi="on">
Этот пост хотелось бы начать с извинений, за не совсем правильный способ подачи информации в <a href="http://attatta.blogspot.com/2012/03/ubuntu-c-windows.html" target="_blank">прошлом посте</a>. Дело в том, что как только мой пост попал в google+ пару добрых людей сразу же обьяснили мне, что такой способ хоть и простой, но в большинстве случаев приводит к различных ошибкам в системе. Сам я этим способом установки не пользовался, но мои знакомые устанавливали Ubuntu именно так, и у них не возникало не каких проблем. Поэтому тот пост и был опубликован. В дальнейшем я не допущу таких ошибок, и буду писать только о том, с чем сталкивался на практике лично.<br />
<div>
<br /></div>
<div>
Ну а теперь я расскажу вам о том как сделать анимированные обои в Ubuntu. Начну с более долгого способа для любителей сделать всё самому, а в конце опишу простейший способ для лентяев. </div>
<div>
<br />
<a name='more'></a><br /></div>
<div>
Итак приступим. Очевидно что нам понадобятся сами обои. Я уже подготовил нужные обои для примера. Все нужные файлы можно скачать <a href="http://dl.dropbox.com/u/36962971/animwall.zip" target="_blank">тут</a>.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc7wEnlEiIcdjCZQ83eP3JErFUGi954XyI3t5RzsGTc7miZPI8M6u4FdKQ_wMNBi5A1WUhUH8Z14HxRNwxGhGsHsTPD-74qkOulKjJw-EFV0Vc9UpJDw_DefVb-Ge2FHb_UJN7B9Cbo_Xq/s1600/ubuntu1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc7wEnlEiIcdjCZQ83eP3JErFUGi954XyI3t5RzsGTc7miZPI8M6u4FdKQ_wMNBi5A1WUhUH8Z14HxRNwxGhGsHsTPD-74qkOulKjJw-EFV0Vc9UpJDw_DefVb-Ge2FHb_UJN7B9Cbo_Xq/s400/ubuntu1.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxOH7y1S4Xc5UiJ9TM7RSjxUP0cEnKf2uoOlUPPfP0nKOerRUH3h5-5lU5JQVpZbCZClxpXMnWtJ4svpuH_UAoWSKjN_qRn-7zwSIjEjq-J_wn1kNr3aqt3_86YKACad2VS2HfBbp4Vnx/s1600/ubuntu2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxOH7y1S4Xc5UiJ9TM7RSjxUP0cEnKf2uoOlUPPfP0nKOerRUH3h5-5lU5JQVpZbCZClxpXMnWtJ4svpuH_UAoWSKjN_qRn-7zwSIjEjq-J_wn1kNr3aqt3_86YKACad2VS2HfBbp4Vnx/s400/ubuntu2.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1q6ZqVtD9hoyOfqy4gxk_2qejyrdUD_o7Pbi5SWsR3cxibL0SJhT0v2rPBboMZjWVAcORTb6K9RvQnQwqfMUKgH3aGveblnzY0a0N57wLEbCl6jTV9SkxuNUGjm0X_sA2GiN_xq3AiBAO/s1600/ubuntu3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1q6ZqVtD9hoyOfqy4gxk_2qejyrdUD_o7Pbi5SWsR3cxibL0SJhT0v2rPBboMZjWVAcORTb6K9RvQnQwqfMUKgH3aGveblnzY0a0N57wLEbCl6jTV9SkxuNUGjm0X_sA2GiN_xq3AiBAO/s400/ubuntu3.jpg" width="400" /></a></div>
<div>
<br /></div>
<div>
<div style="text-align: center;">
Сделаны они на быструю руку, поэтому надпись расположена кривовато. В принципе это сейчас не так важно, ведь моя задача обьяснить как сделать их анимированными. </div>
</div>
<div>
<div style="text-align: center;">
<br /></div>
</div>
<div>
<div style="text-align: center;">
В Ubuntu уже есть анимированные обои, на их примере мы и будем делать наши. </div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7O8Jl_kUcIC_A9cZDNTtyopt_EYXi3bgqcHBzynCXDeJ4qjundJQXjkW8hpuPjPscoGh6Z0wLfPvP2-TurLRrR23ZbcsHJXgbitVEyLYgl2CoHb7ajw_PQrWn9dm9JNDzEv9HR_mm4CSD/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7O8Jl_kUcIC_A9cZDNTtyopt_EYXi3bgqcHBzynCXDeJ4qjundJQXjkW8hpuPjPscoGh6Z0wLfPvP2-TurLRrR23ZbcsHJXgbitVEyLYgl2CoHb7ajw_PQrWn9dm9JNDzEv9HR_mm4CSD/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div>
<div style="text-align: center;">
Запустите терминал(Ctrl+Alt+T), скопируйте в него команду <span style="color: #666666;">sudo nautilus</span> и нажмите Enter. Введите ваш пароль. </div>
</div>
<div>
<div style="text-align: center;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_Or3dOOVtrlZ3gQqKqBsKmYENHVKz8vkxrqcvM-7boacYNx4BXbo_MwB2leWtiMbvcVsqRhQtjK2ABfBtY35p4tT6H3aDiwVK3iaPT-6Kt2WBSZ5Zga_UnBwSCTYnl0m0M_RQTgBtuW5/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_Or3dOOVtrlZ3gQqKqBsKmYENHVKz8vkxrqcvM-7boacYNx4BXbo_MwB2leWtiMbvcVsqRhQtjK2ABfBtY35p4tT6H3aDiwVK3iaPT-6Kt2WBSZ5Zga_UnBwSCTYnl0m0M_RQTgBtuW5/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div>
<div style="text-align: center;">
После этого должен открыться файловый менеджер Nautilus с правами администратора. </div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1W1YMIoimds6l9KmnLv6CCgd4ME8orhyphenhyphenHRIe-SoM9ie_3RGJXdBDc8wbR1sg67d1tJ6QI1a_0TrlzDgG8PvOoQN4usVe0n8LRgSWSuJPD80L6H_Me5_TKSHZXkX3truOyEFG56lr9zuN/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1W1YMIoimds6l9KmnLv6CCgd4ME8orhyphenhyphenHRIe-SoM9ie_3RGJXdBDc8wbR1sg67d1tJ6QI1a_0TrlzDgG8PvOoQN4usVe0n8LRgSWSuJPD80L6H_Me5_TKSHZXkX3truOyEFG56lr9zuN/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHHJ6Zk2Poj-0SzVvIo2XxkyZSBINZMY2cByUhZ8Hzlw1Xw1v70oxQlZcJyyz8k6B3w1Iz2-R0fjGtXjjySETadWPhyphenhyphen74BQP89aDHdC5ohKD6w-panRae7u7rb0A900QwV9HM8udF8mhy/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHHJ6Zk2Poj-0SzVvIo2XxkyZSBINZMY2cByUhZ8Hzlw1Xw1v70oxQlZcJyyz8k6B3w1Iz2-R0fjGtXjjySETadWPhyphenhyphen74BQP89aDHdC5ohKD6w-panRae7u7rb0A900QwV9HM8udF8mhy/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<div style="text-align: center;">
Нажмите Ctrl+L, вставьте в адресную строку <span style="color: #666666;">/usr/share/backgrounds </span>и нажмите Enter.</div>
</div>
<div>
<div style="text-align: center;">
Таким образом мы попали в папку с обоями Ubuntu. </div>
</div>
<div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxPUado1JChU9eGczHtmLVg0RwrFOUPDiCn96XlnXgEiYbXFIDOWasJqkva5FvzGwBQb_QWn9609qf9EpmbLZM4qLnE4OCWo6LJ8RZOXmXJOvalgcPmvo5tPIPNGGi-k2gdHbjKnQ8TLZ/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxPUado1JChU9eGczHtmLVg0RwrFOUPDiCn96XlnXgEiYbXFIDOWasJqkva5FvzGwBQb_QWn9609qf9EpmbLZM4qLnE4OCWo6LJ8RZOXmXJOvalgcPmvo5tPIPNGGi-k2gdHbjKnQ8TLZ/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_011.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
Скопируйте в эту папку ваши заготовленные обои. </div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;">Странно, но в 12.04 мне не удалось добавить свой xml файл при выборе обоев. Поэтому будем редактировать стандартный файл.</span></div>
<div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiua4UF0ZM6YX0-yaHY7qrjHJbVG9DXGW0993cXBCaEfDNPk66xrsApeeL1eF9qMGvS3kcGTT0gp4ag4Hh-jywjLzEhLFRtpe_0mqvEtvaApOFdbjSFGgjf_CLT3xZvU6GPnvtF3h2eLOOO/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiua4UF0ZM6YX0-yaHY7qrjHJbVG9DXGW0993cXBCaEfDNPk66xrsApeeL1eF9qMGvS3kcGTT0gp4ag4Hh-jywjLzEhLFRtpe_0mqvEtvaApOFdbjSFGgjf_CLT3xZvU6GPnvtF3h2eLOOO/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_012.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Заходим в папку "contest" и открываем файл "background-1.xml" в текстовом редакторе. </div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Заменяем в нём весь текст на этот и сохраните файл:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #666666;"><background></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: left;">
<span style="color: #666666;"> <starttime></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <year>2009</year></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <month>08</month></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <day>04</day></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <hour>00</hour></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <minute>00</minute></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <second>00</second></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </starttime></span></div>
<div style="text-align: left;">
<span style="color: #666666;"><!-- This animation will start at midnight. --></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <static></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <duration>0.5</duration></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <file>/usr/share/backgrounds/ubuntu1.jpg</file></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </static></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <transition></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <duration>0.1</duration></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <from>/usr/share/backgrounds/ubuntu1.jpg</from></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <to>/usr/share/backgrounds/ubuntu2.jpg</to></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </transition></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <static></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <duration>0.5</duration></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <file>/usr/share/backgrounds/ubuntu2.jpg</file></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </static></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <transition></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <duration>0.1</duration></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <from>/usr/share/backgrounds/ubuntu2.jpg</from></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <to>/usr/share/backgrounds/ubuntu3.jpg</to></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </transition></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <static></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <duration>0.5</duration></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <file>/usr/share/backgrounds/ubuntu3.jpg</file></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </static></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <transition></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <duration>0.1</duration></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <from>/usr/share/backgrounds/ubuntu3.jpg</from></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> <to>/usr/share/backgrounds/ubuntu1.jpg</to></span></div>
<div style="text-align: left;">
<span style="color: #666666;"> </transition></span></div>
<div style="text-align: left;">
<span style="color: #666666;"></background></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
С помощью этого текста мы задали параметры анимации обоев.<br />
<br />
Вот и готова наша простенькая анимация. Если вам не нравиться скорость переходов между изображениями поиграйтесь со значениями <duration> . Всё что осталось это поставить нашу анимацию на рабочий стол.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIo5PBc4WDMWu3RhcVvpSyzqvNM5Z0KZQLSoWADXfOgZFkpHAlmXRZHCOR4i0R4aL63QWkkyhi2HofTy9tZ5-XnnG3CTdIXQ9tLpWEhDos4JCRMoAuLHPv5Ab89ZThBjUQQm1fRJtNx7aH/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIo5PBc4WDMWu3RhcVvpSyzqvNM5Z0KZQLSoWADXfOgZFkpHAlmXRZHCOR4i0R4aL63QWkkyhi2HofTy9tZ5-XnnG3CTdIXQ9tLpWEhDos4JCRMoAuLHPv5Ab89ZThBjUQQm1fRJtNx7aH/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_013.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Кликните правой кнопкой на рабочем столе, выберите "Изменить фон рабочего стола" затем выберите наши обои(те что с иконкой часов).</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Видеоинструкция.</div>
<div style="text-align: center;">
<br /></div>
<div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/R2I1bauM23M" width="580"></iframe><br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
А теперь простой способ. Для этого воспользуемся программой Wallch. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo7KcTEziMRHrj6JVeRQ_5ErvpmSmK08bHETSAch9TNDy1YwqLK2v-T9nNlBR-Rmb7rBpXiMTvO8GMvsg37mQqKjdOESRAiOnVxjgHjICZfsmy5ysknLooL4eZDORhrbr2b7A_mcvi2NyB/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo7KcTEziMRHrj6JVeRQ_5ErvpmSmK08bHETSAch9TNDy1YwqLK2v-T9nNlBR-Rmb7rBpXiMTvO8GMvsg37mQqKjdOESRAiOnVxjgHjICZfsmy5ysknLooL4eZDORhrbr2b7A_mcvi2NyB/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Устанавливаем её из центра приложений Ubuntu.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEiA0aT5zcl8AI_N0OhlFKKXTLwrEcWjUREh37WD5yYC6RVfSnQ0teKmbUTFNRgZO4jg6-F6TOdz4LTdjDA8NcnvsB4k7Rt7spqqTZs5UJadiLJnHDjE0II-j7wU2R9fWIdqb06lXPWnj/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuEiA0aT5zcl8AI_N0OhlFKKXTLwrEcWjUREh37WD5yYC6RVfSnQ0teKmbUTFNRgZO4jg6-F6TOdz4LTdjDA8NcnvsB4k7Rt7spqqTZs5UJadiLJnHDjE0II-j7wU2R9fWIdqb06lXPWnj/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Запускаем программу, и добавляем нужные изображения нажав "add" или добавляем папку с изображениям нажав "Add Folder". Передвигая ползунок "Timing Selection" меняем скорость смены обоев. Когда всё настроено нажмите "Start". Вот такой просто способ создания анимированных обоев. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Видеоинструкция.</div>
<div style="text-align: center;">
<br /></div>
</div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/Pfncq83xHMs" width="580"></iframe>
<br />
<br />
<span style="text-align: center;">А какие способы для создания анимированных обоев </span><span style="text-align: center;"> </span><span style="text-align: center;">знаете вы</span><span style="text-align: center;">? </span><br />
<div style="text-align: center;">
<br /></div>
</div>
</div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-30025540459600722182012-03-05T06:59:00.000-08:002012-03-06T08:01:17.133-08:00Устанавливаем Ubuntu рядом c Windows<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Сейчас вы узнаете как без особых проблем установить Ubuntu второй системой на свой компьютер. В этом нам поможет замечательная программа под названием Wubi. Скачать программу можно <a href="http://www.ubuntu.com/download/ubuntu/windows-installer" target="_blank">здесь</a>, нажав Start download Ubuntu installer for Windows.<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdgA6lHHsk9u4fVsfDClOFMaMYE2yg4VPCSh1eH_Ms1dXo6jF0ojHVgBWaPJCTHWzQeTl2vHfxH7QXaoSlSCz8-JSwzqG7HX9eI6Vjfeh_JhoQNab_jNYlLL3Rk-s4fjHQWAICIdZQecB/s1600/windows-vs-ubuntu2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrdgA6lHHsk9u4fVsfDClOFMaMYE2yg4VPCSh1eH_Ms1dXo6jF0ojHVgBWaPJCTHWzQeTl2vHfxH7QXaoSlSCz8-JSwzqG7HX9eI6Vjfeh_JhoQNab_jNYlLL3Rk-s4fjHQWAICIdZQecB/s1600/windows-vs-ubuntu2.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<a name='more'></a>С процессом установки можно ознакомиться из этого видео.<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
</div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/zCkZwfP46dQ" width="580"></iframe><br />
<br />
<span style="text-align: center;">На видео показан процесс установки 11.04, а в вашем случае будет установлена версия 11.10.</span><br />
<span style="text-align: center;"><br /></span><br />
<div style="text-align: center;">
Этот способ хоть и прост, но может вызвать разнообразные ошибки в системе.</div>
<span style="text-align: center;"><br /></span></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-86383957561972319682012-03-04T12:36:00.000-08:002012-03-04T12:46:13.703-08:00Встречайте Bloons tower defense 5<div dir="ltr" style="text-align: left;" trbidi="on">
На мой взгляд эта игра одна из лучших. Она проста, понятна, красива. Когда ты начинаешь играть в неё ты забываешь что значит время. Всё это относиться к флеш игре Bloons Tower Defense 5(BTD 5). Я познакомился с этой игрой с 4 части после чего просто не мог от неё оторваться и поиграл во много разнообразных версий этой линейки.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh67hZTA9ckSF8_ZRfD1PNThnUf8NDgaBCN4zDSxBdLKxVEQkLHNqAf65uswd9G9sxG_bwfxm4vUrw27ay595pMng-EN9su6x7WYan_N60v7T9bodNjZPAlk8Q3zjfFLULkNbUy__2wdRf/s1600/nintendo-family-computer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh67hZTA9ckSF8_ZRfD1PNThnUf8NDgaBCN4zDSxBdLKxVEQkLHNqAf65uswd9G9sxG_bwfxm4vUrw27ay595pMng-EN9su6x7WYan_N60v7T9bodNjZPAlk8Q3zjfFLULkNbUy__2wdRf/s1600/nintendo-family-computer.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<a name='more'></a>Задача игры очень проста, нужно не дать воздушным шарам и другим противникам долететь до конца пути. Для этого нужно расставлять обезьян около дороги чтобы уничтожать противника. За каждого убитого противника вы получаете опыт и деньги. Также за счёт опыта повышается ваш ранг, за счёт этого появляются новые виды обезьян с уникальными способностями. Вы также можете улучшать обезьян, новые улучшения тоже заваисят от вашего ранга.<br />
<br />
<div style="text-align: center;">
Давайте перейдём на <a href="http://ninjakiwi.com/Games/Tower-Defense/Play/Bloons-Tower-Defense-5.html" target="_blank">страницу игры</a>.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXA5UR8cYLHS3llpVGvlaPbsWu-3CxR0sABqGSGRT5_H8I32RWSZDdZD0ZvPpO9jRf7mcM8KtuUtak8dkhIcrmbb0upG4IdKzS0f3K2JVo_sfw6GSrOFbSIZPZOWunWOn66e7ugrInsGYQ/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXA5UR8cYLHS3llpVGvlaPbsWu-3CxR0sABqGSGRT5_H8I32RWSZDdZD0ZvPpO9jRf7mcM8KtuUtak8dkhIcrmbb0upG4IdKzS0f3K2JVo_sfw6GSrOFbSIZPZOWunWOn66e7ugrInsGYQ/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_007.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Ещё одна прелесть этой игры в возможности создания игрового профиля, для сохранения игровых достижений. Давайте создадим такой профиль.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeSOpxPXZKKqCqsZUpRb61-k6L7khFGX7Oss2vS9sZ2oa1PjPeFwsRjfEJiJvESEf73nV2nFfbLmXuZBECVm1nvLWIlTh_A1dRSj0KwRvpBifikN6gsBIzDJVYxAN6PBRC4tdij-Ga56Zv/s1600/reg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeSOpxPXZKKqCqsZUpRb61-k6L7khFGX7Oss2vS9sZ2oa1PjPeFwsRjfEJiJvESEf73nV2nFfbLmXuZBECVm1nvLWIlTh_A1dRSj0KwRvpBifikN6gsBIzDJVYxAN6PBRC4tdij-Ga56Zv/s400/reg.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Нажмите "Register"</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKX68B3Zh7_roYDurcPMMJth7YCKbROdWSx6Ilow1OIgpRXkKvxdXjdVjkzCd6nfSoYbLP4wm6gkQXCWx5YxnK8FaxVUvMmgLqZkEUx__ljvkMAPmlYZlIiHNguwrsgmiRS6evQX6FDBJV/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKX68B3Zh7_roYDurcPMMJth7YCKbROdWSx6Ilow1OIgpRXkKvxdXjdVjkzCd6nfSoYbLP4wm6gkQXCWx5YxnK8FaxVUvMmgLqZkEUx__ljvkMAPmlYZlIiHNguwrsgmiRS6evQX6FDBJV/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_008.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Введите ваши регистрационные данные.</div>
<div class="separator" style="clear: both; text-align: center;">
Имя/ник(1), пароль(2), повторить пароль(3), Email(4), повторить Email(5), пол мужской/женский(6), возраст(7), страна(8), пользовательское соглашение(9), зарегистрироваться(10).</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMBBb8_eSc5E-us2aPRAIyzlpujfipaYLEi5Rp8Kau1Ks9HFg1chD_x1mvZgxDNmsAV_n0FWk-WCC1Khy3w8qIhqtLFhy1ihFurRYjTxJvkfbYIIJWbEsCMKoPVGdpZJx8Jj3gXHyNaCjp/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMBBb8_eSc5E-us2aPRAIyzlpujfipaYLEi5Rp8Kau1Ks9HFg1chD_x1mvZgxDNmsAV_n0FWk-WCC1Khy3w8qIhqtLFhy1ihFurRYjTxJvkfbYIIJWbEsCMKoPVGdpZJx8Jj3gXHyNaCjp/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_010.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Теперь нажмите "Play", затем "Play As Guest" ещё разок "Play As Guest" и наконец "Play".</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumTAZdjW9WV6U92JAWhTLbjCoWdEbNMwVBZ9yMW8Pd9EQTi3NdICXFqHHTkz45ZTSNyjjqH_uoHPdg4yy_zOlBZlI_Rht_jPE2uoR6iMe0WgIPAEjcF1x7uSO15WibJNnp66gRoYc3tsg/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumTAZdjW9WV6U92JAWhTLbjCoWdEbNMwVBZ9yMW8Pd9EQTi3NdICXFqHHTkz45ZTSNyjjqH_uoHPdg4yy_zOlBZlI_Rht_jPE2uoR6iMe0WgIPAEjcF1x7uSO15WibJNnp66gRoYc3tsg/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_011.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Выберите "New Game".</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmHE8PujzM0j0sZZ7MU5Uuh8_PYTXk6untfzaf3ZzxBvXORaWss8j42l2VFmJdrfkFajL9gSK-rObr8Q_Zc7-iBceLeQPIHSBOtan2rt1h4s2MdvfrxxKIiemotEC2Wy1b8dyr_6pAmOyT/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmHE8PujzM0j0sZZ7MU5Uuh8_PYTXk6untfzaf3ZzxBvXORaWss8j42l2VFmJdrfkFajL9gSK-rObr8Q_Zc7-iBceLeQPIHSBOtan2rt1h4s2MdvfrxxKIiemotEC2Wy1b8dyr_6pAmOyT/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_012.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Выберите понравившуюся карту.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4r2KRD7PYCGB7gt67cn-MmjNDelZQphyY-XvRAddEnLJoxvMzkPJKo_V81soduWLCAfkb6PCnkj8PUrNpbpUhGepuqR0poN6SrNEYaZPyt-TNPE6UYQee9FedmdKjIYd4qPu_aLwgvry/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP4r2KRD7PYCGB7gt67cn-MmjNDelZQphyY-XvRAddEnLJoxvMzkPJKo_V81soduWLCAfkb6PCnkj8PUrNpbpUhGepuqR0poN6SrNEYaZPyt-TNPE6UYQee9FedmdKjIYd4qPu_aLwgvry/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_013.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Выберите уровень сложности.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOTUMd-zwE1bXm2QA9Y7cpaxazxUlU3-9MDCf7SevWYdvFS_Xr-2WqIpiYDsctxh-E9WbtpwYlYbPBiKPP_vDa-ho1lXSMmSxt5B87YzMe6jmeKT0ESjjO4rDkp6La4vl4ByfGKl3PnG3/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOTUMd-zwE1bXm2QA9Y7cpaxazxUlU3-9MDCf7SevWYdvFS_Xr-2WqIpiYDsctxh-E9WbtpwYlYbPBiKPP_vDa-ho1lXSMmSxt5B87YzMe6jmeKT0ESjjO4rDkp6La4vl4ByfGKl3PnG3/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_014.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Можно играть.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Игровой процесс.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/iXQlmiMqD6w" width="580"></iframe></div>
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-9871613109020191822012-03-03T08:43:00.001-08:002012-03-03T08:45:07.035-08:00Оформление на Socialzet.com<div dir="ltr" style="text-align: left;" trbidi="on">
Сегодня мне хотелось бы рассказать о соц. сети <a href="http://socialzet.com/">Socialzet.com</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://socialzet.com/welcome" target="_blank"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb0cuxV3P91WQo_Yi_8-4URVrO5vjpCOceR81shC2j-3Dd6EX6DAhb7s6rH59aUCzl-633_6-UyLXOuPJvmAuu01CYI8j7_LtuRViATmH1P06SiROGU-BsFLZg-_PM8kEii0IV7qybuRj5/s400/s+big+logo.jpg" width="400" /></a></div>
<br />
<br />
<a name='more'></a>Точнее про одну возможность этой сети. Думаю многим из вас наскучивает однообразное оформление ваших профилей в социалках. Разработчики Socialzet отнеслись к этому с пониманием и добавили возможность смены стиля профиля. Да конечно более опытные пользователи могут сказать, что оформление можно поменять на любом сайте и это действительно так. Но для этого приходиться делать некоторые действия, например установку расширений. Также нужны минимальные знания css. Разработчики учли это, поэтому разработкой тем занимаеться определённая команда проекта, в том числе и я. Пользователь же получает готовые темы и всё что ему нужно сделать несколько кликов и тема уже становленна. Просто и удобно не так ли?<br />
<br />
А теперь я опишу этот простенький процесс установки.<br />
<br />
<div style="text-align: center;">
Для начала нужно нажать "<a href="http://socialzet.com/user_editprofile_style.php" target="_blank">Изменить стиль профиля</a>".</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRRdbpakcEDu1RU9On1AwrHbm0JOTmMhYTZn4tR6MUrnr_RnErq3GkSkcLD1Xz-bsEunM-6ymn9VzD6CdflumvvdR5nNyPZoG8EpQL9y3I6W_GgHYjPwuOttL0oxCVZsFpC4R7v3yabgp/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRRdbpakcEDu1RU9On1AwrHbm0JOTmMhYTZn4tR6MUrnr_RnErq3GkSkcLD1Xz-bsEunM-6ymn9VzD6CdflumvvdR5nNyPZoG8EpQL9y3I6W_GgHYjPwuOttL0oxCVZsFpC4R7v3yabgp/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_001.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Теперь выберите одну из представленных тем и нажмите 'ок' в появившемся окне.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PnqH4pbnKlkxLS4MQ4_ih0GM5103A_qxmgrDIjD5Kkj4cApZVUF0sTXgqyuo-1fPL4CZm4-T4Bt8MEa71E3GX_bfn1_YG7tZyJ-KLTfg1VhveomV9qONU625ORkAiBAmjOyO-Fv6MD7j/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PnqH4pbnKlkxLS4MQ4_ih0GM5103A_qxmgrDIjD5Kkj4cApZVUF0sTXgqyuo-1fPL4CZm4-T4Bt8MEa71E3GX_bfn1_YG7tZyJ-KLTfg1VhveomV9qONU625ORkAiBAmjOyO-Fv6MD7j/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" width="282" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Всё что осталось, это сохранить изменения и обновить страницу профиля.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUHsEe76I37qZl7C6QQSVaKsdOlvQH2SSvxx6vSrQ25IHFYdzHJ7Nk4nQ2DlOq9szzS0FSm8EXa1Zmrdx9jR8dmeMi7OiIl2a5YuBHiaTU5kyZcw30ZKhxZnavJQxAdJpaUp9aowxUagl/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUHsEe76I37qZl7C6QQSVaKsdOlvQH2SSvxx6vSrQ25IHFYdzHJ7Nk4nQ2DlOq9szzS0FSm8EXa1Zmrdx9jR8dmeMi7OiIl2a5YuBHiaTU5kyZcw30ZKhxZnavJQxAdJpaUp9aowxUagl/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
А вот и результат.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghylo1t81NkElCnO-0-985lU0c3FYkCu0ApmP84dLzQSeiGI_XzrPEI36WEEt5n1DUqfC4er-ptM6jZP2OzEJ_Xtf6EuvBB3u7TYR5aZev8rYZ17T77-ALIvtcDF0Zk_JvhBMnA72nBhAZ/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghylo1t81NkElCnO-0-985lU0c3FYkCu0ApmP84dLzQSeiGI_XzrPEI36WEEt5n1DUqfC4er-ptM6jZP2OzEJ_Xtf6EuvBB3u7TYR5aZev8rYZ17T77-ALIvtcDF0Zk_JvhBMnA72nBhAZ/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Также можете посмотреть видео инструкцию.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/0c6EdDC79YE" width="580"></iframe><br />
<br />
Если вы знаете css, то можете создать свою тему и отправить её <a href="http://socialzet.com/id1512" target="_blank">нам</a>. Мы с удовольствием добавим её в общий доступ.</div>
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-33502245473379376752012-03-02T16:13:00.000-08:002012-03-02T16:13:25.458-08:00Вкратце о Windows 8 beta<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #333333; font-family: arial, sans-serif; font-size: 13px; line-height: 1.4;">На мобильном конгрессе в Барселоне Microsoft представила бета-версию Windows 8. Систему уже можно загрузить с сайта компании. Речь о бета-версии для конечных пользователей, так как предварительный вариант системы для разработчиков был доступен еще в прошлом году.</span><br />
<div id="watch-description-text" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: arial, sans-serif; font-size: 1.09em; line-height: 1.4; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<div id="eow-description" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<br /></div>
</div>
<div id="watch-description-extras" style="background-attachment: initial; background-clip: initial; background-color: #ebebeb; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: arial, sans-serif; font-size: 12px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
</div>
</div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/_fvxnOTO524" width="580"></iframe><br />
<br />
<div style="text-align: center;">
Какие у вас впечатления от Windows 8? </div>
<div style="text-align: center;">
<br /></div>
</div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-3345537636337683182012-03-02T11:57:00.000-08:002012-03-02T11:59:33.269-08:00Обзор Ubuntu 12.04 beta 1<div dir="ltr" style="text-align: left;" trbidi="on">
Вышла первая бета Ubuntu 12.04 Precise Pangolin. Ubuntu получила много новых интересных возможностей, давайте рассмотрим их.<br />
<br />
<div style="text-align: center;">
<b><span style="font-size: large;">LightDM</span></b></div>
<div style="text-align: center;">
В дисплейный менеджер Unity Greeter добавили анимацию для переключения рабочих столов.</div>
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="330" src="http://www.youtube.com/embed/oa1PdDxLVjQ" width="580"></iframe>
<br />
<br />
<div style="text-align: center;">
<br />
<a name='more'></a>Приложения, которые включены в Ubuntu 12.04 Precise Pangolin beta1:</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Nautilus 3.3.90, Центр приложений Ubuntu 5.1.10, Firefox 11 beta 4, Thunderbird 11 beta, LibreOffice 3.5.0, Rhythmbox 2.95, Deja Dup Backup Tool 21.90, Gwibber 3.3.90, Empathy 3.3.5, Shotwell 0.11.92, Transmission 2.50, Remmina 1.0, GNOME Control Center 3.3.90, Gedit 3.3.4, Brasero 3.2.0, Totem 3.0.1, Linux Kernel 3.2.0-17.27, Xorg server 1.11.4.</div>
<div style="text-align: center;">
<b style="font-size: x-large;">Unity</b></div>
<div style="text-align: center;">
Unity обновилась до версии 5.4, вот основные изменения:</div>
<div style="text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMNCg-m4b2Bq8Nk8aBUhyphenhyphenoz4yZxmqZ90JQ-FbQ9GFiDTz1rQ3qdALwczHaDRLLGK8uF0oMcfjmT7fWrKp6rvzcZZkebj8lEWc5u7C-Fc3FOxOONPZnhrGMMO0qZXQx619STZw6BViRQ-w/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMNCg-m4b2Bq8Nk8aBUhyphenhyphenoz4yZxmqZ90JQ-FbQ9GFiDTz1rQ3qdALwczHaDRLLGK8uF0oMcfjmT7fWrKp6rvzcZZkebj8lEWc5u7C-Fc3FOxOONPZnhrGMMO0qZXQx619STZw6BViRQ-w/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
1) добавлено интеллектуальное меню HUD<br />
2) линза для поиска видеороликов<br />
3) улучшена работа оболочки с многомониторной конфигурацией, теперь Unity запускаться на всех <br />
4) подключенных экранах, а не на одном<br />
4) улучшена стабильность оболочки<br />
5) исправлены ошибки<br />
<br />
<div>
<div style="text-align: center;">
<b><span style="font-size: large;">Линзы</span></b></div>
<div style="text-align: center;">
Главная линза теперь отображает недавно запущенные приложения и открытые файлы, увеличен размер иконок.</div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-size: 14px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gLkQxxiaFcCE3N45iNJN4qdwdOaSCUbfGx590xIUve3GiNBJk_jTtCqabIeap00WQ4SOr7MTwSgWBRGAaEixenwolYZykwsbn4Q5iUqbR59vA0ebHTTKd9o7MCwoiIMcFwngM4QEu2U0/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gLkQxxiaFcCE3N45iNJN4qdwdOaSCUbfGx590xIUve3GiNBJk_jTtCqabIeap00WQ4SOr7MTwSgWBRGAaEixenwolYZykwsbn4Q5iUqbR59vA0ebHTTKd9o7MCwoiIMcFwngM4QEu2U0/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Добавлена новая линза для поиска видеозаписей как локальных так и с различных видеохостингов, например, Youtube, Vimeo, Amazon, Bing Video.</div>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="background-color: white; font-family: Georgia, 'Times New Roman', Times, serif, Tahoma; text-align: justify;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZDpiaMQHlnJPsMy-vwQIplAsrhyphenhyphen3oC2WQTlzMz6ipF0eNiYUX_jGQScHIKz8GZzzR1yOqqngMyIkM36ve4bnHTZsFZ82fZQXtxcYnslc5PH868l7Ml_tM0-EwGesT-r-CjCtzKeYORks/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZDpiaMQHlnJPsMy-vwQIplAsrhyphenhyphen3oC2WQTlzMz6ipF0eNiYUX_jGQScHIKz8GZzzR1yOqqngMyIkM36ve4bnHTZsFZ82fZQXtxcYnslc5PH868l7Ml_tM0-EwGesT-r-CjCtzKeYORks/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: large;">HUD</span></b></div>
<div style="text-align: center;">
Представленное недавно умное меню уже добавлено в Ubuntu 12.04. HUD не заменит стандартное меню, а будет его дополнять.</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXEIpsseZ9yNjbaVdF6YNtWyLx4KYbBLS3vf0-Z3rC6rQWC7NvEeoRKwc7NF3s554WohoQ4V7tsssYUE3l8tNhS6J2R8UHWIlsUMU3e5GamSBsUJ1eTjnwUJhfuPxGnBmx8xrfAxOi6RCe/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXEIpsseZ9yNjbaVdF6YNtWyLx4KYbBLS3vf0-Z3rC6rQWC7NvEeoRKwc7NF3s554WohoQ4V7tsssYUE3l8tNhS6J2R8UHWIlsUMU3e5GamSBsUJ1eTjnwUJhfuPxGnBmx8xrfAxOi6RCe/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div style="text-align: center;">
В линзе приложений теперь можно отключить вывод рекомендуемых для установки программ.</div>
<b style="text-align: center;"></b><br />
<div class="separator" style="clear: both;">
<b style="text-align: center;"><b style="text-align: center;"><br /></b></b></div>
<b style="text-align: center;">
Параметры конфиденциальности</b><br />
<div style="text-align: center;">
Были добавлены параметры конфиденциальности. С их помощью можно скрыть абсолютно все личные данные.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rKI9AM7PKiFcf2N5pqOiyfY2l7fhTouwGvvVXi2NgkMX8pvFattMtj6SVLroGt9VQe2vU7bVUSACgU11NwH_bLN26_uvL9llLhcZZNVioggkhBCWhrW17D4zPcOqt17OQtOR4qEyScem/s1600/Privacy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rKI9AM7PKiFcf2N5pqOiyfY2l7fhTouwGvvVXi2NgkMX8pvFattMtj6SVLroGt9VQe2vU7bVUSACgU11NwH_bLN26_uvL9llLhcZZNVioggkhBCWhrW17D4zPcOqt17OQtOR4qEyScem/s400/Privacy.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: large;">Скроллбар</span></b></div>
<div style="text-align: center;">
По умолчанию Ubuntu в качестве скроллбара использует Ayatana Overlay Scrollbar. В недавнем обновлении приложение получило интересную функцию, которая позволяет используя ползунок скроллбара изменить размер окна.</div>
<br />
<div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/1I9xbudgmV0" width="580"></iframe>
<br />
<br />
<div style="text-align: center;">
<b><span style="font-size: large;">NotifyOSD</span></b></div>
<div style="text-align: center;">
Теперь цвет NotifyOSD зависит от обоев установленных на вашем рабочем столе.</div>
<div>
<br /></div>
<b></b><br />
<div style="text-align: center;">
<b><b><span style="font-size: large;">Ubuntu One</span></b></b></div>
<b>
</b><br />
<div style="text-align: center;">
В Ubuntu 12.04 был добавлен инсталлятор для клиента Ubuntu One, который использует QT, вместо GTK версии. Основная причина в необходимости создания одинакового интерфейса для всех платформ и улучшение юзабилити.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtPUNFYL7a_1S7QebId2PIV_c6imz0scvi6qj1kNwMo5DDld2sOIkrc6IaNuecOG52SN4zLzTKl-m7ZdXENTgEmHPFFWUz16vATzyYRKVPzs0isFsVBYrUji83XSAtoeCkkDN85DcNd0U/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtPUNFYL7a_1S7QebId2PIV_c6imz0scvi6qj1kNwMo5DDld2sOIkrc6IaNuecOG52SN4zLzTKl-m7ZdXENTgEmHPFFWUz16vATzyYRKVPzs0isFsVBYrUji83XSAtoeCkkDN85DcNd0U/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>Другие нововведения:</b><br />
Переключатель Alt + Tab теперь переключает приложения только в пределах одного рабочего стола и выводит в верхнем левом углу заголовок выбранного окна.<br />
По умолчанию лаунчер Unity зафиксирован и не скрывается при раскрытии окна программы на весь экран.<br />
В Dash теперь можно использовать среднюю кнопку мыши для вставки в строку поиска скопированного текста.<br />
Classic GNOME Session по умолчанию не установлен.<br />
<br />
<div style="text-align: center;">
<b>Чтобы ознакомиться со всеми нововведениями, посмотрите это видео.</b></div>
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/LrT19cYYthw" width="580"></iframe><br />
<br />
<b></b><br />
<div style="text-align: center;">
<b><b>А вы обновились до беты или будете ждать финального релиза?</b></b></div>
<b>
<div style="text-align: center;">
<b><br /></b></div>
</b></div>
</div>
</div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0tag:blogger.com,1999:blog-3936706049320576710.post-3661129468576771232012-03-01T10:03:00.001-08:002012-03-01T10:04:44.395-08:00Установка Dropbox<div dir="ltr" style="text-align: left;" trbidi="on">
В <a href="http://attatta.blogspot.com/2012/02/email1-2-sign-in3.html" target="_blank">прошлой статье</a> мы разобрались с веб интерфейсом Dropbox. Сегодня поговорим о том, как установить Dropbox на компьютер. Для начала зайдите на сайт Dropbox под своей учётной записью. После этого прейдите в раздел install. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVxFSnnLbKpG7_rXdDqTRXIdvPgmakzgI2JeD1UK9px-Y0s15t4_E102Hx71oBcKMYZbDV1QrEaJq079vWLy4Ys7CfvsQLAK6CdDLf47VGCwZC6wvqbteuCbsEM45012j-K-Q0Xyni3aC/s1600/dropbox+install.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBVxFSnnLbKpG7_rXdDqTRXIdvPgmakzgI2JeD1UK9px-Y0s15t4_E102Hx71oBcKMYZbDV1QrEaJq079vWLy4Ys7CfvsQLAK6CdDLf47VGCwZC6wvqbteuCbsEM45012j-K-Q0Xyni3aC/s320/dropbox+install.png" width="320" /></a></div>
<br />
<br />
<a name='more'></a>Затем скачайте установочный файл:<br />
<span style="text-align: center;"><br /></span><br />
<div style="text-align: center;">
Для Windows (загрузка начнётся автоматически).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEaWWPSS_oIm-sE8tgN5AfkYckKVNHsmHRquw53V1rpQWlshF-P3DqcvhvNZRNnUyvqAHxRbTZX0axaAKocvr0BhC99GTwPKIQMRfjMqPQuTSoiucE1TMs5ZLLwZQindO74csa2cebqATV/s1600/dropbox+windows.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEaWWPSS_oIm-sE8tgN5AfkYckKVNHsmHRquw53V1rpQWlshF-P3DqcvhvNZRNnUyvqAHxRbTZX0axaAKocvr0BhC99GTwPKIQMRfjMqPQuTSoiucE1TMs5ZLLwZQindO74csa2cebqATV/s400/dropbox+windows.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Для Mac (загрузка начнётся автоматически).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkDll4kUJkaNw0aGq6iMY4IHW2JvXAhwHpHcasDsFilNrPokj3EcklEJuzwYhJVtTFm7vZBAgVpMWhff0lRa5Ur5ecy-xSxfnrE7Cd-WKMokx3uX51LtYOnBEANaImEPIJtbpQsYMSHRk/s1600/dropbox+mac.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkDll4kUJkaNw0aGq6iMY4IHW2JvXAhwHpHcasDsFilNrPokj3EcklEJuzwYhJVtTFm7vZBAgVpMWhff0lRa5Ur5ecy-xSxfnrE7Cd-WKMokx3uX51LtYOnBEANaImEPIJtbpQsYMSHRk/s400/dropbox+mac.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">Установка в Ubuntu. </span></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9qVoAN0szr2xsvRdJ2VTUi92EqZ_SpxCCb2qstmMY2Mg2_Y3XdxdTk3K5noGFXWkSu2Wd7cPkMn2XhX5j5d-IXF9Zzf57Dq36k7ra9wE38-4g8PO2X1rOhZNK1WodVOAf-oUX2v4Od3e/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9qVoAN0szr2xsvRdJ2VTUi92EqZ_SpxCCb2qstmMY2Mg2_Y3XdxdTk3K5noGFXWkSu2Wd7cPkMn2XhX5j5d-IXF9Zzf57Dq36k7ra9wE38-4g8PO2X1rOhZNK1WodVOAf-oUX2v4Od3e/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_002.png" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
1) Зайдите в центр приложений Ubuntu.</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwKaotMkbCdHkHnYKeZG5rJDAwFbQr0jKEKzeKPNEMHV91xm5VQz3p6W1TQIrE1YBuUdfJwo0WCCfYVOkwFw5TlFTo9gdsrkvW_BWGI4k5kb4dtABCIJx6-VoaH3sw2TZsY2fikagRpwg/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuwKaotMkbCdHkHnYKeZG5rJDAwFbQr0jKEKzeKPNEMHV91xm5VQz3p6W1TQIrE1YBuUdfJwo0WCCfYVOkwFw5TlFTo9gdsrkvW_BWGI4k5kb4dtABCIJx6-VoaH3sw2TZsY2fikagRpwg/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_003.png" width="400" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
2) Введите в поиск dropbox.</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09wuq6sJ3dS0QIekyVaVCm8Ku0lDNyp3ZgUX_Z-PwZSTGAwMbJM7nTDgOwcU7vJBNgwNHznF5EhF1Fld1oH1pgm2seu2lijvqfwsWTqhRHfEx7Im1cuxhUaZlcpSdEtW-QZVxhzLX7MLH/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09wuq6sJ3dS0QIekyVaVCm8Ku0lDNyp3ZgUX_Z-PwZSTGAwMbJM7nTDgOwcU7vJBNgwNHznF5EhF1Fld1oH1pgm2seu2lijvqfwsWTqhRHfEx7Im1cuxhUaZlcpSdEtW-QZVxhzLX7MLH/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_004.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3) Нажмите установить и дождитесь окончания установки.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuuBRnUPHuaAEGQZddS3NiQcdql5tagcWicztIZwdWBVNqVcpyFCpROdwnRgKTNAah0YgulThPdxddMuYw1pp_dAeL_4ccrB6SjaEg6AHOizgMz3Juqr4vTCw8JYRwzEjeezdTrRj54Lnp/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuuBRnUPHuaAEGQZddS3NiQcdql5tagcWicztIZwdWBVNqVcpyFCpROdwnRgKTNAah0YgulThPdxddMuYw1pp_dAeL_4ccrB6SjaEg6AHOizgMz3Juqr4vTCw8JYRwzEjeezdTrRj54Lnp/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_005.png" width="400" /></a></div>
<br />
4) Запустите dropbox.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMD5CiYia_8hSZevEEgO4RPrpoa0uNJ0QsxngFJjKDuvDpL_fPFoEZEfvh9amQ7QaE2lFKnfCCivLzPcI_7erwd7-B8YFlgJLUesQkmL76go3dNvlMioywFwOIb6MvE_Nba6K8aFrK-Kc-/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMD5CiYia_8hSZevEEgO4RPrpoa0uNJ0QsxngFJjKDuvDpL_fPFoEZEfvh9amQ7QaE2lFKnfCCivLzPcI_7erwd7-B8YFlgJLUesQkmL76go3dNvlMioywFwOIb6MvE_Nba6K8aFrK-Kc-/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_006.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
5) Так как мы уже создали учётную запись, выбираем второй пункт и жмём Next.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMr6ElevtJYWnDdrghsqL-ReVamSmDbkPKd5jjA5M4ZGE1qzhKat09P7Ky4RDTVt3G6VUaXKc1zPi1xstEjfTyVopEjfWvXIv2sbiEjm4HA_e0u9boAOHYKJtkC_GmtpMmG34_y_Cfm1x/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="397" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMr6ElevtJYWnDdrghsqL-ReVamSmDbkPKd5jjA5M4ZGE1qzhKat09P7Ky4RDTVt3G6VUaXKc1zPi1xstEjfTyVopEjfWvXIv2sbiEjm4HA_e0u9boAOHYKJtkC_GmtpMmG34_y_Cfm1x/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_007.png" width="400" /></a></div>
<br />
6) Вводим свои данные, в последнее поле вводим название компьютера, жмём Next.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQrHpt_6yb0oLO4Mm1LKVhj-9_FTgqEaEJ12NBwtCrPVIfUD_bbxVJfnGD2vz6rhJMHcdDSxMpuFhLJu5t-H1wteZ1WKVgzCB3spFXVZPxEUg3a-4k5Qo7J7Qv-_osfTdYvkr7OM2wldm/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="397" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikQrHpt_6yb0oLO4Mm1LKVhj-9_FTgqEaEJ12NBwtCrPVIfUD_bbxVJfnGD2vz6rhJMHcdDSxMpuFhLJu5t-H1wteZ1WKVgzCB3spFXVZPxEUg3a-4k5Qo7J7Qv-_osfTdYvkr7OM2wldm/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_008.png" width="400" /></a></div>
<br />
7) Выбираем размер 2GB, жмём Next.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_djx9Z6bjPdZjBsgrm6ZpMRTvc_AIQtXAW40IcSCup8O4CLJ21ys-vFRdncgm19z7CtXoPdqy10-bbJKbI01cajAqWsnBslGp7xGV0vE5wXRZ_7J-QYW1iQpNROIEI_lLExhl35Cv0zMU/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_djx9Z6bjPdZjBsgrm6ZpMRTvc_AIQtXAW40IcSCup8O4CLJ21ys-vFRdncgm19z7CtXoPdqy10-bbJKbI01cajAqWsnBslGp7xGV0vE5wXRZ_7J-QYW1iQpNROIEI_lLExhl35Cv0zMU/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_009.png" width="397" /></a></div>
<br />
8) Выбираем первый пункт (стандартная установка), жмём Install.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_UTE6YxdN4mxzQYn4ZU50ce0YS12KIE7QyQ00ksVG7Ab10D8DMgWpFBXXjlaLtyysA0SLpzz41koC2PMgJ7m8QYc6Vi-sAvgx_dTTiJL-1qsHUUtKXRrDuiq81ZPSddKmJ7nZQPRKsWQ/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN_UTE6YxdN4mxzQYn4ZU50ce0YS12KIE7QyQ00ksVG7Ab10D8DMgWpFBXXjlaLtyysA0SLpzz41koC2PMgJ7m8QYc6Vi-sAvgx_dTTiJL-1qsHUUtKXRrDuiq81ZPSddKmJ7nZQPRKsWQ/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_010.png" width="400" /></a></div>
<br />
9) Жмём Skip Tour, чтобы пропустить демонстрацию.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaCutraYkmclT2meKOKD5Gpt6rfJMZ98BiUdyuQcwDPAXvu3yYhAzae5QbkO87lIHg1JUIa72HAi0jx0dON-LFiwQNvs3AMDw6IGkK8ub7lGj3jabo8j03lGl7RlDk359zZFuRGZCbysE/s1600/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaCutraYkmclT2meKOKD5Gpt6rfJMZ98BiUdyuQcwDPAXvu3yYhAzae5QbkO87lIHg1JUIa72HAi0jx0dON-LFiwQNvs3AMDw6IGkK8ub7lGj3jabo8j03lGl7RlDk359zZFuRGZCbysE/s400/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5+%D0%BC%D0%B5%D1%81%D1%82%D0%BE+1_011.png" width="400" /></a></div>
<br />
10) Жмём Fnish, вот и всё установка закончена.<br />
<br />
После этого у вас откроется папка dropbox в которой уже будут все файлы и папки ранее загруженные в через веб версию dropbox. Все файлы помещённые в эту папку будут автоматически загружены(синхронизированы) в веб версию dropbox.<br />
<br />
Так как установка dropbox практически идентична в других ОС, я не буду её описывать.<br />
Вы можете ознакомиться с процессом установки по этим видео.<br />
<br />
Для Windows.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/RxkEhVAYGGg?feature=player_embedded' frameborder='0'></iframe></div>
<br />
Для OS X<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/20oGqXqZinc?feature=player_embedded' frameborder='0'></iframe></div>
<br />
<br />
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<br /></div>Anonymoushttp://www.blogger.com/profile/01431414816636760739noreply@blogger.com0