Полезные штучки
Полезные штучки
Страница: 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="http://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








