Тестовик Леса

Объявление

ДОБРО ПОЖАЛОВАТЬ!
Двери сказки открыты для вас, путники! Не стойте в дверях, проходите к жаркому костру, за которым вы сможете услышать немало интересных историй. Возможно, одна из них будет о вас.

ЛУЧШИЕ ИГРОКИ И АКТИВИСТЫ

ЛУЧШИЙ ПОСТ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Тестовик Леса » 1.2. Форум » Полезные штучки


Полезные штучки

Сообщений 1 страница 15 из 15

1

Полезные штучки

2

Разделение важных и других тем в форуме на блоки

Код:
<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="&nbsp;"
nl.style.borderLeft="0px"}
nl.innerHTML="<b>Темы форума</b>"
nl.style.textAlign="left"
}}}
-->
</script>

В HTML-верх

3

Полосочки для оформления

Код:
[table][tr][td width=РАЗМЕРpx bgcolor=#НОМЕР-ЦВЕТА-HTML][/td][/tr][/table]

Пример:

4

Выделение кода

Код:
<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-низ

5

Стрелки вверх-вниз

Код:
<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-верх

6

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-низ

7

?Боковая таблица?

Код:
<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-низ

8

Сворачивание информации под 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-низ

9

Счетчик символов

Код:
<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-низ

10

Как убрать название доп. поля

Код:
<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-низ

11

Изменение размера текста

Код:
<style>
#pun #pun-viewtopic,#pun .punbb,.formal textarea {
font-size:12px;
}
</style>

12

Изменение шрифта на форуме

Код:
<style>
BODY A{font-family : "ШРИФТ";}
</style>

13

Удаление надписи "Отредактировано"

Код:
<style type="text/css">
.lastedit {display:none}
</style>

HTML-верх

14

Джамп-панель/"кармашек"

Код:
<!-- 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-->

15

Всплывающая информация доп. поля профиля при наведении на аватар
   

Код:
<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.2. Форум » Полезные штучки


Рейтинг форумов | Создать форум бесплатно