Техническая поддержка сервиса 10bb.ru

Объявление


FAQ - Инструкция по Администрированию форума l ! FAQ - Настраиваем Дизайн(CSS) l

Ознакомтесь: правилами форума l Ответы на часто задаваемые вопросы
При поиске ответа на заданный вопрос рекомендуем пользоваться ссылкой «Найти мои сообщения».
ДА ЗДРАВСТВУЕТ ЛЕТО!!!УРА!

Весь материал защищен авторскими правами

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

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


Вы здесь » Техническая поддержка сервиса 10bb.ru » Ответы ( FAQ ) » Генератор своих стилей, особенности


Генератор своих стилей, особенности

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

1

Генератор стилей

Я хочу поменять полностью стиль форума на свой. Что для этого мне нужно?

Чтобы поменять стиль, вам нужно посетить генератор стилей сервиса mybb, который находится по этому адресу: http://mybb.ru/generator/
Вашему вниманию предлагается образец форума сервиса mybb. Почти всё здесь так же, как и у вас. За исключением контента.
Обратите внимание на окно, выпадающее впереди. Это и есть генератор. Пожалуйста, ознакомьтесь с ним внимательно. Откройте все окошки в нём (Основное, разное, стили ссылок, стили меню).
Давайте ознакомимся со всеми этими окошками внимательней. Начнём с конца.

http://ra.foto.radikal.ru/0707/12/2c1147a59328t.jpg

0

2

Окошко «Стили меню».
Все опции в «Начальное состояние».
Напротив слова «Цвет» есть графа выбора цвета. Выбрать цвет можно в списке цветов (кликнув на «изменить»), либо прописать самому html код цвета. После выбора другого цвета вы увидите, как ссылки в меню (форум, участники, правила, поиск) изменили свой цвет. Если вы хотите, чтобы названия были в виде курсива или жирного типа, то выберите нужный тип текста напротив «стили». Если вы хотите подчеркнуть меню, то выберите соответствующие пункты напротив слова «подчёркивание». При желании, вы можете оформить подчёркивание текста в меню. Для этого выберите цвет, предварительно кликнув на кнопку, напротив html кода цвета. «Фон под ссылкой», на мой взгляд, только загромождает текст. Но если вы удачно подобрали цветовую гамму, то операция будет аналогичной предыдущей.
Давайте теперь разберёмся с оформление при наведении курсора. Всё ниже слова «При наведении курсора» посвящено именно этому.
Выбрав цвет, не забудьте проверить его работу, наведя мышкой на меню форума. При наведении стрелки, цвет текста изменится. Если вас устроит такой текст, то вам ничего не мешает продолжить работу со стилем. Как обычно, предоставлены два типа: жирный и курсив. Проделайте аналогичную операцию и проверьте. Подчёркивание, цвет подчёркивания и фон под ссылкой ничем не отличается, как и в Начальном состоянии.

0

3

Теперь рассмотрим окно «Стили ссылок».

Начальное состояние.
Изменив цвет, мы увидим, что цвет названия разделов, имена модераторов и некоторые ссылки внизу меню изменяют свой цвет на тот, который вы выбрали.

При наведении курсора будет похожая операция. Для проверки не забудьте навести на текст курсор.

http://rh.foto.radikal.ru/0707/a4/ba8a6b6e8e25t.jpg

0

4

А теперь я расскажу вам об окне «Разное», в котором происходят основные изменения в дизайне форума.
Итак. Начнём с самого начала: 1. основной цвет. Выбрав цвет из списка, или написав html код цвета, вы увидите изменения, которые произойдут на фоне приветствия: «Привет, Гость! Войдите или зарегистрируйтесь».
2. Цвета, выбранные в поле «Внешние границы» отвечают за рамки всего форума. Если выбрать подходящие цвета, например, жёлтый фон, чёрные рамки, то рамки будут очень хорошо видны.
3. Цвет фона отвечает за фон всего форума, всего. Но вы можете изменить его, вставив html код своего фона в настройки.
4. Выбрав цвет в поле «шапка форума», изменится цвет фона, на котором находится «Форум технической поддержки», а также рекламный баннер.
5. Цвет текста в шапке отвечает за цвет надписи «Форум технической поддержки»
6. Обратите внимание на цвет фона «Меню навигации». Он отвечает за фон, на котором расположены надписи «Форум, участники, поиск» и т.д.
7. Шапка таблицы отвечает за цвет внизу названия категории.
8. Если вы хотите изменить фон, на котором расположено описание форума, его модераторы, то выберете цвет фона в настройках «Цвет фона таблицы»
9. Внутренние рамки отвечают за цвет рамок в таблице форума.
10. Цвет в поле «текст форума» отвечает за цвет текста «Этот форум предназначен для извещения пользователей о всех изменениях, нововведениях в сервисе…»
11. Поле «Есть новые сообщения» отвечает за цвет иконки, которая уведомляет пользователя о том, что в этом форуме есть новые сообщения.
12. Поле «Есть новые сообщения» аналогично предыдущему, только с точностью да наоборот.
13. Поле «Заголовки форума» отвечает за цвет фона, на котором написано название категории.
14. «Цвет текста заголовков» отвечает за цвет названия категорий.
15. Стиль заголовков отвечает за стиль текста названия категорий.

http://rf.foto.radikal.ru/0707/00/1bf6e8ecc3d4t.jpg

0

5

Выбрав все нужные вам настройки, вы переходите в окно «основное» и нажимаете на кнопку «Сохранить». Вам открывается окно, в котором находится html код вашего стиля. Копируете его, идёт в админку, нажимаете на «стиль», в поле «свой стиль» вы выделяете «Да» и вставляете код в окно «Файл _cs.css». Сохранение. Любуйтесь новым дизайном. :)

http://rf.foto.radikal.ru/0707/1c/e12b6bc114d3t.jpg

http://rf.foto.radikal.ru/0707/95/b3fc6c4406c0t.jpg

0

6

Баги со старыми стилями или Когда в админке ничего не видно
Имеется ввиду описание полей в администрировании. По недосмотру дизайнера в некоторых старых стилях цвет шрифта в админке сливается или даже совпадает с цветом фона. Отчего не очень удобно.
Исправляем по шагово:

1. Идем к себе в Профиль-Отображения. Находим в списке стилей интересующий нас стиль. Переписывам в точности (а лучше копируем) его название. Там, где в названии имееются пробелы (например, Mybb Blue Sky), все пробелы заменяем нижним подчеркиванием _ .

2. Переходим к адресной строке. В ней набираем следующее:

http://адрес вашего форума/style/Название стиля/Название стиля.css

Например, для этого форума со стилем Мубб Блю скай получится следующее:

http://forum.mybb.ru/style/Mybb_Blue_Sky/Mybb_Blue_Sky.css

Если вы не сильно рылись в настройках компа, длжен вылезти файл блокнота.

3.Копируем АБСОЛЮТНО ВСЕ, что там находится, идем в Админку-Стили, вставляем это в ВЕРХНЕЕ ОКНО.

4. Снова к адресной строке.
Вводим

http://адрес вашего форума/style/Название стиля/Название стиля_cs.css

Например, для этого форума со стилем Мубб Блю скай получится следующее:

http://forum.mybb.ru/style/Mybb_Blue_Sky/Mybb_Blue_Sky_cs.css

Выскочит еще один файл.

5. Копируем АБСОЛЮТНО ВСЕ, что есть во втором файле, идем в Админку-Стили, вставляем это в нижнее окно.

6. В нижнем окне находим словосочетание

.punbb-admin #pun-admain .adcontainer

Оно, скорее всего, будет идти через запятую с другими элементами.

Вырезаем его с прежнего места (не забыв удалить лишние запятые), вставляем под ближайшей } скобкой.

7. Копируем то, что находится в стоящих ТЕПЕРЬ над нашим словосочетанием скобках { } вместе со скобками.
Вставляем после нашего словосочетания.

8. Там, где в скобках

color: #...

Меняем цвет на нужный нам цвет шрифта.

На примере стиля Mybb Blue Sky эта процедура выглядит следующим образом.

Находим

.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #CDCDC1;
  color: #000;
  }

Вырезаем, всталяем вниз

.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #CDCDC1;
  color: #000;
  }
.punbb-admin #pun-admain .adcontainer

Копируем и вставляем то, что в скобках

.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #f2f2f2;
  color: #000;
  }
.punbb-admin #pun-admain .adcontainer {
  background-color: #f2f2f2;
  color: #000;
  }

9. НЕ ЗАБЫВАЕМ ОБРАТИТЬ ВНИМАНИЕ НА ТО, ЧТО ПОД ОКНАМИ СТИЛЯ В АДМИНКЕ.

В первом окне cтроку: @import url(Default_cs.css);
Необходимо заменить на: @import url(ваш форум_cs.css);

С той сноской, что вместо @import url(Default_cs.css); в верхнем окне вы найдете @import url(Наш стиль_cs.css);
Его надо заменить согласно инструкции под окнами.

10. Не забываем выбрать опцию Испольбзовать свой стиль.

11.Жмем сохранить. Гуляем.

Спасибо Zebra'e)

0


Вы здесь » Техническая поддержка сервиса 10bb.ru » Ответы ( FAQ ) » Генератор своих стилей, особенности


© 10bb.ru