Forum

Объявление

Форум переехал сюда: lemoness.ru

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

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


Вы здесь » Forum » Скрипты » Скрипты для изменения дизайна


Скрипты для изменения дизайна

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

1

Тут выложу самые используемые скрипты, которыми можно изменить стандартный дизайн.

0

2

Как сделать фон и правильно его настроить?

Администрирование - Настройки - HTML-верх
Установить следующий код:

<style type="text/css">
html, body {background-image: url("адрес изображения"); background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
</style>

В этом коде используются следующие параметры:

background-image - определяет адрес изображения, которая будет на фоне форума
Значения:
адрес изображения адрес(путь) изображения
(этот параметр является обязательным! )

background-attachment - определяет, будет ли ваш фон прокручиваться вместе с форумом или оставаться фиксированым, неподвижным
Значения:
fixed фиксированный
scroll прокручивающийся вместе с форумом
(этот параметр вы можете задать автоматически, как описано выше! )

background-repeat - определяет, будет ли многократно повторяться фон и если будет, то каким именно образом
Значения:
no-repeat фон стоит единым нефрагментированным куском, а не "мозаикой" (в этом случае вам нужно будет точно подобрать размер вашего фона! )
repeat - картинка фона множится по принципу "мозаики", по вертикали и по горизонтали
repeat-x - повторение идет только по горизонтали
repeat-y - повторение идет только по вертикали

background-position - задает расположение неповторяющегося фона
Значения:
(положение по вертикали)
top - наверху
center - по центру
bottom - снизу
(положение по горизонтали)
left - слева
center - по центру
right - справа

0

3

Ставим шапку
Администрирование - Настройки - HTML-верх

<style type="text/css">
#pun-title .title-logo {background-image : url(адрес картинки);
background-repeat : no-repeat; height : 134px; padding-left : 958px;
}
#pun-title .title-logo span {display: none;}
</style>

Выделенные значения изменяете на свои.
height - высота картинки в пикселях
padding-left - ширина картинки в пикселях

0

4

Меняем стандартные иконки на свои
Администрирование - Настройки - HTML-верх
Новые сообщения

<style type="text/css">TR.inew Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Нет новых сообщений

<style type="text/css"> Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Важная тема

<style type="text/css">TR.isticky Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Закрытая тема

<style type="text/css"> TR.iclosed Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

Перенесённая тема

<style type="text/css"> TR.iredirect Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>

0

5

Меняем стандартные иконки на свои. Version №2
Если вы сделали свой стиль в генераторе, то иконки можно будет заменить только этим скриптом. Скрипт, выложенный више не поможет!
Администрирование - Настройки - HTML-верх

<style>
.punbb table Div.icon {float: left; display: block; width: 30px; height: 30px; border-style: none;
background-image: url(картинка нет новых сообщений);
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(картинка новое сообщение) no-repeat;}
TR.isticky Div.icon {
background: url(картинка важная тема) no-repeat;}
TR.iclosed Div.icon {
background: url(Картинка закрытая тема) no-repeat;}
TR.iredirect Div.icon {
background: url(Картинка перенесённая тема) no-repeat;}
</style>

Там где красное вставляете ссылку на картинку.
Выделенное жирным изменяете на своё.
width - ширина картинки в пикселях
height - высота в пикселях

+1

6

Переливающиеся ссылки

Код:
<script 
language="Javascript"> 
var rate = 20; 
var obj; 
var act = 0; 
var elmH = 0; 
var elmS = 128; 
var elmV = 255; 
var clrOrg; 
var TimerID; 
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { 
Browser = true; 
} else { 
Browser = false;} 
if (Browser) { 
document.onmouseover = doRainbowAnchor; 
document.onmouseout = stopRainbowAnchor;} 
function doRainbow(){ 
if (Browser && act != 1) { 
act = 1; 
obj = event.srcElement; 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100);}} 
function stopRainbow(){ 
if (Browser && act != 0) { 
obj.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0;}} 
function doRainbowAnchor(){ 
if (Browser && act != 1) { 
obj = event.srcElement; 
while (obj.tagName != "A" && obj.tagName != "BODY") { 
obj = obj.parentElement; 
if (obj.tagName == "A" || obj.tagName == "BODY") 
break;} 
if (obj.tagName == "A" && obj.href != "") { 
act = 1;//osw 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100);}}} 
function stopRainbowAnchor(){ 
if (Browser && act != 0) { 
if (obj.tagName == "A") { 
obj.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0;}}} 
function ChangeColor(){ 
obj.style.color = makeColor();} 
function makeColor(){ 
if (elmS == 0) { 
elmR = elmV; elmG = elmV; elmB = elmV;} 
else { 
t1 = elmV; 
t2 = (255 - elmS) * elmV / 255; 
t3 = elmH % 60; 
t3 = (t1 - t2) * t3 / 60; 
if (elmH < 60) { 
elmR = t1; elmB = t2; elmG = t2 + t3;} 
else if (elmH < 120) { 
elmG = t1; elmB = t2; elmR = t1 - t3;} 
else if (elmH < 180) { 
elmG = t1; elmR = t2; elmB = t2 + t3;} 
else if (elmH < 240) { 
elmB = t1; elmR = t2; elmG = t1 - t3;} 
else if (elmH < 300) { 
elmB = t1; elmG = t2; elmR = t2 + t3;} 
else if (elmH < 360) { 
elmR = t1; elmG = t2; elmB = t1 - t3;} 
else { 
elmR = 0; elmG = 0; elmB = 0;}} 
elmR = Math.floor(elmR);//fantasyflash.ru 
elmG = Math.floor(elmG); 
elmB = Math.floor(elmB); 
clrRGB = "#" + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); 
elmH = elmH + rate; if (elmH >= 360) elmH = 0; 
return clrRGB;}</script> 


</body> 
</html><!-- ><!-- "><!-- "><!-- -->

0

7

Постепенно набирающееся название форума

Код:
<script>
var tit = document.title;
var c = 0;

function writetitle() {
  document.title = tit.substring(0,c);
  if(c==tit.length) {
    c = 0;setTimeout("writetitle()", 3000)
  } else {
    c++;
    setTimeout("writetitle()", 200)
  }
}
writetitle()
</script>

0

8

Скрипт замены надписей активны/неактивны под аватаром на картинки

<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>

0

9

Замена ссылок Профиль - ЛС - 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>

0

10

Разделение важных и обычных тем на блоки

Код:
<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="Важные темы"
im.style.color="#0000FF"
im.style.backgroundColor="#FFFFFF"
im.colSpan="4"}
else 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)
var normal1=normal.insertCell(0)
normal1.innerHTML="Темы форума"
normal1.style.color="#0000FF"
normal1.style.backgroundColor="#FFFFFF"
normal1.colSpan="4"
}}}
</script>

im.style.backgroundColor="#FFFFFF"
normal1.style.backgroundColor="#FFFFFF" цвет фона строк Важные темы и Темы форума

normal1.style.color="#0000FF"
im.style.color="#0000FF"  цвет шрифта в этих строках.

0

11

Замена "мужской/женский" (пол) на картинки

<script type="text/javascript">
var sex=document.getElementById('pun-main').getElementsByTagName("li")
var sx=0
for (sx=0; sx<=(sex.length-1); sx++)
{if (sex[sx].className=="pa-sex")
{if (sex[sx].innerHTML.indexOf("Мужской")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src='мужская картинка' />"}
else if (sex[sx].innerHTML.indexOf("Женский")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src='женская картинка' />"}
}}
</script>

0

12

Смена шрифта для форума в данном случае Для ссылок(ставить хтмл низ/верх):

<style>
BODY A{font-family : "Шрифт";}
</style>

0

13

Кнопки "в кириллицу" и "в латиницу"
Буква ю и латинская точка изъяты из скрипта неслучайно.
Не знаю куда ставить, но скорее всего в форму ответа.

<script type="text/javascript">
var latin=("q-w-e-r-t-y-u-i-o-p-]-a-s-d-f-g-h-j-k-l-;-'-z-x-c-v-b-n-m-,-Q-W-E-R-T-Y-U-I-O-P-]-A-S-D-F-G-H-J-K-L-;-'-Z-X-C-V-B-N-M-,").split("-")
var ciril=("й-ц-у-к-е-н-г-ш-щ-з-ъ-ф-ы-в-а-п-р-о-л-д-ж-э-я-ч-с-м-и-т-ь-б-Й-Ц-У-К-Е-Н-Г-Ш-Щ-З-Ъ-Ф-Ы-В-А-П-Р-О-Л-Д-Ж-Э-Я-Ч-С-М-И-Т-Ь-Б").split("-")
function advert()
{
var val=document.selection.createRange()
var val1=val.text
var qw=0
for(qw=0; qw<=(latin.length-1); qw++)
{var latin1="/"+latin[qw]+"/g"
val1=val1.replace(eval(latin1), ciril[qw])}
val.text=val1}
function advert1()
{
var val=document.selection.createRange()
var val1=val.text
var qw=0
for(qw=0; qw<=(latin.length-1); qw++)
{var ciril1="/"+ciril[qw]+"/g"
val1=val1.replace(eval(ciril1), latin[qw])}
val.text=val1}
</script>
<input type="button" value="В кириллицу" onclick="advert()" />
<input type="button" value="В латиницу" onclick="advert1()" />

0

14

(c) Usher
- Что делает?
- Этот скрипт для гостей отображает только имя пользователя, аватар пользователя и репутацию пользователя

- Куда ставить?
- HTML верх, низ, объявление (ВНИМАНИЕ!!!! Скрипт не работает в HTML в форме ответа)

<script type='text/javascript'>
if (document<script type='text/javascript'>
if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1)
{
document.write("<style>")
document.write(".pa-online {display:none}")
document.write(".pa-reg {display:none}")
document.write(".pa-posts {display:none}")
document.write(".pa-fld1 {display:none}")
document.write(".pa-fld2 {display:none}")
document.write(".pa-fld3 {display:none}")
document.write(".pa-icq {display:none}")
document.write(".pa-age {display:none}")
document.write(".pa-sex {display:none}")
document.write(".pa-time-visit {display:none}")
document.write(".pa-from {display:none}")
document.write(".pa-title {display:none}")
document.write("</style>")
}
</script>

можно убрать всё, кроме репутации и аватара

0

15

Подпись по умолчанию тем, у кого ее нет

<script type="text/javascript">
if (document.URL.indexOf("viewtopic")!=-1)
{var sigs=document.getElementById('pun-main').getElementsByTagName("div")
var v=0
for (v=0; v<=(sigs.length-1); v++)
{if (sigs[v].className=="post-content")
{if (sigs[v].innerHTML.toLowerCase().indexOf("<span>подпись автора</span>")==-1)
{sigs[v].innerHTML=sigs[v].innerHTML+"<dl class='post-sig'><dt><span>Подпись автора</span></dt><dd><p>"+"Ваш текст по умолчанию"+"</p></dd></dl>"}}}}
</script>

0

16

Смена слова Позитив на свое
HTML низ

<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Позитив")
{arr[j].innerHTML="Ваше слово"}

}}
changeLink()
</script>

0

17

Изменение уважение на свое слово
HTML низ

<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Уважение")
{arr[j].innerHTML="Ваше слово"}

}}
changeLink()
</script>

0

18

Цепляем картинку к категории. Автор Duka
в хтмл-низ

<script type="text/javascript">
var logo="<img src='адрес изображения'>"
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].className=="category"){
name=arr[i].innerHTML
name=name.substring(48)
arr[i].innerHTML="<h2><div class=\"catleft\"><!-- --></div><span> "+logo+" &ensp;"+name+""
}
i++
}
</script>

+1


Вы здесь » Forum » Скрипты » Скрипты для изменения дизайна