tag:blogger.com,1999:blog-19735051871350506802024-11-01T11:13:33.189+03:00Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comBlogger200125tag:blogger.com,1999:blog-1973505187135050680.post-23548346650826138602012-03-29T01:59:00.000+04:002012-03-29T02:00:38.859+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Динамическое изменение заголовков страниц" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOalhWZgkbABVT6NNt9dkH_fQRLtMVe0udCMnRUSsXVfZ64_GSnMrVj_cSOAEZ1rDwl80Rota8DXpDLM8TS-uZV-4j9yopDA3sI6rMv3l_RvjocinfMoyMbcv5FIlX9mobT4b58gFYUPbM/s200/text-zagolovok.jpg" title="Оживляем заголовки страниц в блоге" width="250"></div> С помощью этого небольшого скрипта вы сможете оживить существующий заголовок страницы и всегда обратить внимание пользователя на вкладку с вашим ресурсом.<br> <br> Смысл его заключается в том, что актуальное название страницы блога (ее <b>title</b>) будет циклично печататься в заглавии браузерной вкладки буква за буквой, подобно вводу текста при наборе.<br> <br> Потребуется единожды прописать скрипт в шаблоне, и проделанное изменение коснется всех опубликованных страниц блога. За ненадобности достаточно будет удалить из шаблона внесенный ранее код.<br> </div><a href="http://www.bloggarolla.ru/2012/03/jivye-zagolovki-stranic.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-86255923300818992512012-03-28T07:07:00.000+04:002012-03-28T07:28:24.941+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Стильные кнопки на CSS в блог" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW28Q4XMjFUl8ikG3AvBxsd2Sx8Pu6RJ_AJnSihWhWS8ru-FME1LxQrtsNtMgJlo03ezN0Sva7pG-769gsQh7VRAQ0xscwOWOWTmGpuBpWSnTv71OULCN8geQvdiUeUpmfC3GT78zEHTfh/s300/button.jpg" title="Включаем в блог стильные кнопки на CSS" width="250"></div> В последнее время становится распространенным явлением облекать ссылки блога в некую очаровательную кнопочную форму, реагирующую на действия посетителей. Особенно это проявляется при использовании меню и различных информационных форм.<br> <br> Не будем и мы воронами-блондинками и попытаемся воспроизвести что-нибудь подобное и прекрасное в наших блогах.<br> <br> Дальше я расскажу о том, как создать стильные кнопки с использованием красочных эффектов, которые поддерживают современные браузеры с поддержкой <b>CSS3</b>. С помощью них будет возможно украсить любой список меню либо требуемые ссылки.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Стильные кнопки на CSS в блог" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BSHGle61ROzHYkuQnOj0g2IqL_-6-uPXkOGkW98ZOG__3GJfi65CNd8QGnDM0v2Iuw1NONL8ENsS3atbGv8Iv4XjJxMt-1Pa9qy7w9p0F5Jaccd-lwdVV6wm4e3ftP2OvdU6A3yAwZKz/s1600/knopki.png" title="Визуальный пример стильных кнопок на CSS"></div> </div><a href="http://www.bloggarolla.ru/2012/03/stilnye-knopki-na-css.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-14125985479991269762012-03-27T09:10:00.000+04:002012-03-27T09:27:14.882+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Ссылки с эффектом вращения" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjradBHdrTdP68soiXDNJ0QhTmALgVLyy1JWtWXgd_nfviKg3mgFU60Mb6iXytMqgqDuqwrvCM9NyGW30kTwOEOqEWHx9fQaSjouApwjKiP9dyyKqVw2i2QMmtwKZmNgvwNqA6pn19MIudd/s300/vraschenie-ssylok.jpg" title="Заставляем ссылки в блоге танцевать буги-вуги" width="250"></div> Робко и небрежно весна все более и более воцаряется вокруг, заползая постепенно в наши промерзшие за зиму квартиры и погрузневшие тела. И только по ночам еще злорадствует бесконечно унылый и холодный ветер, отчего днем надолго пытаешься впитать те редкие мгновенье солнца, которые только одни способны скрасить затянувшийся приход весны...<br> <br> Продолжим и мы добавлять очарования в наши блоги в предвкушении торжества теплых и солнечных часов. Потому сегодня я расскажу о небольшом оригинальном украшении ссылок при наведении на них курсором мыши. О чем-то подобном, но намного проще и строже, я уже пытался рассказывать <b><a href="http://bloggarolla.ru/2012/02/ojivayuschie-pod-kursorom-ssylki.html">ранее</a></b>, однако теперь речь пойдет о гораздо более красочном и заметном воплощении. И все благодаря использованию замечательных свойств <b>CSS</b>.<br> <br> <h3 style="text-align: left;"> Пример стилизации ссылок при наведении.</h3> <style> .rotate-links1 a, .rotate-links2 a, .rotate-links3 a { display: inline-block; padding: 4px; outline: 0; color: #3a599d; -webkit-transition-duration: 0.30s; -moz-transition-duration: 0.30s; -o-transition-duration: 0.30s; transition-duration: 0.30s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .rotate-links1 a:hover, .rotate-links3 a:hover { text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(1.05) rotate(-1deg); -moz-transform: scale(1.05) rotate(-1deg); -o-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg); } .rotate-links2 a:hover { text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); transform: scale(1.05) rotate(1deg); } .rotate-links1 a:hover { background: #ed5125; } .rotate-links2 a:hover { background: #bddc1c; } .rotate-links3 a:hover { background: #f7e651; } .rotate-links1 a:nth-child(2n):hover, .rotate-links3 a:nth-child(2n):hover { -webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); transform: scale(1.05) rotate(1deg); } .rotate-links2 a:nth-child(2n):hover { -webkit-transform: scale(1.05) rotate(-1deg); -moz-transform: scale(1.05) rotate(-1deg); -o-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg); } </style><br> <br> <center> <div class="rotate-links1"> <a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Пример ссылки с симпатичным эффектом вращения</a></div> <br> <div class="rotate-links2"> <a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Пример ссылки с симпатичным эффектом вращения</a></div> <br> <div class="rotate-links3"> <a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Пример ссылки с симпатичным эффектом вращения</a></div> </center><br> <br> </div><a href="http://www.bloggarolla.ru/2012/03/blog-post.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-54850062971273059852012-03-27T04:18:00.000+04:002012-03-27T10:28:24.543+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Боковой виджет социальных сервисов Simple Counters" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWIwHYsDU81rqWKL9L-MzOQLZ4FbktEmU7hi_2cpR_oNNRB6j76z3Bx2Czh-CA7vSCTgKP_r7ievXZ_FFhR6v6DQM5a8Vejapg8DxEfHlsDoqgjw0FKfinpuBvbU0tFwQ-j6_Gx3onX3RK/s300/bok-knopki.jpg" title="Лепим сбоку оригинальный плагин Simple Counters" width="250"></div> Продолжая тему <b><a href="http://bloggarolla.ru/2012/03/bokovaya-panel-socialnyh-knopok.html">бокового расположения социальных кнопок</a></b>, хотелось бы рассказать о замечательном плагине-информере <b>Simple Counters</b>.<br> <br> Автор сего замечательного творения обитает <b><a href="http://blogcoding.ru/" target="_blank">здесь</a></b>. Там же (пардон за абсурдный каламбур) вы можете найти последние обновления виджета <b>Simple Counters</b> и при желании скачать исходники.<br> <br> Изначально плагин был <b><a href="http://blogcoding.ru/archives/wordpress-plagin-simple-counters" rel="nofollow" target="_blank">создан для Wordpress</a></b>, но, как все хорошее и вечное, в дальнейшем адаптирован и под платформу <b>Blogger</b> все тем же чутким автором, да останется его имя в веках.<br> <br> Виджет представляет собой фиксированную боковую панель с кнопками двух ресурсов - <b>FeedBurner</b> и <b>Twitter</b>, благодаря которым посетитель сможет легко подписаться и быть в курсе всех новостей блога. Но главным замечательным свойством <b>Simple Counters</b>, пожалуй, является предоставление обновляемой статистики в режиме реального времени, отчего вы всегда будете знать точное количество подписчиков блога в указанных сервисах.<br> <div class="bdi"> Однако здесь кроется и небольшой минус: при пересчете статистики на самом сервисе <b>FeedBurner</b> счетчик плагина в это время будет показывать <b>&quot;0 (ноль)&quot; подписчиков</b> фида.</div> <h3 style="text-align: left;"> <br></h3> <h3 style="text-align: left;"> Пример боковой панели Simple Counters.</h3> <br> Плагин в действии вы можете подсмотреть прямо на этом блоге справа либо разглядеть его визуальное воплощение на скриншотах ниже:<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Виджет-информер социальных кнопок Simple Counters" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1V4_Ks2Bx1aRM_O967fAaw9aHi3rV4AAOZlyWAEM5xxgXM_PhU0pjS3V136sCRPS0Z74N1kcm66kPwc9Msan6Mo6W8Hw0EQzOt4re-eU4ITjknzzaKNb1m_omKI4lxRJ1cbGu3KI9AWm/s1600/bok-soc-knopki+-Simple-Counters.PNG" title="Пример боковой панели Simple Counters"></div> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Виджет-информер социальных кнопок Simple Counters" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jVT0Sje17ALWm7JalKxAJNjtDlIp3poCTxRTchi291w_a4cTYrcwDjxdwrLTk80lmrPJNHmclUghQu3M1p7hY6CJoWCAcy4Hg4yCiZpYS8TazFeaElODNBpHBgac2XFuR41TPaN3JTzj/s320/Simple-Counters.PNG" title="Всплывающая подсказка боковой панели Simple Counters" width="320"></div> </div><a href="http://www.bloggarolla.ru/2012/03/plagin-simple-counters-dlya-blogger.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-34241984020271866832012-03-25T11:05:00.000+04:002012-03-25T11:13:00.921+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Боковая панель социальных кнопок" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR3EyBqstTdeES38_3eo7oVPRFayn6CEGbvTB7y5L68TpGC-DjhLlEj5P5TaGuWrNnTUgqB32jPMXYtSFcFIHoElNbsJROqEA_P5qsSc-bIu55anNo8mw_ri3iPeE7P5TXEUO9jTQiV74r/s300/6047267601.jpg" title="Прикрепляем кнопки социальных сервисов сбоку" width="250"></div> Стандартный блок социальных кнопок для &quot;расшаривания&quot; материала блога уже давно и незыблемо является неотъемлемым его атрибутом. Обычно он располагается сразу после статьи и представляет собой подборку иконок соответствующих ресурсов.<br> <br> Некую оригинальность в этом плане несет в себе фиксированная панель с основными кнопками социальных сервисов, которая будет закреплена сбоку, &quot;мозоля&quot; глаза посетителям блога, в хорошем смысле этого словосочетания, при любой прокрутке страницы, тем самым повышая их кликабельный рефлекс. Помимо того, что такая панель всегда под рукой, в нашем случае - под курсором мыши, ко всему, освобождается пространство под статьей для дополнительных дизайнерских и информационных изысков.<br> <br> Об ее установке в блог мы и поговорим далее.<br> </div><a href="http://www.bloggarolla.ru/2012/03/bokovaya-panel-socialnyh-knopok.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-22292090174648379902012-03-24T07:35:00.001+04:002012-03-24T07:37:09.711+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Flash-игра The Great Massacre (Великая резня)" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrPVJY44ieN6N9UdhyRIKNghB5w3u1IWHD0DwAQCHLVcwI7yfZvQXBxHoAG7UDQDDrZH-mPL10Hv81jGz6zgz27gfFHYyU3gyzph9o65eb3MI13IPKnv0kc-fEFPe3POJc3a-hQlISBz6/s300/flash-reznya.PNG" title="Тяжела рука во flash-игре The Great Massacre (Великая резня)" width="250"></div> Резня во <b>flash</b>-игре <b>The Great Massacre (Великая резня)</b> и вправду предстоит быть великой и весьма дикой. Герою придется сокрушить бесчисленное множество врагов, и все ради того, чтобы вновь обрести однажды утерянное бессмертие.<br> <br> Игра наполнена превосходной графикой и увлекательным процессом дробления противников разнообразными способами. Вместе с героем вам придется отправиться в нелегкое путешествие, по окончанию которого ему суждено вернуть свою божественную силу.<br> <br> В вашем распоряжении будет богатый арсенал великолепных приемов, множество доспехов, а на закуску - немного магии. В конце каждой миссии предстоит жаркая схватка с очередным боссом. За убийство каждого врага начисляются деньги, которые вы сможете потратить на снаряжение и укрепление своего героя.<br> <br> Управление осуществляется с помощью клавиатуры, список приемов и перемещение вы можете подсмотреть непосредственно в самой игре.<br> <br> <b><span style="color: #b45f06;">Взмахнуть суровым тесаком:</span></b><br> </div><a href="http://www.bloggarolla.ru/2012/03/flash-great-massacre.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-55469064361568751172012-03-24T05:51:00.000+04:002012-03-24T06:09:14.025+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Flash-игра Immortal Souls" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRroGRABrel2XYgJG2pMZ3Om8HdVdVolwfDGUuAn4mvVLXfde7bgmqAxJho9QTam6ywF5WRD4JCxpaadU_0Edu3qN0AaQDQtiJRIRRc653gnHBp97bUbZGOZjU3P4q8smkyZxTbrBk0qLi/s300/immortal-souls.PNG" title="Мир, дружба, жвачка во flash-игре Immortal Souls" width="250"></div> Красочная и захватывающая <b>flash</b>-игра <b>Immortal Souls</b> поведает нам об извечной борьбе добра со злом и наоборот. Вам, как главному герою, отведена ключевая роль в искоренении скверны и полчищ демонических чудовищ. Миссия за миссией вам предстоит уничтожать различных монстров посредством пошаговых поединков.<br> <br> Игру отличает яркая графика в стиле комиксов и разнообразие боевых приемов и вооружения. Система боя весьма оригинальна и представляет собой доску с иконками хаотично выпадающих атак и бонусов.<br> Так, совместив несколько одинаковых их видов в одну линию, герой сможет произвести серию комбо.<br> <br> Помимо прочего, в наличие имеется возможность постоянной прокачки статов, покупка нового снаряжения и остальные элементы, сопутствующие стандартным <b>RPG</b>-играм.<br> <br> <b><span style="color: #b45f06;">Ступить на путь света и добра:</span></b><br> </div><a href="http://www.bloggarolla.ru/2012/03/flash-immortal-souls.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-38131581895744141222012-03-24T03:00:00.000+04:002012-03-24T03:03:34.737+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Flash-игра Robokill 2 RPG" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0sRhdZ1rjPI_GHCVIxn8tiB6n-JkKK53eXdt1UKRBMi8U3liwhyphenhyphenE_SbODiwiIlxFyoCLhqrXLFLE3TtqOgdlOAz4WUA9AqFsDRcFmwFG8q36ERABNSpRgaBHOU55MeKdyWRXzVT-U6sA/s200/flash-robot.PNG" title="Новая миссия железного Терминатора во flash-игре Robokill 2 RPG" width="250"></div> Увлекательная <b>flash</b>-игра <b>Robokill 2 RPG</b> заставит вас окунуться в мир роботизированных монстров и замкнутых пространств.  <b>Robokill 2 RPG</b>  привлекателен как графически, так и в игровом плане.<br> <br> А играть вам предстоит за боевого робота, вооружение которого зависит от ваших предпочтений и наличия кредитов на счету, получаемых за убийство врагов. Путешествуя по мрачным коридорам межпланетных баз, выполняйте зачистку, попутно повышая уровень героя.<br> <br> В данном <b>flash</b>-экшене присутствует множество миссий, заданий и разлетающихся гильз. Управление происходит клавишами <b>W, S, A, D</b>, захват цели и стрельба - мышью. С каждым повышением уровня робота будет доступно новое вооружение и более усиленная мощь его беспощадных автоматов.<br> <br> <b><span style="color: #b45f06;">Когда твои друзья - лишь механический кулак да ржавый автомат:</span></b><br> </div><a href="http://www.bloggarolla.ru/2012/03/flash-robokill-2-rpg.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-63727863208415534412012-03-23T14:34:00.002+04:002012-03-24T01:07:01.583+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Flash-игра Stick Wars" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_ABwWPJdHx6yJ54dY5jNwHFbr1UPGQzc3e2gH0d-9CeR3Vc9tz3TFUw1jr8aIPBc4RzR910efpw34ABfkt50NXI-xfaetaTdVgoKx7cS7E88MxrzFR6ay5y5owfYmHfCS9e9kb7Ca1fC/s400/stick_war.PNG" title="Flash-игра Stick Wars" width="250"></div> <b>Flash</b>-игра <b>Stick Wars 1.3</b> не блещет великолепной графикой и прочим лоском. Однако в ней присутствуют некое очарование и самобытное исполнение игровой механики.<br> В центре событий непрекращающаяся война неких казуальных человечков, представленных двумя противоборствующими лагерями. Одной из сторон вам и предстоит руководить, раз за разом пытаясь уничтожить противника.<br> <br> Игровой процесс будет заключаться в непрерывном клепании войск и засылкой их в сторону вражеского монумента с тривиальной целью разрушения. Компьютерный противник, в свою очередь, преследует те же цели, отчего вам, помимо прочего, предстоит еще и защищать теперь уже собственную цитадель.<br> <br> В игре присутствует несколько оригинальных юнитов, каждый со своим вооружением. По мере прохождения уровней вы сможете улучшать бойцам экипировку и боевые возможности.<br> <br> <b><span style="color: #b45f06;">Управлять полчищами человечков:</span></b><br> </div></div><a href="http://www.bloggarolla.ru/2012/03/flash-igra-stick-wars.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-68738387155165346552012-03-23T08:47:00.002+04:002012-03-24T01:05:07.833+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Flash-игра Heroes of Mangara" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit6aruuWYZOjL2oZ5N6j-nNSZLIgqsQZzbzCbSA3Kd4YRVBL4z58nvNoJm00vMbJ_AI85TuFWzJAiv8Y-8O2Q3BtqxnCm_snVnXMQRbioU1awd9Pe4td1y4QxtdMrpd1eTNgwPPwdYwi12/s320/flash-tower-defense.PNG" title="Работаем суровыми швейцарами во flash-игре Heroes of Mangara" width="250"></div> Интересная <b>flash</b>-игра <b>&quot;Heroes of Mangara&quot;</b> в стиле фэнтезийного <b>Tower Defense</b>. Здесь игроку предстоит отбивать присущие этому жанру <b>flash</b>-игр полчища различных демонических супостатов, волна за волной пытающихся пробиться на другую сторону карты.<br> <br> Однако данную игру отличает от многих подобных наличие некоей альтернативы возводимым боевым башенкам на пути врагов. В вашем распоряжении будет небольшой отряд из разнообразных героев и вспомогательных войск, с помощью которых вам и предстоит строить защиту от вражеских набегов. Уровень за уровнем герои смогут зарабатывать опыт в сражениях, а вы - тратить его на получение новых заклинаний и вооружений для них.<br> <br> По мере прохождения игры будут открываться неизведанные земли на карте с более сильными и коварными врагами, отчего вам потребуется мудрая прокачка героев и эффективное расположение собственных войск на пути у злобных грабителей. Помимо прочего, на выручку придут особые заклятия, также открываемые с каждой отвоеванной территорией.<br> <br> <b><span style="color: #b45f06;">Встать на пути демонических созданий:</span></b><br> </div><a href="http://www.bloggarolla.ru/2012/03/flash-heroes-of-mangara.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-88094908124051772702012-03-23T01:09:00.001+04:002012-03-24T17:59:25.864+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Плагин jQuery для красочных всплывающих подсказок у изображений" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwE263tYhDeZctaGm3INTiT5X3syahxbo_0DBEdkB8NDSS3C_nublTLC3vi4w6s-XWR04COMThJtZ7UCrUO1fGM6gJOf33J4C0P9XimtjLDlDQ6qjGzstcsTW0exurUOlJJ8EXWty2bOOt/s200/x_348ed0a0.jpg" title="Появление в блоге у изображений оригинальных всплывающих подсказок" width="250"></div> Сегодняшняя тема будет интересна, в первую очередь, тем пользователям, блоги которых содержат большое количество изображений, отчего показ симпатичных сопроводительных текстов к изображениям был бы весьма своевременным и оправдывающим.<br> <br> За основу идеи взят плагин <b>jQuery</b> D<b>rop caption</b>, с помощью которого можно выводить содержимое <b><span style="color: #990000;">title</span></b> у изображений в виде красочной, плавно всплывающей под курсором, подсказки с неким поясняющим картинку текстом.<br> <br> Данное &quot;украшательство&quot; состоит из двух скриптов: собственно, самого скрипта <b>dropcaptions.js</b>, который реализует вывод всплывающей подсказки у изображений, и скрипта <b>easing.1.3.js</b>, позволяющий настроить и осуществить эту подсказку красиво. При желании, можете перезалить их на собственные <b><a href="http://bloggarolla.ru/2011/08/grandioznaya-podborka-hostingov-i.html">файловые хостинги</a></b>.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Плагин jQuery для красочных всплывающих подсказок у изображений" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wvXYqkEEuyBeLOior7FCLEooZaHCKMoEUtOcwAFeFqTef81sn6Nh-W5vS8p9pTIpuBAdn8qIigY2-bexMdz020JuFzvPRZ74H5fw97wVN_shkqpMBYJ6EpoQVBnGfUtOYclQzohYOFFh/s1600/vsplyvayuschaya_podskazka_izobrajenii.PNG" title="Красивая всплывающая подсказка у изображений" width="500"></div> <br> <br> <center><a class="blackout" href="http://blogtestosteron.blogspot.com/2012/03/jquery-drop-caption.html" rel="nofollow" target="_blank">Живое демо</a></center><br> <br> </div></div><a href="http://www.bloggarolla.ru/2012/03/vsplyvayuschaya-podskazka-u-izobrajenii.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-78039670277644261612012-03-22T18:47:00.003+04:002012-03-22T21:14:59.142+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Новые настройки Blogger для поисковых систем" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGwwJ-bd7Oelc3UK5owkvrq4zTgFE26RThjy0Q0MoVrDmJce6pSgRjuXFVPAt7Oq_m1_qageiDahHW9l-a8pks-96XxWFQiUkq83K8XRdqgK9p-dX54MWmQXwnUAGj5KU1zJeILYJ3ZqWW/s300/blogger.jpg" title="Приятные нововведения платформы Blogger" width="250"></div> Парам-пам-пам! Кажется мечты начинают сбываться, и густонаселенный сервис <b>Blogger</b> предоставил своим пользователям многие из тех желанных &quot;вкусностей&quot;, которые так ожидали узреть большинство из нас долгое время.<br> А быть пользователем этой платформой становится все более и более интересно и увлекательно. Ведь гастрономические, и не только, удовольствия от этих самых &quot;вкусностей&quot; заключаются в способности обширной настройки блога как в визуальном изменении шаблона, так и в оптимизации для поисковых систем.<br> <br> Основные прелести последних нововведений заключены в появившейся возможности правки файла <b>robots.txt</b> вплоть до создания собственного, о чем еще раньше владельцы блогов от <b>Blogger</b> могли лишь тихо мечтать, с завистью посматривая на другие <b>CMS</b>. Также теперь возможно указать нужное описание для <b>КАЖДОЙ</b> страницы блога, прописывая соответствующие <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&amp;answer=79812" rel="nofollow" target="_blank"><b>мета-теги</b></a> к ней. Ко всему, пользователь сможет настроить свой вариант <b>&quot;Страница не найдена&quot;</b>, когда посетитель блога случайно перейдет на несуществующую страницу блога.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Новые настройки Blogger для поисковых систем" border="0" height="427" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEfBcpYknGk5DImtDQTIpxnMLYcqKwOHCq-FwTxuVIvpUEaXvlyZAsBHIamQRalxkMTCTshrKFw_TNj8icMlNtzXD2JcYHyGfSO_AzdEGnlnPfdP0aUfbA2JoW5-vBjiMIipbdNJWK18KA/s640/blogger-nastroyka.PNG" width="640"></div> <br> Помимо прочего, в редакторе создания сообщений добавлена кнопка, позволяющая автоматически прописывать в теле поста различные виды заголовков.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Новые настройки Blogger для поисковых систем" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieYY0jkw0FnpZTlcg8bbNv3Vy0Dik8z-IkA9jQitk-BMUyk2lhrdineCPbQWMAJZIjXlZCto72jl9F7ntcTZsHYqXfz73TlIXwL4xCUOLIq7vaWXPI3fUJLTm8VHl2gwZfTpUqxTL6s632/s1600/blogger-post.PNG"></div> <br> При добавлении в текст ссылок появилась функция, с помощью которой можно сразу указать открытие ссылки в новом окне (тег <b><span style="color: #990000;">target=&quot;_blank&quot;</span></b>) и запрет на индексацию (добавление тега <b><span style="color: #990000;">rel=&quot;nofollow&quot;</span></b>) посредством простой маркировки галочкой.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Новые настройки Blogger для поисковых систем" border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhSCWb0UdhAw2lr6VJ_j9u_Q2tz9jwjbg4gYKG0yskXgS8yrYDCc147UzD0Eocqr_nEHODYOD1I68ILyrEU7VrcqEHWabSOIr1Ytz8tUnrXBgQpuNgF_6gy7y2E5ZmBXzhAYLJMQQtAS-C/s500/blogger-ssylki.PNG" width="320"></div> <br> Всеми нововведениями можно воспользоваться, проследовав в административной панели блога: <b>Настройки &gt; Настройки поиска</b>.<br> <br> Ай да <b>Blogger</b>, ай да чей-то сын!<br> </div><a href="http://www.bloggarolla.ru/2012/03/novye-nastroiki-blogger-dlya-poiskovyh.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-35337036862142507002012-02-26T12:13:00.000+04:002012-02-26T12:29:22.829+04:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img title="Украшаем Blogger небольшими иконками ярлыков" alt="Добавляем иконки-превьюшки к ярлыкам и комментариям" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpqzq_pji52EjYU3m-gaCxhq_JdrwcjXTOQWsUcrKzI4pOuDB4El5xJY6nhbHY_QxYBLx5EpvOlMvXlp0ZPAmro23fxluuHPzGcLaOhlaO3daK9gcE8AUr8BGe83w2Fl9YGCWhv5yj3W-/s300/0_5d1a1_3bc68979_XL.jpg" width="250"></div>Тем, кто использует стандартные шаблоны от <b>Blogger</b>, предлагаю привнести в блог еще <b><a href="http://bloggarolla.ru/p/ukrashenia.html">щепотку красоты</a></b>.<br> Многие из вас, быть может, встречали в постах некоторых блогов возле количества комментариев и упоминания автора наличие неких симпатичных иконок, соответствующих каждому из этих наименований.<br> Как сотворить у себя в блоге что-то подобное я и расскажу дальше.<br> <br> Как правило, данный трюк &quot;прокатывает&quot; на стандартных шаблонах, потому как в остальных все привносимые в шаблон определения будут, по сути, отличаться от уже прописанных и не работать. Соответственно, все весьма индивидуально...<br> <br> <b><span style="color: #b45f06;">Пример того, что у нас может получиться:</span></b><br> <br> <div class="separator" style="clear: both; text-align: center;"><img alt="Пример отображения иконок у ярлыков и комментариев в посте" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdB8mPlnvtUW3VOkgkM4C3EvvQrtW7mLrQTCaj1YwGJHXsp5-zgjQjGtfaOW6qsE3esM30tSrv1XOan_UT30Fuc0CSoOTuN7LDNtL6YRjirBFhizMxPn3HOY35heaaomkQIuqEwY4SZlX/s1600/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D1%81%D1%82%D0%B5%D1%80%D0%BE%D0%BD+.png"></div><br> </div><a href="http://www.bloggarolla.ru/2012/02/dobavlenie-ikonok-k-yarlykam-i.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-92011042384801845162012-02-26T01:54:00.000+04:002012-02-26T02:10:38.541+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Как убрать дату сообщений из Blogger" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOZvK9AGLBYxroRTdxJlksedzF4qVrlE5C6SexiCbbggZAaHOJ98xqhHR6srB7JZSwwdesoBYvtWgkLK81MVSnT-BODXZAVb7oPKKxCp-K8Qrdr0Rqs2rVvJ5oqLTvBorYVYykQ12wUzNp/s300/fokus34.jpg" title="Уничтожаем следы времени в блоге на Blogger" width="250"></div> При скудной периодичности обновления блога зачастую требуется скрыть явный след застоявшегося контента, - в частности, - даты его публикаций, дабы не смущать посетителей, а создать некую ложную интригу. Особенно актуально это для статичных блогов, ориентированных, в первую очередь, на одностраничное размещение информации либо на размещение какого-либо каталога, что уже абсолютно свободно позволяет совершить платформа <b>Blogger</b>.<br> Остальные причины сокрытия даты поста может придумать читатель, я же расскажу как легко и безболезненно это совершить.<br> <br> <b><span style="color: #b45f06;">Как убрать дату постов в блоге.</span></b><br> <br> Для достижения вожделенного эффекта достаточно добавить непосредственно в блог одну строку и, как бонусное действие, сохранить шаблон.<br> </div><a href="http://www.bloggarolla.ru/2012/02/kak-ubrat-datu-soobschenii-iz-blogger.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-7128547575351971902012-02-25T21:12:00.000+04:002012-02-25T23:58:09.697+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Небольшое вращение списка меню с помощью CSS" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGgcNnJLcYoCx8Vu3vCNin0cH1ic5l4UYfKhUA-AGWiXdka0-hpijFnBSkRajVs70Q4yod9sL9IpKlF3USBhWX11BfHlMpNeqffGrKVeKMOsbB4neh2DoyzO7ojCe841EI8VOE1Ar3QxlB/s600/spisok1.jpg" title="Крутятся-вертятся ссылка и шар голубой" width="250"></div> С помощью вмешательства <b>CSS</b> можно выделить любой список ссылок или обычной текстовой информации в блоге.<br> Один из таких органичных и стильных способов оформления мы и рассмотрим далее. Сам способ легко применим и основан только на <b>CSS</b>.<br> <br> Мы создадим небольшой список меню, при наведении на любой из пунктов которого будет происходить небольшое вращение выделенного пункта.<br> Благодаря этому, появляется возможность украсить эффектом трансформации любой аскетичный список ссылок.<br> <br> <b><span style="color: #b45f06;">Визуальное воплощение трансформации ссылок меню при наведении:</span></b><br> <br> <style> #spisok { } #spisok ul { list-style:none; } #spisok ul li { font-family:Georgia,serif,Times; font-size:18px; } #spisok ul li a { display:block; width:350px; height:28px; background-color:#5d9cef; border-left:5px solid #443d3d; border-right:5px solid #443d3d; padding-left:10px; text-decoration:none; color:#ffffff; } #spisok ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000; -webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000; transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; } </style><br> <div id="spisok"> <ul> <li><a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Меню раз</a></li> <li><a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Меню два</a></li> <li><a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Меню три</a></li> <li><a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Меню четыре</a></li> <li><a href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">Меню пять</a></li> </ul> </div> </div><a href="http://www.bloggarolla.ru/2012/02/nebolshoe-vraschenie-spiska-menyu-s.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-71789011054245075002012-02-16T09:43:00.001+04:002012-02-16T10:12:28.340+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Всплывающая подсказка у всех атрибутов title и alt в блоге автоматически" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqCbDlc7ahKkrmHwLJK_m5wqc4LAyNBBEvgmu7Kxudkl0QnWfp5mwvQBzV76O4gIImlC2vwFdcBM-nyT9MuCNu1r3_oORsSNarEeMB0ykCiL47nAQJFwoX6IAOHMq9SMPFn3KV-h6pn11Z/s200/big.jpg" title="Украшаем все всплывающее в блоге" width="250"></div> Озаботившись привнесением в блог дополнительного лоска, в порыве инфантильного очарования решил сменить стандартную всплывающую подсказку на что-то более гламурное. И нарыл у себя в закромах простенький, но весьма полезный скрипт всплывающей подсказки, который автоматически выводит содержимое всех атрибутов <b><span style="color: #990000;">title</span></b> и <b><span style="color: #990000;">alt</span></b>.<br> <br> Испытав мимолетное подобие оргазма от осознания того факта, что не придется вручную дописывать к предыдущим ссылкам в блоге определенный класс с закрепленными стилями, что обычно бывает при создании собственной всплывающей подсказки на <b>CSS</b>, делюсь замечательной находкой с читателями.<br> <br> Как я уже упомянул, данный скрипт автоматически выводит содержимое стандартного свойства <b><span style="color: #990000;">title</span></b> у ссылок во всем блоге в виде всего того безобразия, которое мы ему определим стилями. Это означает, что прописав скрипт один раз в шаблоне, можно не беспокоиться о некоей разнородности оформления постов. Помимо прочего при отсутствии аналогичной подписи у изображений он также автоматически отображает содержимое уже атрибута <b><span style="color: #990000;">alt</span></b>, прописанного к ним. И как дополнительное удобство, позволяет запретить показ всплывающего текста у тех определений, к которых он не требуется.<br> <br> Действующий пример скрипта всплывающей подсказки вы можете подсмотреть у любой соответствующей ссылки в этом блоге, но дабы свести до минимума физическое усилие по перемещению указателя мыши со стороны читателя, сокращу путь, предложив взглянуть на пример совсем рядом:<br> <div class="info"> Загадка:<br> Какое слово начинается с трех букв &quot;Г&quot; и заканчивается тремя буквами &quot;Я&quot;?<br> <b><span style="color: #0b5394;" title="ТРИГОНОМЕТРИЯ">Отгадка.</span></b><br> <br> Загадка:<br> Назовите слово с пятью буквами &quot;Ы&quot;.<br> <b><span style="color: #0b5394;" title="ВЫЛЫСЫПЫДЫСТ">Отгадка.</span></b></div> </div></div><a href="http://www.bloggarolla.ru/2012/02/vsplyvayuschaya-podskazka-u-title-i-alt.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-6314969633270137782012-02-13T02:25:00.000+04:002012-02-13T05:22:54.994+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Как разместить комментарии Disqus на статичных страницх в Blogger" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Q8vNsUlHixcsqsm7-0MbY0KqMGoDnuTg5ch_p5df47yjxHIbHQHly1c2NDQvJHEdzNluDBO1LbEjq5sSJhvswrKojktGFZL6jAOMUS-vFBmXlouxcwPc5324eL2kuXuYVgSYq7AR8YRa/s600/PuzzlePiecesSmall.jpg" title="Включаем комментарии Disqus в статичные страницы блога" width="250"></div> Совсем не воспринимая комментирование собственных блогов родными средствами <b>Blogger</b>, для возможности общения с читателями я душой и телом всегда радел за привлечение сторонних сервисов. И так исторически сложилось, что вся моя моногамная преданность в этом деле распространилась на сервис <b>Disqus</b>.<br> Пусть и ценой небольшого увеличения времени страничной загрузки, их виджеты комментариев отличаются богатым функционалом, как при возможности добавления отзыва, так и при последующей модерации.<br> <br> Однако по непонятному умыслу создателей данного сервиса наличие блока с комментариями определяется только на страницах сообщений, и ни разу на статичных. А ведь зачастую эти самые страницы содержат весьма информативную часть блога и наличие возможности оставить отзыв к ним подчас необходимо.<br> <br> По традиции, мы против несправедливости мира, а посему скажем дружно &quot;Ай-яй-яй&quot; разработчикам и попробуем исправить это досадное недоразумение. Тем паче добавить комментарии <b>Disqus</b> на статичные страницы блога довольно просто, как оказалось, потребуется всего лишь крошечная трепанация нескольких строк кода в шаблоне.<br> </div><a href="http://www.bloggarolla.ru/2012/02/kommentarii-disqus-na-statichnyh.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-17652493778384282712012-02-05T09:25:00.000+04:002012-02-08T15:00:18.208+04:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Оживающие под курсором ссылки" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-OsA4pHDNg-mxRX2eWeBOry4nTbkbIQL6fBUIDFH062JyLvw3MOYDYRF7l73X1mXF5NTPDg4FNsF18RjmpzFAtQfPJEOpXYv9EcD4IHT8E7vnv7t87giQ-tI2N5nyrGxIA4TVfFMpr_3S/s300/ojivshie+ssylki.jpg" title="Делаем ссылки в блоге живыми" width="250"></div>Предлагаю вашему вниманию очередное небольшое украшательство в блог. На сей раз оно коснется ссылок.<br> <br> При наведении курсора мыши ссылки оживают и реагируют небольшим эффектом раздвигания символов, приписанных им.<br> Вполне жизнеспособно, если требуется выделить нужный  адрес и обратить внимание читателя на него.<br> <br> Таким образом, можно заставить контент блога быть относительно интерактивным к действиям посетителей.<br> <br> <b><span style="color: #b45f06;">Пример.</span></b><br> <br> Ниже вы можете посмотреть это свойство ссылок в действии.<br> <br> <hr style="background-color: blue; border: none; color: blue; height: 1px;"><style type="text/css"> A.pushLink { padding: 0 3px; font-weight: bold; text-decoration: none; } A:hover.pushLink { padding: 0; } A:hover.pushLink span { margin: 0 3px; color: red; } </style><br> <a class="pushLink" href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">&lt; <span>Наведите курсор</span> &gt;</a><br> <br> <a class="pushLink" href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">( <span>Наведите курсор</span> )</a><br> <br> <a class="pushLink" href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">{ <span>Наведите курсор</span> }</a><br> <br> <a class="pushLink" href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">[ <span>Наведите курсор</span> ]</a><br> <br> <a class="pushLink" href="http://www.blogger.com/blogger.g?blogID=1973505187135050680#">\\ <span>Наведите курсор</span> //</a><br> <br> <hr style="background-color: blue; border: none; color: blue; height: 1px;"><br> Для достижения данного эффекта не потребуется никаких скриптов, все выполняется средствами <b>CSS</b>.<br> </div><a href="http://www.bloggarolla.ru/2012/02/ojivayuschie-pod-kursorom-ssylki.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-57662825308448057042012-02-04T05:39:00.000+04:002012-02-04T05:58:18.141+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Скрипт переливающегося текста" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPLqtkV9OBi8HV3_dvyqjBRj-AQGjq7Hf21_C-CvZQB2ofl5fokLhoBlqgPY2BS6jCTeHb6s3oTO0jUy5YSBpq1A6Mmdc_PCtBchuCuGAXGWOtdHfGd-380bh11KA-VOI83o5S2F72BC0w/s200/1769236.jpg" title="Создаем текст в цветных переливах" width="250"></div> Поделюсь относительно небольшим, однако весьма простым скриптом переливающегося текста, с помощью которого пользователь может оформить интересным эффектом любой нужный блок информации.<br> <br> Суть его заключается в том, что по нежному и упругому хребту текста пробегает волна сочетания цветов, заданных вами ранее. Также можно назначить скорость их движения и длину образующейся волны.<br> <br> Ко всему, соответственно подобрав цветовую палитру к дизайну блога, можно создать иллюзию автоматического печатания букв на фоне блога.<br> <br> Визуальный пример этого эффекта вы можете взглянуть <b><a class="hastip" href="http://blogtestosteron.blogspot.com/2012/02/primer-perelivayuschegosya-teksta.html" rel="nofollow" target="_blank" title="Перейти на страницу с примером">здесь</a></b>.<br> </div><a href="http://www.bloggarolla.ru/2012/02/skript-perelivayuschegosya-teksta.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-77515289459315243182012-02-03T06:50:00.000+04:002012-02-03T08:33:20.425+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Как сделать оригинальную рамку у изображений в блоге" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-1s1ZYctLUD_GaLWTPt7AWizL-Iaohjndn_lOt858nW7SqLTK0F80tXvrHK0zlVLIKrjvLOQb5I2d52w4VPYcY_V1UbS3zL88977siifW5yNUFb1bwVvzk0G-krwgugNsv8Z058hrzE1E/s320/ramka_u_izobrajenii.png" title="Строим бордюр вокруг изображений" width="250"></div> На днях знакомая изъявила просьбу коим образом помочь ей немного выделить изображения у себя в блоге, посвященном смыслу женского существования и сумочкам из кожи.<br> Не мудрствуя лукаво, оформил картинки в постах рамкой из симпатичного узора, разбавив это дело несколькими дополнительными эффектами. Дешево, сердито, но весьма нарядно. Отчего заодно решил поделиться этой милой безделицей с читателями <b>BloggaRolla</b>. Почему бы и нет? К месту, однако.<br> <br> Для создания красивой рамки вокруг картинок в постах достаточно добавить в шаблон несколько строк кода.<br> <br> <b><span style="color: #b45f06;">Пример:</span></b><br> <br> Так как у изображений в этом блоге уже определены стили, наглядное воплощение данного эффекта здесь показать не получится. Для этого вэлкам на <b><a href="http://blogtestosteron.blogspot.com/2012/02/primer-izobrajeniya-s-ramkoi.html" rel="nofollow" target="_blank">страницу</a></b> тестового блога.<br> </div><a href="http://www.bloggarolla.ru/2012/02/krasivaya-ramka-u-izobrajenii.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-55869417693104958732012-02-01T19:50:00.000+04:002012-02-01T19:59:53.509+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Оригинальные счетчики RSS и Twitter с обновляемой статистикой" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufU3oi8Hjcd3JHcR4W_XavXv6P5mM9GQKHmWpza24dDoub_gsHi0t8t0F3VQGQ4Y6rItRbIdikRDrM9z2YqsNELGBP_OfroVt4oZnZSdKJcFZ1FtihwSqivNsasHbyINXbo1iF2ffiF2z/s320/twitter-rss.jpg" title="Создаем собственные счетчики RSS и Twitter с обновляемой статистикой последователей" width="250"></div> На сегодняшний день счетчики <b>RSS</b> (<b>Фида</b>) и <b>Twitter</b> являются важной частью блога и неотъемлемым элементом дизайна. Они предоставляют возможность немедленно подписаться на все обновления ресурса и следить за его новостными изменениями из большинства доступных сервисов. Ко всему они предоставляют наглядную статистику подписчиков блога.<br> <br> Однако при всем разнообразии обычных счетчиков, предлагаемых непосредственно сервисами <b>Twitter</b> и <b>FeedBurner</b>, к которому у подавляющего большинства привязана <b>RSS</b>-лента ресурса, этот элемент дизайна у многих блогов довольно стандартен и однообразен. Посему озаботимся созданием собственных несложных счетчиков, в которых будут присутствовать показатели подписчиков и активные ссылки для подписки на указанные сервисы. Тем паче виджет довольно прост в создании, а хэнд мэйд нынче в моде.<br> <br> Ко всему, вы сможете самостоятельно подобрать наглядные ярлыки описываемых сервисов к показателям счетчиков,  выбрав их из архива оригинальных иконок, который я выложил в конце поста.<br> <br> Наш будущий виджет счетчиков может выглядеть так:<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Оригинальные счетчики RSS и Twitter с обновляемой статистикой" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMDSgF2bKBeHfsbUfTlshvWKh4Yz9n96rps6AIN6E4KnFC2FrSxWH45tFYFgPMbuEX7_T50j62sMdYuigv9suQQl4WKMbUnsyy4SH0Z6abvHe1e85GL8Ds98tI3voW1ayQod50pd1VYI97/s1600/%D0%A1%D1%87%D0%B5%D1%82%D1%87%D0%B8%D0%BA%D0%B8+%D1%82%D0%B2%D0%B8%D1%82%D1%82%D0%B5%D1%80%D0%B0+%D0%B8+%D1%84%D0%B8%D0%B4%D0%B0.png"></div> <br> Действующий пример возможно увидеть в правом верхнем углу <b><a href="http://blogtestosteron.blogspot.com/" rel="nofollow" target="_blank">тестового блога</a></b>.<br> </div><a href="http://www.bloggarolla.ru/2012/02/sobstvennye-schetchiki-rss-i-twitter.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-67484531279903884492012-01-29T07:39:00.000+04:002012-02-26T10:28:40.890+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Плавное увеличение картинок при наведении с помощью плагина jQuery" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx6C5zks_CIAuVMF2HfTj2S1pHhZ_pALV2CNkP3sVwOVIVSqlPEsWDS2ZTW3ifojVJRMhzqH0tzsS1Al7cniuTOH2k0LRrhwvQa7RhHUduhQ4l-8CDA-TREZM94aWiny7crjon9HeCWrWr/s320/effekt_zoom.jpg" title="Увеличиваем все аппетитные места с помощью плагина jQuery" width="250"></div> Я снова рад приветствовать посетителей этого блога. В первую очередь, хотелось бы извиниться перед теми терпеливыми читателями, которые все-таки дождались окончания траурно гордого молчания данного ресурса, ставшего недоступным несколько месяцев назад.<br> <br> Человеческая глупость безгранична, не стала приятным исключением в этом и моя натура. Причин недоступности блога несколько, как ситуационно-вынужденных, так и по моей халатности. Да, я балбес.<br> <br> Однако теперь блог и я, как его автор, снова в строю бесчисленных множеств подобных и непонятных скоплений во вселенной, а посему смело могу утверждать, что вместе мы полны как новых идей, так и новых публикаций на их основе, мы обновляемся и мы искренне просим прощения. Мы снова будем рады видеть тебя на своих страницах, дорогой и верный читатель.<br> <br> Тем не менее, приступим, собственно, к теме сегодняшнего поста. Заключается она в описании и интегрировании в блог одного из проявлений чудесных возможностей <b>jQuery</b> - оригинальном плагине <b>jquery.hoverpulse.js</b>. Суть его заключается в плавном увеличении изображений при наведении на них курсора мыши. А именно в эффекте, когда картинка очаровательно выезжает на передний план, увеличиваясь в заданных ранее размерах и не тревожа соседние элементы, а после увода курсора мыши принимает первоначальный вид. Выглядит все это весьма аккуратно и симпатично.<br> <br> Помимо прочего, каждое такое изображение вполне возможно сделать ссылающимся на определенную страницу блога. Таким образом, с помощью данного плагина <b>jQuery</b> вполне актуально выделить и оформить любой элемент с изображением в блоге, заставив обратить на него внимание читателя, вплоть до последующего создания меню в картинках.<br> <br> <div class="separator" style="clear: both; text-align: center;"> <img alt="Плавное увеличение изображений при наведении с помощью плагина jQuery" border="0" class="hastip" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeb0CSP1sWb9zLDFtLTA23XEwrDYcTWA_cM_15ZLsIIFMsOyq0M84IZtJQVTK9InlE65-i4XtoU5Aqauc8PVCaEF3ij3qsFmpOe4wiZxVR4n0nvjBxBmjuIGC0NLgvgmvtv4nodIYUuyN/s500/Zoom_jquery.png" title="Плавное увеличение изображений при наведении с помощью плагина jQuery" width="400"></div> <br> <b>Демо-пример</b> этого эффекта <b>Zoom</b> у изображений при наведении вы можете увидеть в моем <b><a href="http://blogtestosteron.blogspot.com/2012/01/strategy.html" rel="nofollow" target="_blank">тестовом блоге</a></b>.<br> </div><a href="http://www.bloggarolla.ru/2012/01/uvelichenie-izobrajenii-jquery.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-38568205200719963972011-09-05T08:05:00.000+04:002011-12-21T10:36:10.392+04:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Виджет для изменения размера текста в статье" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO21pDBnycnuZaNrxu2PQQ6bQVKDwosKoxw_I63HPl8jYoObR4VjcorglOD78BLaKqP5_icXBQzTEKPHBGgY8VEMcYI7bAvG_yMovEcf3sUH6GsSZQj7YOKDUWyRAke-61KUgRKoeaFlYL/s300/Razmer-shrifta.jpg" title="Превращаем большое в маленькое и наоборот" width="250"></div>Посетитель часто бывает зависим от предпочтений и дизайнерских изысков владельцев интернет-ресурсов. И если обоюдное видение прекрасного и человечного не совпадет, в худшем случае, он покинет и предаст вечному забвению сайт, на который ему случилось однажды забрести. В лучшем, будет мучиться, щурясь от различных мелких пакостей интерьера и ядовитой поросли цвета, и все же попытается постигнуть великую истину.<br> <br> Дабы предоставить читателям небольшой выбор и призрачную возможность повлиять на дизайн посещаемого ресурса, предлагаю воспользоваться небольшим виджетом по изменению размера шрифта просматриваемого сообщения блога. С помощью него читатель блога незамедлительно сможет подобрать нужный ему размер отображаемого текста, исходя из своих предпочтений.<br> <br> Выглядит такая способность следующим образом:<br> <center><a href="javascript:void(0);" onclick=" javascript:body.style.fontSize=&#39;.5em&#39;"><span style="font-size: xx-small;">+</span></a> <a href="javascript:void(0);" onclick=" javascript:body.style.fontSize=&#39;1em&#39;"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick=" javascript:body.style.fontSize=&#39;1.5em&#39;"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick=" javascript:body.style.fontSize=&#39;2em&#39;"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick=" javascript:body.style.fontSize=&#39;2.5em&#39;"><span style="font-size: x-large;">+</span></a></center><br> </div><a href="http://www.bloggarolla.ru/2011/09/izmenenie-razmera-teksta.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-46306048835995010422011-09-04T08:14:00.000+04:002012-01-25T08:50:40.933+04:00<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Последние статьи блога бегущей строкой" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9zjs7EwSYdVXqjmYzxFYPhngKhgmaXWrZ7ztwHPvEvMspZV0ukTei_6ZEI5bwZ0txfqR8iy4CAT0TlKOogOpIc0YKv4eSOrYP3mbT82caoJAhhT9yQIyJUi9r5YABmx78fW7Y5Ao12oWl/s200/beguschaya-stroka.jpg" title="Привлекаем внимание читателя к последним статьям с помощью бегущей строки" width="250"></div>Ранее мы уже рассматривали принципы работы <b><a href="http://bloggarolla.ru/2011/04/beguschaya-stroka.html">бегущей строки</a></b> и <b><a href="http://bloggarolla.ru/2011/09/primery-beguschei-stroki.html">готовые виджеты</a></b> с ее участием. Однако все это требовало ручной правки и самостоятельного формирования содержимого блока с бегущей строкой.<br> <br> Между тем интересное и функциональное решение было предложено зарубежным ресурсом <b><a href="http://www.bloggertricksandtoolz.com/2011/03/how-to-add-auto-scrolling-recent-posts.html" rel="nofollow">BloggerTricks</a></b>, с помощью которого у вас появится возможность в автоматическом режиме оповещать читателей заголовками свежих сообщений блога подобно информационному табло на вокзале Урюпинска.<br> <br> Пример этого замечательного виджета вы можете увидеть на страницах <b><a href="http://blogtestosteron.blogspot.com/2012/01/stati-bloga-beguschei-strokoi.html" rel="nofollow" target="_blank">тестового блога</a></b>.<br> <br> </div><a href="http://www.bloggarolla.ru/2011/09/vidjet-stati-beguschei-strokoi.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.comtag:blogger.com,1999:blog-1973505187135050680.post-49641856503082674412011-09-03T20:06:00.002+04:002011-09-03T20:20:50.093+04:00<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Виджеты бегущей строки" border="0" class="hastip" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfjRUTPwpfuXHeRpvvO9iCp6yrVhKSIxn5omf1I77ofPN9GSnGI-p5-3ShyphenhyphenC057ovy_-fHYBTwn99vPruV-uM2IwptTrOMcS1N4vs4vLD-eIn2RMUviKzqsqHk95FnGTxOHFIP2QJwdBzc/s300/Beguschaya-stroka.jpg" title="Пускаем паровозы" width="250"></div> В продолжении прежнего поста про <b><a href="http://bloggarolla.ru/2011/04/beguschaya-stroka.html">придание тексту разнообразного движения</a></b> предлагаю несколько готовых виджетов бегущей строки.<br> <br> Вы можете выбрать понравившийся вариант, скопировать код к нему и разместить у себя в блоге, предварительно настроив под себя.<br> <br> Виджет бегущей строки отлично подойдет для размещения коротких уведомлений и новостей, а также об информировании читателей о различных интересных событиях в блоге.<br> <br> <b><span class="Apple-style-span" style="color: #b45f06;">Размещение виджета бегущей строки в блоге.</span></b><br> <br> Достаточно скопировать код к выбранному примеру движущихся строк и интегрировать в блог посредством <b><a href="http://bloggarolla.ru/2011/04/vstavka-elementa-htmljavascript-v-blog.html">гаджета HTML/JavaScript</a></b> либо с помощью вкладки <b>&quot;Изменить HTML&quot;</b> непосредственно в тело публикуемого сообщения.<br> </div><a href="http://www.bloggarolla.ru/2011/09/primery-beguschei-stroki.html#more">ЧИТАЕМ ДАЛЬШЕ ⇒</a><div class="blogger-post-footer"><hr />Copyright © <a href="http://bloggarolla.ru"><b>BloggaRolla</b></a> 2011</div>Anonymoushttp://www.blogger.com/profile/16896764794633080982noreply@blogger.com