[__Раскрутка_форумов__]

Объявление

Обьявление:
Форум не работает.
Администраторы:
Yumi
Катька
Тюха
~^Ленусик^~
Модераторы:
Даshик

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

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

Вы здесь » [__Раскрутка_форумов__] » Скрипты и дизайн » Изменение дизайна форума

Изменение дизайна форума

Страница: 1

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

1

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

Изменение заднего фона

<style type="text/css">
HTML, BODY {background-color: #FFFF33; background-image: url("картинка"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}
</style>

Шапка

<style type="text/css">
#pun-title table {background-image : url(картинка);
height : 132px;
}
</style>

Логотип (то что внутри шапки)

<style type="text/css">
#pun-title .title-logo {background-image : url(картинка);
background-repeat : no-repeat; height : 132px;
}
</style>

Меню навигации (форум, участники)

<style type="text/css">
#pun-navlinks .container {
padding-top : 4px;  background-color : #C0C0C0;
background-image : url(картинка);
font-weight: bold;
text-align: center;
}
</style>

Этот код сделает ссылки в навигации до и после посещения одним цветом, а при наведении - другим.

<style type="text/css">
#pun-navlinks a:link, #pun-navlinks a:visited {color: green;}
#pun-navlinks a:hover {
color: red;
}
</style>

0

2

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

Пользовательские ссылки (мои сообщения, подписка)

<style type="text/css">
#pun-ulinks .container {
background-color : #00FFFF !important;
}
</style>

Заголовок обьявления

<style type="text/css">
#pun-announcement h2 {background-color: #FF0000; color: red}
</style>

0

3

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

Ширина форума

<style type="text/css">
#pun {
width : 90%;
}
</style>

0

4

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

Название категории

<style type="text/css"> #pun-main h2 {
color : green;
background-color : transparent; background-image : url(картинка);
}
</style>

0

5

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

Иконка "Нет новых сообщений"

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

Иконка "Новое сообщение"

<style type="text/css">TR.inew 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

6

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

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

<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

7

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

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

<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

8

  • Автор: Yumi
  • [_Админ_]
  • Yumi
  • Зарегистрирован: 2009-04-15
  • Приглашений: 0
  • Сообщений: 89
  • Уважение: [+2/-0]
  • Позитив: [+1/-0]
  • Пол: Женский
  • Провел на форуме:
    11 часов 58 минут
  • Последний визит:
    2014-06-01 12:44:39

Замена шрифта на всём форуме (ссылки)

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

0

9

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

Меняем стандартные иконки на свои 2 способ.

<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;}
.punbb table div.inew {float: left; display: block; width: 30px; height: 30px; border-style: none; background-image: url(есть новые сообщения); background-repeat: no-repeat; position: relative;}
.punbb table div.isticky {float: left; display: block; width: 30px; height: 30px; border-style: none; background-image: url(важная тема); background-repeat: no-repeat; position: relative;}
.punbb table div.iclosed {float: left; display: block; width: 30px; height: 30px; border-style: none; background-image: url(закрытая); background-repeat: no-repeat; position: relative;}
.punbb table div.iredirect {float: left; display: block; width: 30px; height: 30px; border-style: none; background-image: url(перенесённая); background-repeat: no-repeat; position: relative;}
</style>
Там где синее, вставляем код картинки.

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

Отредактировано Даshик (2009-04-16 16:47:51)

0

10

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

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

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

Отредактировано Даshик (2009-04-16 16:46:48)

0

11

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

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

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

Отредактировано Даshик (2009-04-16 16:48:48)

0

12

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

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

13

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

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

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

14

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

Смена слова Позитив на свое
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

15

  • Автор: Даshик
  • Модератор
  • Даshик
  • Зарегистрирован: 2009-04-16
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: [+1/-0]
  • Позитив: [+2/-0]
  • Провел на форуме:
    3 часа 1 минуту
  • Последний визит:
    2009-05-19 17:22:44

Изменение уважение на свое слово
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

16

  • Автор: Заряд энергии
  • Новичок
  • Заряд энергии
  • Зарегистрирован: 2009-05-23
  • Приглашений: 0
  • Сообщений: 4
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    26 минут
  • Последний визит:
    2009-05-31 10:51:44

Yumi
Даshик
Спасибо!

0

Страница: 1

Вы здесь » [__Раскрутка_форумов__] » Скрипты и дизайн » Изменение дизайна форума