Полезные штучки
Полезные штучки
Страница: 1
Сообщений 1 страница 15 из 15
Поделиться22016-01-02 08:57:25
Разделение важных и других тем в форуме на блоки
Код:
<script type="text/javascript"> <!-- if (document.URL.indexOf("viewforum")!=-1){ var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows for (io=1; io<=(trs.length-1); io++){ if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1)) {var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1) for(j=0;j<4;j++){ nl=normal.insertCell(0) nl.className="tc2" nl.innerHTML=" " nl.style.borderLeft="0px"} nl.innerHTML="<b>Темы форума</b>" nl.style.textAlign="left" }}} --> </script>
В HTML-верх
Поделиться32016-01-02 08:59:23
Полосочки для оформления
Код:
[table][tr][td width=РАЗМЕРpx bgcolor=#НОМЕР-ЦВЕТА-HTML][/td][/tr][/table]
Пример:
Поделиться42016-01-02 09:24:25
Выделение кода
Код:
<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-низ
Поделиться52016-01-02 09:26:01
Стрелки вверх-вниз
Код:
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;"> <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="http://s1.uploads.ru/JvAPB.png" alt="Вверх страницы"> </a> <br> <br> <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img src="http://s1.uploads.ru/40jks.png" alt="Вниз страницы"> </a> </div>
HTML-верх
Поделиться62016-01-02 09:29:00
PR-вход
Код:
<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-низ
Поделиться72016-01-02 09:30:25
?Боковая таблица?
Код:
<script type="text/javascript"> var news = new Array news.push(new Array("название", "текст текст текст")) news.push(new Array("название", "текст текст текст")) var mynews = "newsAray"; for (q=0; q<news.length; q++){ mynews += "<div class='container' style='padding:8px'><h2><center>"+news[q][0]+"</center></h2>"+news[q][1]+"</div><br /><br />"; } var block=mynews; var arr=document.getElementsByTagName("div") i=0 str=document.URL while(arr[i] ){ if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){ name=arr[i].innerHTML name=name.substring(0) arr[i].innerHTML="<table><tr><td width=20% valign=top>"+block+"</td><td width=80%>"+name+"</td></tr></table>" } i++ } </script>
HTML-низ
Поделиться82016-01-02 09:34:04
Сворачивание информации под N-кнопок в профиле топика
Код:
<!-- 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/57844.js"></script>
HTML-верх
Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика --> <script> var a1 = 0 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко; var LiArr=new Array( //При наличии двух косых => // в начале пункта, - пункт не скрывается. //"pa-author", //Ник-Нейм //"pa-avatar", //Аватар //"pa-title", //статус // 1 кнопка - ссылка на Картинку //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию) "http://s3.uploads.ru/VymNB.png[Описание 1]", "pa-reg", //Зарегистрирован "pa-invites", //Приглашений "pa-posts", //Кол-во сообщений: "pa-respect", //Уважение: "pa-positive", //Позитив "pa-sex", //Пол "pa-age", //Возраст "pa-icq", //Аська "pa-ip", //IP Юзера "pa-time-visit", //Провел на форуме: "pa-last-visit", //Последний визит: //"pa-online", //Пользователь online - Не засовываем в спойлеры // 2 кнопка- ссылка на Картинку "http://s3.uploads.ru/T7hLI.png", "pa-from", //Откуда "pa-fld1", //Доп.Поле.1 // 3 кнопка- ссылка на Картинку "http://s3.uploads.ru/VtGQ4.png", "pa-fld2", //Доп.Поле.2 "pa-fld3", //Доп.Поле.3 "pa-fld4", //Доп.Поле.4 "pa-fld5", //Доп.Поле.5 //"award", //Награды(только для rusff и ork) //"gift", //Подарки(только для rusff и ork) //Конец Списка, "_End"); SetProvilSpoil(a1,a2,a3); </script> <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->
HTML-низ
Поделиться92016-01-02 09:35:10
Счетчик символов
Код:
<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-низ
Поделиться102016-01-02 09:39:55
Как убрать название доп. поля
Код:
<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>
HTML-низ
Поделиться112016-01-02 10:01:59
Изменение размера текста
Код:
<style> #pun #pun-viewtopic,#pun .punbb,.formal textarea { font-size:12px; } </style>
Поделиться122016-01-02 10:02:53
Изменение шрифта на форуме
Код:
<style> BODY A{font-family : "ШРИФТ";} </style>
Поделиться132016-01-02 10:06:06
Удаление надписи "Отредактировано"
Код:
<style type="text/css"> .lastedit {display:none} </style>
HTML-верх
Поделиться142016-01-02 12:03:40
Джамп-панель/"кармашек"
Код:
<!-- JampPanel--> <style> #JampPanel:hover{ margin-right:-20px; } #JampPanel,#JampPanel .container{ border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border:1px solid #FE2323; background-color:#F0F0F0; box-shadow: 0px 5px 5px #626262; -webkit-box-shadow:0px 5px 5px #626262; -khtml-box-shadow:0px 5px 5px #626262; -moz-box-shadow:0px 5px 5px #626262; } #JampPanel {opacity:0.86; position:fixed;z-index:1200; height:190px;top:8px;right:0;margin-right:-202px; background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat; width:230px; } #JampPanel .container{ padding:12px; height:400px; width:100%;margin:-1px 0 0 30px; } #Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/ position:absolute; height:190px;width:14px; background-color:#F0F0F0; margin:-12px 0 0 -18px; } </style> <div id=JampPanel> <div class=container> <div id=Zaslonyalka></div> Ваш контент </div> </div> <!--End//JampPanel-->
Поделиться152016-01-02 12:15:50
Всплывающая информация доп. поля профиля при наведении на аватар
Код:
<style type="text/css"> .pa-avatar>div{ position:relative; z-index:20; display:inline-block; margin: auto; padding:0; } .pa-avatar>div>img{ position:absolute; top:0;left:0; z-index:-2; } .pa-avatar>div>span{ margin:0; padding:3px 12px; display:block; border:10px rgba(121,103,21,0.3); /*Цвет верхнего бордера*/ border-style:solid none none none; background:rgba(229,222,179,0.8); /*Цвет перекрывающего фона*/ opacity:0; transition: opacity 0.6s; } .pa-avatar:hover>div>span{ opacity:1.0; } .pa-avatar>div>span a{ color:#0817F2!important; /*Цвет ccылок*/ } .pa-avatar>div>span a:hover{ color:#FF0000!important; /*Цвет ccылок при наведении*/ text-decoration:underline!important; } </style> <script type="text/javascript"> $('.pa-avatar').each(function(){ var that =$(this).parents('.post-author').find('.ava-wrp::first'), a = $(this).find('img:first'); if(a.length&&that.length){ b = that.parents('li[class^="pa-fld"]'), h = a.height(),w=a.width(), c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent(); c.prepend('<span style="max-width:100%;height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>'); } }); </script>
HTML-низ
Код:
<a class=ava-wrp></a>
В профиль
Страница: 1