Тут выложу самые используемые скрипты, которыми можно изменить стандартный дизайн.
Скрипты для изменения дизайна
Сообщений 1 страница 18 из 18
Поделиться22009-03-07 12:37:25
Как сделать фон и правильно его настроить?
Администрирование - Настройки - 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 - справа
Поделиться32009-03-07 12:39:44
Ставим шапку
Администрирование - Настройки - 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 - ширина картинки в пикселях
Поделиться42009-03-07 12:42:35
Меняем стандартные иконки на свои
Администрирование - Настройки - 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>
Поделиться52009-03-07 12:47:42
Меняем стандартные иконки на свои. 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 - высота в пикселях
Поделиться62009-03-07 12:54:34
Переливающиеся ссылки
<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><!-- ><!-- "><!-- "><!-- -->
Поделиться72009-03-07 12:57:58
Постепенно набирающееся название форума
<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>
Поделиться82009-03-07 12:59:19
Скрипт замены надписей активны/неактивны под аватаром на картинки
<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>
Поделиться92009-03-07 13:00:31
Замена ссылок Профиль - ЛС - 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>
Поделиться102009-03-07 13:03:43
Разделение важных и обычных тем на блоки
<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" цвет шрифта в этих строках.
Поделиться112009-03-07 13:05: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>
Поделиться122009-03-08 11:13:29
Смена шрифта для форума в данном случае Для ссылок(ставить хтмл низ/верх):
<style>
BODY A{font-family : "Шрифт";}
</style>
Поделиться132009-03-08 11:17:21
Кнопки "в кириллицу" и "в латиницу"
Буква ю и латинская точка изъяты из скрипта неслучайно.
Не знаю куда ставить, но скорее всего в форму ответа.
<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()" />
Поделиться142009-03-08 11:19:05
(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>
можно убрать всё, кроме репутации и аватара
Поделиться152009-03-08 11:20:17
Подпись по умолчанию тем, у кого ее нет
<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>
Поделиться162009-03-08 11:21:31
Смена слова Позитив на свое
HTML низ
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Позитив")
{arr[j].innerHTML="Ваше слово"}}}
changeLink()
</script>
Поделиться172009-03-08 11:22:10
Изменение уважение на свое слово
HTML низ
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Уважение")
{arr[j].innerHTML="Ваше слово"}}}
changeLink()
</script>
Поделиться182009-03-08 11:27:19
Цепляем картинку к категории. Автор 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+"  "+name+""
}
i++
}
</script>