Используемые скрипты
Сообщений 1 страница 10 из 10
Поделиться22014-09-29 20:20:12
Кнопки вверх/вниз
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="кнопка вверх" alt="Вверх страницы">
</a>
<br>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="кнопка вниз" alt="Вниз страницы">
</a>
</div>
Замена надписей онлайн/оффлайн: хтмл низ
<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>
Поделиться32014-09-29 20:31:03
Хтмл-низ
Стандартное меню Форум-Участники итд
<script type="text/javascript">
li=document.getElementById("pun-navlinks").getElementsByTagName("li")
f=-1
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Форум")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/b1xNH.png'>"+s.substring(p+5)
else if((p=s.indexOf("Участники")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/iWJaG.png'>"+s.substring(p+9)
else if((p=s.indexOf("Поиск")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/oAFGZ.png'>"+s.substring(p+5)
else if((p=s.indexOf("Профиль")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/4naKs.png'>"+s.substring(p+7)
else if((p=s.indexOf("Сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/cDx3W.png'>"+s.substring(p+9)
else if((p=s.indexOf("Администрирование")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/AXPcD.png'>"+s.substring(p+17)
else if((p=s.indexOf("Регистрация")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/FDLtP.png'>"+s.substring(p+11)
else if((p=s.indexOf("Выход")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/HknV6.png'>"+s.substring(p+5)
else if((p=s.indexOf("Войти")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://s1.uploads.ru/E9Yro.png'>"+s.substring(p+5)
}
</script>
Пиар:
<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>
Поделиться42014-09-29 20:33:03
Скрытие информации под аватаром с помощью кнопки
<script>
function HideInfo(id,but){
if(but.value=="+"){
but.value = "-";document.getElementById(id).style.display = ""}
else{
but.value = "+";document.getElementById(id).style.display = "none"}
return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
d[i].innerHTML = t.substring(0,j)+"<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='+'><br><div id='info"+i+"' style='display:none'>"+t.substring(j,t.length)+"</div>"}}
</script>
хтмл низ
Поделиться52014-09-29 20:37:46
Оформляем страницу переадрессации
Находим в первом окне стиля:
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}
допустимые параметры:
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0% 30%; //отступы от краёв экрана
width: 40%; //ширина блока
float: none;
text-align: center; //выравнивание текста
font-size: 10px!important; //размер текста
background: white url(http://uploads.ru/i/g/R/7/gR73z.gif) no-repeat; //фоновый цвет + картинка лоадера
background-position: center 27%; //положение картинки
border: 5px double gray; //границы
border-radius: 0 0 30px 30px; //степень закругленности
}
#pun-redirect .main-title { //слово "Переадресация"
font-size: 0.6em; //размер
font-family: Arial; //шрифт
font-weight: bold; //жирность
color: black; //цвет
text-transform: uppercase; //все буквы заглавные
text-shadow: 0px 0px 5px silver; //тень текста
padding: 10px!important;
margin-bottom:0px!important;}
Поделиться62014-09-29 20:39:45
убирает надпись "объявление"
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
Поделиться72014-09-29 20:43:06
Сдвиг рекламного баннера
<style>#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left:50px; top:310px
}</style>
Поделиться82014-09-29 22:18:09
Рамка на аватар
//в свой стиль, в конец второго окна
.pa-avatar.item2 > img {
border-image: url("http://s6.uploads.ru/E8aKl.png") 25 round round;
border-style: solid;
border-width: 15px;
}
где красным - изображение рамка,
зеленым размеры рамки, в данном примере в двух случаях написаны разные размеры: размеры могут быть как разными, так и одинаковыми, подбирайте, чтобы красиво смотрелось.
Поделиться92014-09-29 22:20:12
Замена ссылок Профиль - ЛС - Email картинками
<script type="text/javascript">
var trr=document.getElementsByTagName("ul")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].innerHTML.indexOf("pl-email")!=-1)
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='картинка Профиль' />"
drr[1].innerHTML="<img src='картинка ЛС' />"
drr[2].innerHTML="<img src='картинка Email' />"
}}
</script>
Поделиться102014-10-01 21:36:44
.pa-avatar.item2 > img {
border-image: url("http://funkyimg.com/i/MQqR.png") 25 round round;
border-style: solid;
border-width: 15px;
}
<style type="text/css">
.pa-adnote{ text-align: center;}
.pa-from{ text-align: center;}
.pa-reg{ text-align: center;}
.pa-posts{ text-align: center;}
.pa-respect{ text-align: center;}
.pa-positive{ text-align: center;}
.pa-gifts{ text-align: center;}
.pa-awards{ text-align: center;}
.pa-invitation{ text-align: center;}
.pa-sex{ text-align: center;}
.pa-icq{ text-align: center;}
.pa-ip{ text-align: center;}
.pa-online{ text-align: center;}
.pa-age{ text-align: center;}
.pa-mailagent{ text-align: center;}
.pa-reg { text-align: center;}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
.pa-time-visit{ text-align: center;}
.pa-last-visit{ text-align: center;}
.pa-fld1{ text-align: center;}
.pa-fld2{ text-align: center;}
.pa-fld3{ text-align: center;}
</style>