COLOR MATE |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » COLOR MATE » Каталог CSS|JS » Самые нужные/известные скрипты
Здесь размещены самые известные скрипты, используемые на mybb&co. Если мы что-то упустили - добавьте свой. 
Навигация по скриптам:
Пиар-вход
Спойлер
Замена надписей онлайн/оффлайн
"Выделить код"
Выделение кода
Увеличение изображения при наведении
Автоматический вход Pr-аккаунта:
Эпиграф в стиле tumblr (перевод windymind)
<style>.Myimge {position:absolute;margin-top:-14px;}</style>
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<span id=spMyimg><img class=\"Myimge\" title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://savepic.ru/2867133.png\" onmouseover=\"this.src='http://savepic.ru/2857917.png' \" onmouseout=\"this.src='http://savepic.ru/2867133.png'\" /></span>";
if($("#navlogin").html()!=null){
$("#navlogin").append(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>Скрипт ставим в HTML-низ.
Замена надписей онлайн/оффлайн:
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='адрес онлайн картинки' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='адрес оффлайн картинки' />"}
}
</script>HTML-низ.
Быстрое выделение кода:
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>HTML-низ.
Профилактика на форуме:
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>HTML-верх.
Увеличение изображения при наведении
<script type="text/javascript">
$(document).ready(function(){
$('.menuitem img').animate({width: 100}, 0);
$('.menuitem').mouseover(function(){
; gridimage = $(this).find('img');
gridimage.stop().animate({width: 200}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
});
</script>Это в ХТМЛ-низ.
Размер превью по умолчанию — 100*100 пикселей. Если вы хотите его изменить, вы должны указать свой размер в четвертой строке:
$('.menuitem img').animate({width: 100}, 0);
То же самое относится к оригинальному изображению. Максимальный размер — это 200 пикселей:
gridimage.stop().animate({width: 200}, 150);
Теперь нужно подключить к плагину CSS-стиль. Без него линия превью и изображений будет смотреться неопрятно. В хтмл вверх вставьте следующее:
<style type="text/css">
img {
border: none;
}
#menuwrapper{
left: 20%;
position: relative;
height: 210px;
}
#menu{
position: absolute;
bottom: 0px;
left: 0px;
}
.menuitem {
position: fixed relative;
bottom: 0px;
display: inline-block;
}
</style>height: 210px; — это высота линии. Если ваши изображения (в оригинальном размере) больше 200 пикселей, измените это значение.
3) Осталось только поместить сам плагин на страницу. Для этого, в объявление или в место, где должен отображаться плагин вставьте следующий код:
<div id="menuwrapper"> <div id="menu"> <a href="http://" class="menuitem"><img src="URL"></a> <a href="http://" class="menuitem"><img src="URL"></a> <a href="http://" class="menuitem"><img src="URL"></a> <a href="http://" class="menuitem"><img src="URL"></a> </div> </div>
Не забудьте вместо URL указать ссылку на каждое изображение.
взято с monsterart.ru
repost: взято с nstd 
Спойлер (с описанием):
почему-то не отображается иконка, а все остальное работает
Шорох, сейчас уже не нужно ставить спойлеры через скрипт, на ОТП пока не рекомендуют этого делать - вместо спойлера теперь "свернутый текст" 
[Новости мибб]
Как убрать названия доп. полей:
ХТМЛ-низ:
<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>
Красным - номера доп. профилей. Последняя цифра без запятой.
временно ставим в хтмл-низ скрипт:
Код:<!--Узнать Номер Поля Под Аватаром--> <script>$(".post-author li").hover(function(){$(this).attr("title",$(this).attr("class"));});</script>HTML-Название поля будет отражаться при наведении курсором
Цифра,(*показано красным, обычно от 1 до 5) на конце названия поля pa-fldN и прописываем в скрипте
Отредактировано winter ` (01-08-2012 15:33:21)
Смена текста при обновлении страницы:
<SCRIPT language="javascript">
var howMany = 10
var quote = new Array(howMany+1)
quote[0]="Текст1"
quote[1]="Текст2"
quote[2]="Текст3"
quote[3]="Текст4"
quote[4]="Текст 4"
quote[5]="Текст 5"
quote[6]="Текст 6"
quote[7]="Текст 7"
quote[8]="Текст 8"
quote[9]="Текст 9"
quote[10]="Текст 10"
function rndnumber(){
var randscript = -1
while (randscript < 0 || randscript > howMany || isNaN(randscript)){
randscript = parseInt(Math.random()*(howMany+1))
}
return randscript
}
quo = rndnumber()
quox = quote[quo]
document.write(quox)
</SCRIPT>var howMany = 10 - количество текстов;
Скрипт вставляете в то место, где должны генерироваться различные тексты.
Отредактировано winter ` (30-08-2012 03:28:22)
Ротатор баннеров
<div style="position:absolute;margin-left:100px;margin-top:-12px"><!-- Ротатор Банеров местного разлива -->
<a id="Mbanners" href="Ссылка перехода по клику на 1-й банер" target="_blank" ><img height="200" border="1" src="Ссылка на 1-ю картинку банера" ></a>
<script language="javascript">
var sek = 5000; // Время отображения
imgArray = new Array (
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"End");var i=Math.round(Math.random()*((imgArray.length-3)/2))*2;banners(i);
function banners(i) {
if( i >= imgArray.length-1){i=0};
$("#Mbanners img").attr("src",imgArray[i]);
$("#Mbanners").attr("href",imgArray[i+1]);
i+=2;j = i;timerID = setTimeout("banners(j)",sek);}
</script></div>100 - горизонтальный cдвиг ротатора
12 - вертикальный cдвиг ротатора
200 -высота картинок
5000 -5 секунд
Новые шрифты в форме быстрого ответа
<script type="text/javascript">
if (document.URL.indexOf("viewtopic") != -1) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Segoe print');
ft_f.push('Mistral');
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>ft_f.push('Segoe print'); - размножать сколько угодно;
Часто спрашивают, так-что, думаю, будет полезно.
Код выравнивает профиль по:
центру
</style>
<style type="text/css">
.post-author li {text-align:center}
</style>левому краю
</style>
<style type="text/css">
.post-author li {text-align:left}
</style>правому краю
</style>
<style type="text/css">
.post-author li {text-align:right}
</style>Изменения фона и расположения окошка загрузки изображения
ХТМЛ-верх:
<style>
div#image-area-sels {
background: #000;
margin: 20px 10px;
width: 60%;
height: 200px; }
</style>Всё просто. Если нужно поставить картинку вместо фона, тогда background: #000; меняем на background-image: url("картинка");
. margin: 20px 10px; - первая цифра отвечает за расположение по вертикали. Чем больше цифра, тем ниже окошко, тем меньше (можно и в минус, к примеру, -20px) тем оно выше; вторая цифра отвечает за расположение по горизонтали - чем больше цифра, тем правее окошко, чем меньше (в минус можно), тем левее.
width: 60%; - ширина окошка, можно указывать и в пикселях;
height: 200px; - высота окошка, можно указывать и в процентах;
Отправка поста сочетанием клавиш CTRL+ENTER
ХТМЛ-НИЗ:
<script type="text/javascript">
document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==13)&&(event.ctrlKey)){
document.getElementById('post').submit.click();
}}
</script>
не знала куда добавить сообщеньку тт
Ежесуточная уведомлялка на главной.
<!-- УВЕДОМЛЕНИЕ -->
<div id="inter2" style="display:none;position: fixed; z-index:10000;top: 40%; width: 390px; padding-left: 20px; padding-right: 0px; height:158px; left:50%!important;margin-left: -200px!important; background: url(ВАША ССЫЛКА НА ФОН!); border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 18px #000; -webkit-box-shadow:0px 5px 18px #000; -khtml-box-shadow:0px 5px 18px #000; -moz-box-shadow:0px 5px 18px #000; font-weight: bold; border: none; font-family: arial; font-size: 12px; font-style: oblique; line-height: 9px;"><img class="img1809" style="position: absolute;cursor:pointer;right:0;" src="http://savepic.org/2110923.gif"/><div style="COLOR: #111111; font-variant: normal;line-height:125%; font-size: 14px; text-shadow: #000 1px 1px 0; margin-bottom: 8px; margin-top: 7px; padding-top: 6px; overflow-y: auto!important; width: 400px; height: 100px!important; scrollbar-face-color: #5f1b1b;scrollbar-highlight-color: #212126; scrollbar-shadow-color: #ae5151;scrollbar-3dlight-color: #212126; scrollbar-arrow-color: #5f1b1b; scrollbar-track-color: #761a1a;scrollbar-darkshadow-color: #ae5151;">
<!-- КОНТЕНТ -->
<center><p><b><i><font color=maroon>Голосуем каждый день!</font></i></b></p>
<p>Ваш контент.</p>
<!--/End КОНТЕНТ -->
</div></div>
<script src="http://hostjs-mybb2011.narod.ru/js/CookieJsLibrary_v_011_4.js"></script>
<script type="text/javascript">
if(typeof(getCookie01)!="undefined"){
var UwOn=1 //1-Уведомление Включено; 0 - Выключено
RabRegim=1 // 1 - Рабочий Режим -(Если - 0 Тестовый режим и Всплывает все время
if(!RabRegim){deleteCookie01('#inter2')}
var TimePOP=12 // раз в 12 часов повторяемость - для одного юзера
if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){
$("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)}
$(".img1809").click(function(){$("#inter2").hide();});
}
</script><!--//КОНЕЦ - УВЕДОМЛЕНИЕ -->Ставить в html-верх.
<font color=maroon> - меняется на свое.
background: url(ВАША ССЫЛКА НА ФОН!); - фоновое изображение уведомлялки.
-Cпойлер cкрытия Инфы под N-кнопок в Профиле
В HTML-верх
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/44653.js"></script>В html-низ
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 1 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; 2 - Fade; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "http://s9.uploads.ru/E7wDH.png", "pa-fld1", //Доп.Поле.1 "pa-fld2", //Доп.Поле.2 "pa-fld3", //Доп.Поле.3 // 2 кнопка- ссылка на Картинку "http://s8.uploads.ru/T0HWO.png", "award", //Награды(только для rusff и ork) "gift", //Подарки(только для rusff и ork) // 3 кнопка- ссылка на Картинку "http://s9.uploads.ru/ZPpbo.png", "pa-reg", //Зарегистрирован "pa-posts", //Кол-во сообщений: "pa-respect", //Уважение: "pa-invites", //Приглашений "pa-from", //Откуда "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: //"pa-online", //Пользователь online - Не засовываем в спойлеры //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->
"http://s8.uploads.ru/T0HWO.png" - меняете на свои картинки.
Поля переставляются по вашему желанию.
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>Счетчик символов в форме ответа. Ставить в HTML-Низ.
Убрать слово "модераторы" и скобки на главной, но оставить ники модераторов
Хтмл-низ:
<script>
$('.modlist').each(function(){
var match = $(this).html().match(/\(Модераторы:\s(.+?)\)/);
$(this).replaceWith(match[1]);
});
</script>Вы здесь » COLOR MATE » Каталог CSS|JS » Самые нужные/известные скрипты
