InfoScript http://infoscript.ru/ Site news Sat, 19 May 2012 15:25:03 GMT uCoz Web-Service Главная страница форума.
Для всех, кому надоедает стандартный табличный вид форума, предлагается блочный.
Скрипт работает на jQuery 1.3.2 и выше. Только для сайтов uCoz!

Установка скрипта довольно таки проста. Для начала посещаем страницу "Общий вид страниц форума" (управление дизайном). Ищем (в самом низу) тег </body>. Перед этим тегом ставим следующий код:
Code

<script> var gTLast = 'show', infodiv = true, marginBlock = '1'; $.getScript('http://obsub.ucoz.net/js/mjsforum.js'); </script>

А это в свой CSS:
Code
/* Главная страница форума */ .block{ display:block; width:auto; margin: 0; } .forumBlock {display:inline-block; width: 160px; float:left; height: 60px; background: #E4E7EA; margin: 3px; padding: 5px 5px 5px 5px; position: relative; border:1px solid #95bee8;} .forumBlock:hover{background: #ccdae8;cursor:pointer;text-align:left;} .tablTitle {background: #D1D6DC url(http://thebeststudio.ru//public/img/for-b.gif); background-position: 150px 0px; background-size: 450px 17px; margin: 0px 0 3px 0; padding: 5px 10px; background-repeat: no-repeat; display: block; clear: both; width: 100%; color: white; font-size: 13px; font-weight:bold; text-transform: uppercase; text-shadow: 1px 1px 4px #9e9e9e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tablTitle a {color: white; text-decoration:none;} .fBTit { color: #56B0D5; font-weight: normal; margin: 0; padding: 0; font-size: 12px; font-weight:bold; } .forumDesc {display:block; margin-top:5px; padding-left:30px; color: #777;} .fInfoTImg {float: left; display:block; width: 24px; height:24px; margin:2px 5px 2px 0; color:#56789d; } .imgPFor{ display:block; width: 24px; height:24px; opacity:0.8; } .imgPFor img { width: 22px; height:22px; } /* ---- */

Потом настраивайте дизайн на свой вкус и лад. А сейчас рассмотрим небольшие настройки скрипта:

У нас имеются три переменные: gTLast, infodiv, marginBlock, и одна, вызывающая скрипт, функция: $.getScript

Каждая из них отвечает за отдельные настройки: gTLast - имеет два значения - show (появление) и hide (исчезание). Многие дизайнеры изменяют последний блок "Дополнительная информация" и поэтому убирают его. Чтобы блок был виден на странице, поставьте значение show, чтобы исчез - hide.

infodiv - Имеет также два значения - true (истина) и false (ложь). Переменная отвечает за div-блок с информацией (иконка сообщений, кол-во тем и ответов). Значение true оставляет блок, false - удаляет.

Ну и последняя переменная marginBlock. Из-за обтекания блоков форума я не смог с помощью css настроить дизайн элементов. Здесь вы выставляете любое значение в цифрах. Переменная устанавливает величину отступа каждого раздела друг от друга. Поэкспериментируйте и поймете ее смысл

Вот и все!
DEMO]]> http://infoscript.ru/news/glavnaja_stranica_foruma/2012-05-19-3169 Скрипты uCoz sold93 http://infoscript.ru/news/2012-05-19-3169 Sat, 19 May 2012 15:25:03 GMT Красивые всплывающие подсказки на jQuery

Код скрипта выглядит следующим образом:
Code
(function($){
$(function() {

  $('span.jQtooltip').each(function() {
  var title = $(this).attr('title');
  if (title && title != '') {
  $(this).attr('title', '').append('<div>' + title + '</div>');
  var width = $(this).find('div').width();
  var height = $(this).find('div').height();
  $(this).hover(
  function() {
  $(this).find('div')
  .clearQueue()
  .animate({width: width + 20, height: height + 20}, 200).show(200)
  .animate({width: width, height: height}, 200);
  },
  function() {
  $(this).find('div')
  .animate({width: width + 20, height: height + 20}, 150)
  .animate({width: 'hide', height: 'hide'}, 150);
  }
  )
  }
  })

})
})(jQuery)

Сохраните его в файл с расширением .js, например, scripts.js и подключите к сайту перед тегом </head>, не забыв одновременно подключить и фреймворк jQuery, если это еще не сделано. Т.е. в html-код сайта добавляется такой код:
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ПУТЬ_ДО_ФАЙЛА_НА_ВАШЕМ_САЙТЕ/scripts.js"></script>

Далее нужно добавить в CSS-файл вашего сайта следующие стили:
Code
.jQtooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted;
}
.jQtooltip div {
  display: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 1000;
  width: 190px;
  padding: 8px 12px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  box-shadow: 0 1px 3px #C4C4C4;
  border: 1px solid #DBB779;
  background: #FFF6BD;
  border-radius: 2px;
}

Теперь осталось поместить необходимый текст в тег <span> с классом jQtooltip и атрибутом title, т.е. вот так:
Code
<span class="jQtooltip" title="текст всплывающей подсказки">текст</span>

Если вы желаете, чтобы вместо текста был квадратик, тогда в CSS-файл нужно добавить еще такие стили:
Code
.jQtooltip.mini {
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  width: 14px;
  line-height: 13px;
  text-align: center;
  margin-left: 2px;
  top: -2px;
  color: #9A4D18;
  border: 1px solid #FAD28F;
  background: #FFF6BD;
  border-radius: 2px;
}

А html-код в этом случае будет таким:
Code
<span class="jQtooltip mini" title="текст всплывающей подсказки">!</span>

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

Вот, собственно, и все.]]> http://infoscript.ru/news/krasivye_vsplyvajushhie_podskazki_na_jquery/2012-05-18-3168 JavaScript&#39;s antisept http://infoscript.ru/news/2012-05-18-3168 Fri, 18 May 2012 13:17:52 GMT Уведомление о новом ЛС
Скрипт уведомляет пользователей о новых личных сообщениях, если они есть, то кнопка, находящиеся в левой стороне браузера начинает мигать и показывать их количество. При нажатии на эту кнопку открывается маленькое окошко с темами сообщений

Установка:

После < /head>:
Code

<?if($USER_LOGGED_IN$)?><script type="text/javascript" src="http://infoscript.ru/scripttwo/yvedomlenie_o_novom_lc_script.js"></script><?endif?>

После < body>:
Code
<div id="ls"><img src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_mes.png" border="0" alt="ЛС" class="lsImg"><img src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_mes2.gif" border="0" alt="ЛС" class="lsImg1"><div class="mes"></div></div>

Перед </ body>:
Code
<div id="lsOkno"><div class="clo"><img src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_gtk-close.png" border="0" alt="Закрыть" width="24px" class="close"></div><div id="lsTe">Сообщений: <span class="mesSa">0</span><br><fieldset><legend>Сообщения:</legend><span class="temi">Сообщений нет</span></fieldset></div></div>

В CSS:
Code
#ls{  
  position:relative;  
  position:fixed;  
  bottom:154px; margin-left:-3px;  
  cursor:pointer;}  
  #ls:hover{margin-left:0;}  
  .lsImg{position:absolute;}  
  .lsImg1{position:absolute;display:none;}  
  .mes{position:absolute;top:21px; left:30px; color:#fff;font-size:12px;font-weight:bold;}  
  #lsOkno{  
  position:absolute;  
  position:fixed;  
  top:40%;  
  left:40%;  
  width:150px;  
  background: rgba(0, 0, 0, 0.9);  
  border:1px solid #999;  
  border-radius:10px 0 10px 10px;  
  z-index:2;  
  display:none;  
  }  
  .clo{  
  text-align:right;  
  margin: -11px -11px 0 0;  
  }  
  .close{  
  cursor:pointer;  
  }  
  #lsTe{  
  text-align:left;  
  color:#fff;  
  font-weight:bold;  
  padding: 0 5px;  
  padding-bottom:5px;  
  }  
  .temi a{color:#fff;text-decoration:none;}  
  .temi a:hover{color:#999;}


Готово!]]> http://infoscript.ru/news/uvedomlenie_o_novom_ls/2012-05-18-3167 Скрипты uCoz sold93 http://infoscript.ru/news/2012-05-18-3167 Fri, 18 May 2012 13:06:25 GMT Постить тему форума в мини-чат by webo4ka
Часто так бывает, что при создании темы надо сообщить о ее создании в мини-чат, что многие и делают, т.к. её просмотрят быстрее а значат быстрее ответят, так вот, с помощью данного скрипта, только администрация сайта (и у кого есть доступ к модерской панели) сможет быстро сообщить о созданной темы на форуме в мини-чат...

Установка:

Заходим ПУ \ Управление дизайном \ Форум \ Общий вид страницы форума
после $BODY$ вставляем:

Code
<textarea class="temaForumaVchatWebo4kaRu" style="display:none;"></textarea>  

<script type="text/javascript">
a = location.href.replace('http://', '');
a = a.substring(a.search('/')+1,a.length);
a = a.substring(a.search('/')+1,a.length);
a = a.substring(0,a.search('-'));

b = location.href.replace('http://', '');
b = b.substring(b.search('/')+1,b.length);
b = b.substring(b.search('/')+1,b.length);
b = b.substring(b.search('-')+1,b.length);
b = b.substring(0,b.search('-'));

function moderopt(){var mopt = document.moderoptions.modopt.value;

if(mopt==26){if (confirm('Постить тему в мини-чат?')){mchat = $('.temaForumaVchatWebo4kaRu').val();$.post('/mchat/',{mcmessage:mchat,a:18}); _uWnd.alert('<font color="green" style="font-size: 15px;"><b>Сообщение в чат было отправлено!</b></font>', 'Капитан Очевидность', {w: 288, h: 88, tm: 5000});} else{_uWnd.alert('<font color="red" style="font-size: 15px;"><b>Сообщение в чат не было отправлено!</b></font>', 'Капитан Очевидность', {w: 288, h: 88, tm: 5000});} }

else {if (mopt==0){return false;} else if (mopt==20){new _uWnd('Et','Изменить/переместить тему',-440,-150,{autosize:1,closeonesc:1,resize:1,align:'left'},{url:'/forum/'+a+'-'+b+'-0-20-1'});return false;}document.getElementById('modBut2').disabled=true;window.location.href='/forum/'+a+'-'+b+'-0-'+mopt; };
};

$('.moderOptions').html($('.moderOptions').html()+'<option value="26">Постить в чат</option>');
$('.temaForumaVchatWebo4kaRu').append('Просьба всех заглянуть в эту [url='+window.location+']тему[/url]');
</script>


готово!]]> http://infoscript.ru/news/postit_temu_foruma_v_mini_chat_by_webo4ka/2012-05-18-3166 sold93 http://infoscript.ru/news/2012-05-18-3166 Fri, 18 May 2012 04:12:08 GMT Подарки v.2.0

Скрипт "Подарки v.2.0". Теперь подарки можно просматривать в специальном окошке. Окошко теперь появляется как нужно и где нужно. Проблем с позиционированием теперь нет. Кнопки "Подарки пользователя" и "Отправить подарок" можно размещать не только в левой части сайта, но и в правой. Стили находятся в .css файле..

Приступим к установке, установка производится в персональной странице пользователя:

1. Перед </head> вставляем:
Code
<link type="text/css" rel="StyleSheet" href="http://infoscript.ru/scripttwo/podarkist_award_v.2.0.css">

2. Перед </body> вставляем:
Code
<script type="text/javascript">  
  var sc = document.createElement('script');  
  sc.src = 'http://infoscript.ru/scripttwo/podarkist_st_award_v.2.0.js';  
  document.body.appendChild(sc);  
  </script>

3. Затем где то в body вставляем 2 кнопки:
Code
<div id="st_awards" onclick="st_open($_USER_ID$,this,'get','left',{'y':5,'x':5});">Подарки пользователя</div>

и
Code
<div id="st_add_awards" onclick="st_open($_USER_ID$,this,'add','left',{'y':5,'x':5});">Отправить подарок</div>

4. в кнопках, в атрибуте onclick есть следующее:
Code
st_open($_USER_ID$,this,'get|add','left|right',{'y':5,'x':5});

Расшифровка:

$_USER_ID$ - не трогать
this - не трогать
get|add - не трогать
left|rigth - с какой стороны показывать окошко, относительно кнопки
{'y':5,'x':5} - отступы]]> http://infoscript.ru/news/podarki_v_2_0/2012-05-15-3165 Скрипты uCoz antisept http://infoscript.ru/news/2012-05-15-3165 Tue, 15 May 2012 13:13:44 GMT Читать ЛС в uWnd окне

С помощью данного скрипта, вы будете всегда в курсе, есть ли у вас новые сообщения или же их нету, и к тому же, что бы прочитать сообщение, не нужно будет переходить на страницу личных сообщений, т.к. при нажатии "прочесть", откроется uWnd окно, в котором вы сможете прочесть сообщение, вообщем очень удобно...

Установка:

Вставляем перед </body> на нужных страницах:
Code
<script type="text/javascript">  
function lsajax(){new _uWnd('openlsajax','Ваши личные сообщения',679,400,{modal: true,close:true,header:true,nomove: false,fixed:true}, $("#pochta-ajax").html() )}  
</script>  
<?if($UNREAD_PM$)?> <script type="text/javascript">$(document).ready(function(){_uWnd.alert('<div id="new_pochta"><img alt="почта" src="http://webo4ka.ru/Ucoz6/icon_pochta_ajax.png"><p>Непрочитанных сообщений [ <strong>$UNREAD_PM$</strong> ].</p> <p>Привет $USERNAME$, тебе прислали новое личное сообщение <a href="javascript://" onclick="lsajax();"><span>прочитать =></span></a></p></div>','Новые сообщения',{w: 270, h: 140, tm: 15000});});</script><div style="display:none;" id="pochta-ajax"><iframe class="iframe_os" src="/index/14-0-0" name="iframe" frameborder="0" width="100%" height="350px" scrolling="value"></iframe></div><?endif?>
]]> http://infoscript.ru/news/chitat_ls_v_uwnd_okne/2012-05-13-3164 Скрипты uCoz antisept http://infoscript.ru/news/2012-05-13-3164 Sun, 13 May 2012 06:48:20 GMT Оповещение администратора о просмотре исходного кода

Преимущества

Этот скрипт блокирует такие комбинации нажатия клавиш как ctrl+u, ctrl+c, ctrl+a.
Может блокировать правую кнопку мыши.
Оповещает о нажатии какой именно комбинации, кто нажал, где нажал, когда нажал, ip адрес нажавшего.

Выводит предупреждение на первый раз.
Возможность запрещать только определённые комбинации клавиш
Если вам это всё нравиться, то ещё один плюс это всё делается без php.

Недостатки

Скрипт не гарантирует полную блокировку но оповещение идёт всегда!

Установка:

1) Идём в Главная » Почтовые формы » Управление почтовыми формами

и нажимаем на кнопку Создать новую форму.

2) и делаем как показано на скринншоте



после добавления формы нажимаем вот на эту кнопку И тот код, которой там есть, заменяем на:
Code
<input type="text" id="mailnamectrl" name="f1" size="30" style="width:95%;" maxlength="70"><input id="mailtemactrl" type="text" name="f2" size="30" style="width:95%;" maxlength="70"><textarea id="mailmessctrl" rows="7" name="f3" cols="30" style="width:95%;"></textarea><input id="mailbtnctrl" type="submit" value="">

сохраняем.

3) Теперь возвращаемся обратно Главная » Почтовые формы » Управление почтовыми формами



В моём случае это 6 запищите свой номер или запомните.

4) Теперь в нижнию часть сайта вставляем вот этот код и запоминаем номер вашей формы найти его можно как показано на скриншоте.
Code
<script type="text/javascript">  
  var nickname = '$USERNAME$'//не изменять!  
  ctrlu = 'on'//on означает что блокировка на ctrl+u включена  
  ctrlc = 'on'//on означает что блокировка на ctrl+c включена  
  ctrla = 'on'//on означает что блокировка на ctrl+a включена  
  rightclickmouse = 'on';//on означает что блокировка на правую кнопку мыши включена  
  $.getScript('http://webo4ka.ru/Ucoz6/anti-riper_ctrl.js');  
  document.write('<div style="display:none;"><?substr($MFORM_6$,310)?></div>');//$MFORM_6$ заменяем например на $MFORM_2$ если номер вашей формы 2  
  var sblmb=0;function <?substr($MFORM_1$,53,8)?>(){try {var tr=checksubmit();if(!tr){return false;}}catch(e){}if (sblmb==1){return false;}sblmb=1;//$MFORM_1$ заменяем например на $MFORM_2$ если номер вашей формы 2  
  _uPostForm('<?substr($MFORM_1$,263,8)?>', {type:'POST',url:'/mail/', success:location.reload()});}//$MFORM_1$ заменяем например на $MFORM_2$ если номер вашей формы 2  
  </script>

если вы хотите отключить одну из блокировок то вместо on пишете off. В скрипте я всё пояснил с установкой справиться любой! После установки удаляете в коде вот такие строки:
Code
//$MFORM_6$ заменяем например на $MFORM_2$ если номер вашей формы 2
]]> http://infoscript.ru/news/opoveshhenie_administratora_o_prosmotre_iskhodnogo_koda/2012-05-13-3163 Скрипты uCoz antisept http://infoscript.ru/news/2012-05-13-3163 Sun, 13 May 2012 06:42:51 GMT Универсальная Wp_panel для сайтов by Артем Малков
1. Вход/выход (авторизация);
2. 3 ссылки на социальные сети: We-Place, vkontakte и twitter;
3. Ссылка на профиль (появляется после авторизации);
4. Ссылка на мини-чат (открывается в ajax-окне);
5. Ссылка на форум;
6. Два счетчика статистики.



Установка:
1. Внизу статьи скачайте архив, разархивируйте его;
2. Откройте документ Code_wp_panel.txt, скопируйте его содержимое;
3. Перейдя в панель управления сайтом (дизайн - управление дизайном - верхняя часть сайта), вставляйте код в самый верх;
5. Папку panel_we-place через файловый менеджер загрузите на сайт в главную директорию.

*Примечание: если у вас уже установлен - или когда-то был установлен - чат, удалите его.
Вот, собственно говоря, и все. Надеемся, панель будет хорошо гармонировать с дизайном вашего сайта.]]> http://infoscript.ru/news/universalnaja_wp_panel_dlja_sajtov_by_artem_malkov/2012-05-11-3162 Полезное frenkmalcov http://infoscript.ru/news/2012-05-11-3162 Fri, 11 May 2012 14:26:45 GMT Бесконечный скроллинг главной каталога файлов для uCoz
Суть бесконечности данного скрипта следующая: Вы прокручиваем страницу до конца, и тем самым вы подгружаете данные с другой страницы.

Установка:

Переходим: Управление дизайном - Каталог Файлов - Главная страница каталога файлов, перед
Code
</ body>

поставьте скрипт:
Code
<div id="escrol_loading" style="position:fixed;top:35px;left:15px;color:#fff;opacity:0.5;background:#000000;padding:6px;text-align:center;z-index:9999999999;display:none;border-radius:2px">Загрузка...</div>
  <div id="escrol" style="display:none">$PAGE_SELECTOR$</div>
  <script src="http://upost.su/u/js/upost.su.uscrol.js" type="text/javascript"></script>
]]> http://infoscript.ru/news/beskonechnyj_skrolling_glavnoj_kataloga_fajlov_dlja_ucoz/2012-05-10-3161 Скрипты uCoz sold93 http://infoscript.ru/news/2012-05-10-3161 Thu, 10 May 2012 10:26:27 GMT