Тут выложу самые используемые скрипты, которыми можно изменить стандартный дизайн.
Скрипты для изменения дизайна
Сообщений 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>