Единая Техническая Поддержка форумов Король лев

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

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


Вы здесь » Единая Техническая Поддержка форумов Король лев » Помощь с дизайном форума » Скрипты которые изменят ваш дизайн


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

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

1

Не освоили CSS? Это не проблема. Дизайн можно изменить с помощью этих замечательных скриптиков

Заливаем форум определённым цветом:

Код:
<style type="text/css">
#pun {background-color:blue;}
</style>

Или картинкой, фон:

Код:
<style type="text/css">
#pun {background-color:blue;background-image : url(ссылка на картинку);}
</style>

Делаем форум прозрачным:

Код:
<style type="text/css">
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2   {background-color: transparent; }
</style>


Вставляем шапку:

Код:
<style type="text/css">
#pun-title table {background-image : url(ссылка на шапку);
height : 132px;
}
</style>

Задний фон

Код:
<style type="text/css">
HTML, BODY {background-image: url("ссылка")!important; background-repeat: repeat !important;}
</style>


Чтобы задний фон не прокручивался:

Код:
<style type="text/css">
HTML, BODY {background-image: url("ссыль"); background-attachment: fixed;}
</style>

Меняем ширину форума. 85 можно поменять на своё

Код:
<style type="text/css">
#pun {
width : 85%;
}
</style>

Можно изменить размер текста:

Код:
<style type="text/css">
body {
font-size: 150%;
}
</style>

И сам шрифт. Century Gothic меняем на своё:

Код:
<style>
BODY A{font-family : "Century Gothic";}
</style>

Меняем на главной 1,2,3,4 столбцы форума. Заливаем их определённым цветом:

Код:
<style type="text/css">
#pun  .tcl { color: цвет текста;
background-color : цвет фона;}
#pun  .tc2 { color: цвет текста;
background-color : цвет фона;}
#pun  .tc3 { color: цвет текста;
background-color : цвет фона;}
#pun  .tcr { color: цвет текста;
background-color : цвет фона;}
</style>

Прикрепляем картинку к названию категорий:

Код:
<style type="text/css"> #pun-main h2 {
color : green;
background-color : transparent; background-image : url(ссылка);
}
</style>

Ставим свою картинку и в строке "Форум-Тем - Сообщений - Последнее сообщение":

Код:
<style type="text/css"> #pun th {
color: red; background-color : #FF00FF; background-image : url(ссыль);
}
</style>


Делаем рамку между столбцами:

Код:
<style type="text/css">#pun-main td {
border-color : #00FFFF;
border-width: 1px;}
</style>

Подвинем рекламу. Внимание! Если вообще удалите рекламу, ваш форум будет удалён! Цифры меняем на свои:

Код:
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 510px; top: 190px
}
</style>

Картинка возле статистики:

Код:
<style type="text/css">
#pun-stats ul.container {
background-image:url(ссыль); padding-left:80px; height : 192px; background-repeat: no-repeat}
</style>

0

2

Зира написал(а):

Или картинкой, фон:
            Код:<style type="text/css">
#pun {background-color:blue;background-image : url(ссылка на картинку);}
</style>

а куда это всё вставлять?
извиняюсь за тупой вопрос...

0

3

Шани
Хтмл-верх

0


Вы здесь » Единая Техническая Поддержка форумов Король лев » Помощь с дизайном форума » Скрипты которые изменят ваш дизайн