последние 30 сообщений Сделать стартовой Добавить в Избранное

*сНежный форум* - территория отдыха для всей семьи!

Объявление

lead

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

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



Разукрашиваем форум

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

1

<!-- меняем цвет надписей в названих категорий (в данном случае - на белый) -->

#pun h2 {color: white;}

2

А куда это вставить?

3

<style>
код
</style>

и все в хтмль-верх

4

Сенк ю!

5

Заходим:
Администрирование => Настройки => HTML верх.
Пишем:

<style type="text/css">
*
</style>


Основной цвет текста

.punbb {
color : #000;
}

где:
#000 - цвет.

Меню навигации

#pun-navlinks .container {
background-color : #C0C0C0;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/menu.gif);
font-weight: bold;
text-align: center;
}

где:
#C0C0C0 - цвет фона
http://mybb.ru/img/Mybb_Ocean_zero/menu.gif - фоновая картинка
bold - текст становится жирным
center - выравнивание текста по центру

Ссылки меню навигации

Установить цвет ссылок:

#pun-navlinks a:link, #pun-navlinks a:visited {
color: #000000;
}

где:
#000000 - цвет ссылок

Устанавливаем разные цвета для каждой ссылки (!):

Для ссылки Форум:

#navindex a:link, #navindex a:visited {
color: #FF0000;
}

Для ссылки Участники:

#navuserlist a:link, #navuserlist a:visited {
color: #FF0000;
}

Для ссылки Поиск:

#navsearch a:link, #navsearch a:visited {
color: #FF0000;
}

Для ссылки Профиль:

#navprofile a:link, #navprofile a:visited {
color: #FF0000;
}

Для ссылки Сообщения:

#navpm a:link, #navpm a:visited {
color: #FF0000;
}

Для ссылки Администрирование:

#navadmin a:link, #navadmin a:visited {
color: #FF0000;
}

Для ссылки Выйти:

#navlogout a:link, #navlogout a:visited {
color: #FF0000;
}

Для ссылки Войти:

#navlogin a:link, #navlogin a:visited {
color: #FF0000;
}

Для ссылки Регистрация:

#navregister a:link, #navregister a:visited {
color: #FF0000;
}

где:
#FF0000 - цвет текста

Скрываем ненужную из стандартных ссылок

На примере ссылки Поиск:

#navsearch {
display: none;
}

Расстояние между ссылками в меню навигации

#pun-navlinks li {
padding: 13px;
}

13px - расстояние в пикселях


Цвета стандартных ссылок

Цвет ссылки:

.punbb A:link, .punbb A:visited {
color: #00004E;
}

Цвет ссылки при наведении:

.punbb A:hover {
color: #0080FF;
}

Основной цвет рамок

.punbb .container {
border-color : #A7B5BD;
}

Цвет фона в теге цитаты, code

.punbb .quote-box, .punbb .code-box {
background-color : #fff;
}

6

Иконки

Закрытая тема:

TR.iclosed Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/lock.gif);
background-repeat: no-repeat;
}

Нет новых сообщений:

Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}

Перемещена:

TR.iredirect Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/link.gif);
background-repeat: no-repeat;
}

Есть новые сообщения:

TR.inew Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/new.gif);
background-repeat: no-repeat;
}

Выделенная тема:

TR.isticky DIV.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/sticky.gif);
background-repeat: no-repeat;
}

Иконка в блоке статистики:

#pun-stats ul.container {
background: transparent url(http://mybb.ru/img/Mybb_Ocean_zero/stats.gif) no-repeat 10px 26px;
background-repeat: no-repeat;
padding-left: 51px;
}

где: http://mybb.ru/img/......gif - адрес картинки

7

Фон шапки

#pun-title table {
background-color : #004080;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/header.gif);
height : 132px;
}

где:
#004080 - цвет фона
http://mybb.ru/img/Mybb_Ocean_zero/header.gif - фоновая картинка
132px - высота шапки (желательно указать такую же как высота картинки, но не менее 60px)

Лого в шапке

#pun-title h1 {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/logo.gif);
background-repeat : no-repeat;
height : 132px;
}

где:
http://mybb.ru/img/Mybb_Ocean_zero/logo.gif - лого форума
background-repeat : no-repeat; - не повторять (множить) лого
132px - высота шапки (желательно указать такую же как высота лого, но не менее 60px)

Название форума текстом в шапке

Убираем название форума из шапки:

#pun-title h1 span {
display : none;
}

8

Ширина основной таблицы форума

В процентах:

#pun {
width : 86%;
}

Можно указать не процентное значение, а к примеру значение в пикселях:

#pun {
width : 800px;
}

9

Фон форума

HTML , BODY {
background-color : #808080;
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/bg.gif);
}

где:
#808080 - цвет фона.
http://mybb.ru/img/Mybb_Ocean_zero/bg.gif - адрес фоновой картинки.
Если нужен только цвет - не пишите вторую строку с фоновой картинкой.

Дополнительно (если нужно - то добавить строку до знака }):

Не повторять (не размножать) фоновую картинку:
Код:
background-repeat: no-repeat;

Повторять только по горизонтали:
Код:
background-repeat: repeat-x;

Повторять только по вертикали:
Код:
background-repeat: repeat-y;

Зафиксировать фоновое изображение и подавить эффект прокрутки:
Код:
background-attachment: fixed;

Начальная позиция фона - в центре:
Код:
background-position: center;

Начальная позиция фона - левый верхний угол:
Код:
background-position: left top;

Начальная позиция фона - правый нижний угол:
Код:
background-position: right bottom;

10

код по которому можно изменять цвет фона

11

А есть скриптик для того чтоб слово АДМИН своё было а? И не только чтоб у всех такое было но конешно не админ а новичек и так далее.

Отредактировано iluxa (2006-11-08 12:40:46)

12

И ещё  насчет ИКОНКИ я пробую делать а у меня не получается :( помоги пожалуйста
вот картинка
сделайте весь код с сылкой плиз а остальные а сам

13

iluxa написал(а):

А есть скриптик для того чтоб слово АДМИН своё было а? И не только чтоб у всех такое было но конешно не админ а новичек и так далее.

Скриптом, а вернее, просто кодом, можно поменять размер шрифта и его тип, ну или нарисовать разные картинки и поставить их.

iluxa написал(а):

И ещё  насчет ИКОНКИ я пробую делать а у меня не получается  помоги пожалуйста

Да без проблем, только вот какая это должна быть иконка? КУДА она будет ставиться?

14

Снежка*
Вопрос и уменя есть. На форуме стоит стиль по умолчанию mybb, серенькие такой. Можно ли в одной теме поле с сообщениями сделать другого цвета? Реально ли это?

15

только в одной отдельно взятой теме??? попинай лучше Зебру, но мне почему-то кажется, что это нереально... хотя, если покопаться, привязаться как-то к id темы... не знаю, я в этом не очень хорошо разбираюсь...

16

Снежка* написал(а):

попинай лучше Зебру

:0 :) пошел пинать...

Отредактировано Bench (2006-11-09 01:56:28)

17

Привет!Насчет иконки уже забей я сам сделал! А вот насчет слов АДМИН,НОВИЧЁК  поговорим))) скажи как я с этим плохо разбираюсь я так со скриптами больше работаю а с этим вообще не пробывал. Так что научите меня плз))

Отредактировано iluxa (2006-11-09 08:51:37)

18

iluxa написал(а):

А вот насчет слов АДМИН,НОВИЧЁК  поговорим))) скажи как я с этим плохо разбираюсь я так со скриптами больше работаю а с этим вообще не пробывал. Так что научите меня плз))

Я думаю, тебе стоит обратить свой взор сюда :)

19

Снежка* написал(а):

Иконка в блоке статистики:

А туда статичный или анимированный гиф?
Вот то, что я вставляю, но не отображается...

#pun-stats ul.container {
background: transparent url(http://gorod.4bb.ru/uploads/gorod/2_Go_go.gif) no-repeat 40px 40px;
background-repeat: no-repeat;
padding-left: 51px;

20

в первоначальном варианте:

#pun-stats ul.container {
background: transparent url(http://gorod.4bb.ru/uploads/gorod/2_Go_go.gif) no-repeat 10px 26px;
background-repeat: no-repeat;
padding-left: 51px;
}

все работает, надо еще поиграться с отступами в пикселях

Игорь, а попробуй поменять скин форума, возможно, в этом глюк?
ну, вот возьми, и попробуй скин мубб, потому как в нем у меня идет человечек....

21

Я поэкспериментировала :)

Снежка* написал(а):

no-repeat 10px 26px;

где 10 - это отступ от левого края
где 26 - это отступ от верха контейнера, т.е. примитивно - от слова "Статистика"

Снежка* написал(а):

padding-left: 51px;

а тут 51 - это отступ от левого края всего текста статистики, слов всех этих

22

Проблема в Опере... ИЭ и Мозилла все выдают нормально. кстати, стиль мубб самый безглючный оказался. Ставил иконки - не вижу... захожу в гостях - вижу. По умолчанию - мубб, а у меня в профиле - классик. Кстати, у Вас на форуме поставил мубб - столько всего нового обнаружилось, а зашел в ИЭ, так и курсор со снежинкой увидел... Спасибо за подсказки и помощь! Я долгонько ковырялся в настройках, а потом у Вас тут читал темы, пока нашел нужное.

23

Ну, у меня тоже Опера. ИМХО, просто многие стили глючные. Брала на выбор 10 случайных стилей, примерно в 7 не показывались иконки к разделам, Классик в том числе их не показывает :(

24

Кстати, поэксперементировал со скриптами!
<background-color : #ХХХХХХ> - вот что добавил В скрипты "форум открыт***дней" и "приветствие по времени суток" стало на цветном фоне а не на белом.
Правда дополнил еще :

#pun-title table {
background-color : #ХХХХХХ;
}

#pun-title h1 {
background-color : #ХХХХХХ;
}

ну это уже контрольный в голову! ХХХХХХ - код цвета по выбору.

25

Но странно, в Опере всё красиво вышло а в ИЭ нет фонового цвета...

26

Вопрос снимаю, разобрался сам.