Форум для форумов

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

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

Вы здесь » Форум для форумов » Скрипты » Для изменения дизайна

Для изменения дизайна

Страница: 1

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

1

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

Етими скриптами можно изменить дизайн.

Как сделать фон?

Администрирование - Настройки - 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 - справа

+1

2

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

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

<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

3

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

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

4

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

ШАПКА

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

0

5

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

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

6

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

Меняем стандартные иконки на свои
Администрирование - Настройки - 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

7

  • Автор: Adminka
  • Администратор
  • Adminka
  • Зарегистрирован: 2009-05-20
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: [+4/-0]
  • Позитив: [+1/-0]
  • Провел на форуме:
    20 часов 17 минут
  • Последний визит:
    2009-08-10 15:25:47

Можно и так)
<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;}
</style>

ширина
высота

0

Страница: 1

Вы здесь » Форум для форумов » Скрипты » Для изменения дизайна