25.05.2011

Вашему вниманию предлагаются звездочки для рейтинга в формате PNG. Это своего рода иконки звезд, маленькие значки в виде звездочек. Все звездочки в наборе склеены, в каждом изображении имеется сразу три звезды. Сделано это для того, чтобы Вы смогли использовать одну картинку, а с помощью спрайтов сделать полоску рейтинга для своего сайта. В системе uCoz достаточно использовать простенький код, чтобы вставить рейтинг в материал. В коде достаточно заменить ссылку на ...

07.07.2011

Уделять внимание оформлению кнопки не будем. Вы можете сделать кнопку в виде направленной наверх стрелки, можете нарисовать ракету и т.д. Подумаем лишь о самой функции. Можно, конечно, сделать якорь в верхней части, но это будет не очень хорошо. Во-первых, якорь “штампует” страницы, и когда пользователь в браузере нажимает кнопку для возврата, он попадает на эту же страницу. Самый лучший вариант – это использование JQuery. Чтобы сделать кнопку «Наверх», нам не нужны допол...

15.07.2011

Функция не такая важная, но очень интересная. Логично, что кнопка, про которую мы говорим, должна появляться только тогда, когда есть такая необходимость. Конечно, пользователь может и сам крутануть страницу, но если вы хотите, чтобы кнопка «Наверх» была, как ВКонтакте, то можно просто взять код с этой страницы. Сложного ничего в коде нет: кнопка появляется в верхней части экрана тогда, когда позиция в окне меняется на определенную. А сама кнопка, собственно, ка...

30.07.2011

На сайте center-dm.ru эта кнопка сделана через CSS, у меня нет столько времени, я просто сделал кнопку картинкой. Вы легко сможете заменить ее на свое изображение. Скрипт обеспечит плавное скольжение к верхней части сайта, т.е. плавное прокручивание вверх.

Установка

Отправляемся в Панель Управления, находим в Управлении дизайном Нижнюю часть сайта. Вставляем там вверху следующий код: <a href="<!--"-->...</div> <div style="clear:both;color:#646464;">03.01.2012</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="/publ/top_sajtov_na_asp/21-1-0-1162">Топ сайтов на ASP</a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">Скрипт даст возможность создать свой собственный рейтинг сайтов. <strong>Топ сайтов на ASP</strong> – это полноценный вариант модуля рейтинга сайтов. На первом месте может стоять сайт, на котором можно приобрести <a href="http://www.itbox.ua/Proektori-c27250/">проекторы</a>, а может быть сайт с видео. Здесь предусмотрена страница администратора, где Вы можете редактировать и добавлять проекты, т.е. сайты, участвующие в рейтинге. В топе учитываются клики с добавленных в него сайтов, т.е. участник<!--"-->...</div> <div style="clear:both;color:#646464;">18.02.2012</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/4-1-0-921"> Красивая форма поиска CSS3 </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...image: webkit gradient(linear, left <b>top</b>, left bottom, from(#f6f6f6), to(#eae8e8)); background image: webkit linear gradient(<b>top</b>, #f6f6f6, #eae8e8); background image: moz linear gradient(<b>top</b>, #...</div> <div style="clear:both;color:#646464;">2011-12-02 19:35:24</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/22-1-0-924"> Короткий адрес профиля пользователя для uCoz </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">attr({target: ' <b>top</b>'})} $('a').linkpin();$('a[target=" blank"]').fnct2() }}); </script> Этот код посылает родительскому элементу заголовок и добавляет значение target=<b>top</b> ко всем ссылкам при условии ...</div> <div style="clear:both;color:#646464;">2011-12-06 22:18:35</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/6-1-0-488"> Тег BASE </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...один из приведенных ниже значений: <b>top</b> ссылка открывается в текущем окне self ссылка загружается в текущем окне как исходная, полная замена blank открытие ссылки в новом ...</div> <div style="clear:both;color:#646464;">2011-08-20 10:07:40</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/3-1-0-513"> Скрипт обводки текста </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...position: absolute; z index: 1; <b>top</b>: 0; left: 0; color: #FFF; font weight: bold; } /* <b>top</b> и left позволяют изменить толщину обводки */ .textBorder span.b1 {<b>top</b>: 3px;} .textBorder span.</div> <div style="clear:both;color:#646464;">2011-05-16 03:34:08</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/4-1-0-583"> Вращающееся меню на CSS </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...17px; } #article dl { position: relative; <b>top</b>: 15px; left: 50%; margin left: 75px; width: 150px; height: 155px; color: #324040; text align: center; background: #A2E78D; background: moz linear gradient(<b>top</b>,#04b3d2,#48dfff); background: webkit gradient(...</div> <div style="clear:both;color:#646464;">2011-06-18 10:45:26</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/3-1-0-907"> Пишем подвижную панельку как на Яндексе </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...z index:999; left:0px; <b>top</b>:124px; } </style> Код HTML <div id="movable panel"> <a href="javascript://" onclick="$('body').scrollTo({<b>top</b>:$('body').offset().</div> <div style="clear:both;color:#646464;">2011-11-16 00:45:03</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/3-1-0-561"> Онлайн проверка сайта на вирусы. Dr.WEB </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">width 640)/2 var <b>top</b> = (screen.height 400)/2 window.open( "", "scan", "width=640"+ ",height=400,left="+left+ ",<b>top</b>="+<b>top</b>+",scrollbars=no,resizable=yes") document.</div> <div style="clear:both;color:#646464;">2011-06-10 05:52:09</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/css/gorizontalnoe_menju_google_css/4-1-0-1114"> Горизонтальное меню Google CSS </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...padding:6px; color:#FFFFFF; padding <b>top</b>:7px; padding bottom:8px; text decoration:none; background:#4C4C4C } .tmenu a.active { border <b>top</b>:2px solid #DD4B39; padding:6px; padding ...</div> <div style="clear:both;color:#646464;">2012-02-07 06:05:55</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/22-1-0-1218"> Вид материалов форума для uCoz </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">...style="margin right:8px;border <b>top</b>:1px solid #ccc;border left:1px solid #ccc;border right:0px solid #ccc;background:#F9F9F9; padding:6px; color:#333;text ...style="margin right:8px;border <b>top</b>:1px solid #ccc;border left:0px solid #ccc;border right:0px solid #ccc;background:#F9F9F9; padding:6px; color:#333; text ...</div> <div style="clear:both;color:#646464;">2012-03-15 19:20:41</div> </div><div class="eMessage"> <span style="font-size:12pt"><a href="http://yraaa.ru/publ/6-1-0-534"> Регистрация сайта в поисковых системах </a></span> <div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">ru http://<b>top</b>.mail.ru/add Live Internet http://www.liveinternet.ru/add Openstat https://www.openstat.ru/counter/add </div> <div style="clear:both;color:#646464;">2011-05-24 13:48:21</div> </div></div> </td> </tr></table> <br><br> <div align="center"><span class="pagesBlockuz1"><b class="swchItemA"><span>1</span></b> <a class="swchItem" href="http://yraaa.ru/search/?q=top;t=1;p=2;md="><span>2</span></a> <a class="swchItem" href="http://yraaa.ru/search/?q=top;t=1;p=3;md="><span>3</span></a> <span class="swchItemDots"><span>...</span></span> <a class="swchItem" href="http://yraaa.ru/search/?q=top;t=1;p=6;md="><span>6</span></a> <a class="swchItem" href="http://yraaa.ru/search/?q=top;t=1;p=7;md="><span>7</span></a> <a class="swchItem" href="http://yraaa.ru/search/?q=top;t=1;p=2;md="><span>»</span></a></span></div> <br><br> <div style="text-align:left;padding:10px;"> <b>По всему интернету:</b><br> <ul><li> <a href="http://yandex.ru/yandsearch?text=top&lr=172">Результыты в Яндекс</a></li><li> <a href="http://www.google.ru/search?hl=ru&source=hp&q=top&aq=f&aqi=&aql=&oq=&gs_rfai=">Результыты в Google</a></li> </ul> </div> </div> </div> <style type="text/css"> .eMessage b {border-bottom:2px dashed #03C03C} .image21 {display:none} .trist td a {font-size:8pt;color:#646464} .pc0 {width:800px;height:50px;overflow:hidden;} .pc1 {float:left;width:160px;padding-left:90px;font-size:10pt;font-family:Georgia;padding-top:15px;padding-bottom:10px;height:50px;overflow:hidden} .pc2 {float:left;width:140px;font-size:10pt;font-family:Georgia;padding-top:15px;padding-bottom:10px;overflow:hidden;height:50px;} .pc3 {float:left;width:100px;font-size:10pt;font-family:Georgia;padding-top:15px;padding-bottom:10px;overflow:hidden;height:50px;font-weight:bold} .pc4 {float:left;width:100px;font-size:10pt;font-family:Georgia;padding-top:15px;padding-bottom:10px;overflow:hidden;height:50px;} .pc5 {float:left;width:100px;font-size:10pt;font-family:Georgia;padding-top:15px;padding-bottom:10px;overflow:hidden;height:50px;} .pc6 {float:left;width:100px;font-size:10pt;font-family:Georgia;padding-top:15px;padding-bottom:10px;overflow:hidden;height:50px;} .htmlmanual {font-size:10pt;font-family:Georgia;padding:10px;background:#efefef;color:black;} .htmlmanual strong {font-size:12pt} .htmlmanual h2 {color:#000000;background:#efefef;padding:0;font-size:12pt;border-bottom:0} .htmlmanual .sc3 {color:#950000} .htmlmanual .sc-1 {color:#646464} .htmlmanual .re0 {color:#237C00} .htmlmanual .st0 {color:#FF4800} .htmlmanual code {margin:0;padding:0;display:inline;border:0;color:white;background:#646464} .htmlmanual code a {color:white} .htmlmanual code a:hover {color:white} </style> <!--U1BFOOTER1Z--><div class="tb"> <div class="tb_left"> </div> <div class="tb_center"> </div> <div class="tb_right"> </div> </div> <div class="btm"> <div class="btm_4"> </div> <div class="btm_1"> </div> <div class="btm_2"> <div class="bests"><div class="bst"><div class="ibs"><a href="/index/8-340"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/49/470040.png" alt="Борат" /></div><div class="bst"><div class="ibs"><a href="/index/8-4"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/85/712060.png" alt="Денис Абдуллин" /></div><div class="bst"><div class="ibs"><a href="/index/8-17"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/56/967536.jpg" alt="Виктория" /></div><div class="bst"><div class="ibs"><a href="/index/8-341"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/68/125844.jpg" alt="Губка Томми" /></div><div class="bst"><div class="ibs"><a href="/index/8-2"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://2518226431.unet.com/avatar.jpg" alt="Денис Абдуллин" /></div><div class="bst"><div class="ibs"><a href="/index/8-330"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://s43.ucoz.net/a/04/1049.jpg" alt="sima" /></div><div class="bst"><div class="ibs"><a href="/index/8-40"><img src="/images/1x1.gif" width="64" alt="" /></a></div><img src="http://yraaa.ru/avatar/24/562264.gif" alt="Сергей Князев" /></div></div> <div class="comm"><div id="cmm1"><table cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="av"><div><a href="/index/8-330"><img src="/images/1x1.gif" width="26" alt="" /></a></div><img src="http://s43.ucoz.net/a/04/1049.jpg" alt="sima" /></div></td> <td valign="top"><div class="us"><a href="/index/8-330">sima</a> 21.05.2012, 21:12 к материалу <a href="/publ/4-1-0-1114">Горизонтальное меню Google CSS</a></div>Лучшее горизонтальное меню</td> </tr> </table></div><div id="cmm2" style="display:none"><table cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="av"><div><img src="/images/1x1.gif" width="26" alt="" /></div><img src="/images/noavatar.gif" alt="" /></div></td> <td valign="top"><div class="us"><b>Гость</b> 21.05.2012, 18:23 к материалу <a href="/publ/15-1-0-1260">Popup Alert PSD</a></div>Это что какой-то пиар в комментариях?</td> </tr> </table></div><div id="cmm3" style="display:none"><table cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="av"><div><img src="/images/1x1.gif" width="26" alt="" /></div><img src="/images/noavatar.gif" alt="" /></div></td> <td valign="top"><div class="us"><b>Гость</b> 21.05.2012, 18:12 к материалу <a href="/publ/15-1-0-1260">Popup Alert PSD</a></div>Азам Рамонов создатель СитиОнлайн</td> </tr> </table></div></div> <script type="text/javascript"> function com_anim() { setTimeout(function(){$('#cmm1').fadeOut(200,function(){$('#cmm2').fadeIn(200)})},10000) setTimeout(function(){$('#cmm2').fadeOut(200,function(){$('#cmm3').fadeIn(200)})},20000) setTimeout(function(){$('#cmm3').fadeOut(200,function(){$('#cmm1').fadeIn(200)});com_anim()},30000) } com_anim() </script> </div> <div class="btm_3"><div class="pad10"> <table cellspacing="0" cellpadding="0"> <tr> <td width="36"><img src="/images/phone.png" alt="" /></td> <td><a href="http://yraaa.ru/index/0-10">Обратная связь <br /><span>Написать письмо администрации</span></a></td> </tr> </table> <table cellspacing="0" cellpadding="0"> <tr> <td width="36"><img src="/images/rss.png" alt="" /></td> <td><a href="http://yraaa.ru/publ/rss">RSS-лента<br /><span>Подписка на новые материалы</span></a></td> </tr> </table> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t18.5;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> <a href="http://www.ucoz.ru/main/?a=ustat;u=denden;d=8;il=ru" target="_blank" title="uCoz Counter"><img alt="" style="margin:0;padding:0;border:0;" src="http://denden.do.am/stat/1337660801" height="31" width="31" /></a> </div></div> </div> <div class="bt2"> <!-- "' --><span class="pbo6pgRP">Хостинг от <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a></span> | <a href="http://yraaa.ru/sitemap.xml">Sitemap</a> | <a href="/index/0-4"><b>Страницы сайта</b></a> | <a href="https://plus.google.com/117068056783278051897/about">Google Plus</a> | 22.05.2012 </div> </div><!--/U1BFOOTER1Z--> </body> </html> <!-- 0.03354 (s43) -->