Создание дизайна для форума ролевой игры

В этой статье мы расскажем как самостоятельно без особых знаний создать уникальный дизайн для форума. Вам даже не потребуется умение работать с программой типа Фотошопа.
Изучим Генератор стилей. С его помощью можно сгенерировать свой стиль. Он располагается здесь.
Перед Вами откроется псевдофорум, попробуйте нажать на любую ссылку и сами поймёте...

Кроме того, открылась так же небольшая табличка... С ней-то и предстоит работать.
На этой табличке несколько вкладок. Перечислю их для тех, кто в упор ничего не видит, или сомневается, что нашёл именно то:

  • - Основное;
  • - Разное;
  • - Стили ссылок;
  • - Стили меню.

Необходимо на каждой из вкладок настроить параметры под себя. Сейчас я расскажу Вам о том, для чего какой параметр нужен и какие значения может принимать. А Ваша задача расставить "птички" в нужных пунктах и нажать на кнопочку... Но обо всём по порядку...
Итак, разбор будем вести по каждой из вкладок по-отдельности...

Основное.

"Сгенерировать стиль основываясь на цвете" - будет указывать на основной цвет стиля... То есть это будет основным цветом оформления, а все элементы форума будут различаться оттенками от главного цвета. Например, фон под меню будет чуть светлее, фон под таблицей - потемнее, но оттенок у всех одинаков!

"Основной цвет" - собственно, рядом мы видим два поля... И думаю понятно, что тут и выбирают главный цвет. Для тех, кто не понял, как его сменить, объясню... Жмём на кнопочку "Изменить" рядом с окошечком... Вылезает табличка со всевозможными оттенками, Вам надо только кликнуть по понравившемуся и всё. Если вы не нашли нужного из представленных, или же хотите слегка изменить имеющиеся - смотрим на верхушку этой таблички и жмём на "Color slider" и передвигаем ползунки, изменяя интенсивности R - красного; G - зелёного; B - синего. А затем просто кликаем по получевшемуся цвету - и опа, он в наборе! Вторая вкладка "Named colors" укажет Вам на название каждого цвета. Авось, пригодится... Кстати, заметьте, для каждого цвета показан его цифровой код. Закрыть палитру нажатием на крестик рядом со вкладками, а то некоторые не увидев его будут чертыхаться, мол мешает эта палитра....

Но цвет Вы выбрали, а ничего не изменилось... В чём причина? Пониже видим кнопку "Генерация"... Жмём на неё без боязни, тем самым приводя в действие наши настройки! Две кнопочки, которые идут ниже, мы пока оставим без внимания...

Не сказали мы ещё о двух пунктах "Инвертировать". Они пригодятся для того, если Вы хотите, чтоб светлые цвета стали тёмными, а тёмные - светлыми... Ну Вы же наверное слышали про инверсию... Для тех, кто не слышал - ставим галочки и жмём "Генерация"...

Разное.

"Основной цвет" - цвет основных элементов форума. На этой и последующих вкладках нет кнопки "Генерация", поэтому цвета меняются мгновенно, при выборе цвета из палитры.

"Внешние границы" - этим пунктом мы выбираем цвет для всех внешних границ, то есть вокруг каждого из элементов форума (логотипа, меню, главной таблицы, статистики форума и т. д.)

"Цвет фона" - установим цвет для главного фона форума.

"Шапка форума" - выбираем цвет для шапки форума (там, где у стандартных стилей стоит логотип).

"Текст в шапке" - не трудно догадаться, где меняется цвет текста (подсказка, в шапке).

"Меню навигации" - давайте-ка сделаем фон для основного меню форума (это там, где Форум, Участники, Поиск, ну и далее по списку...)

"Шапка таблицы" - сейчас мы взялись менять цвет шапки форума (помните, там ещё написано Форум, Тем, Сообщений, Последнее сообщение).

"Цвет фона таблицы" - меняем цвет первого и четвёртого (или кому так трудно воспринимать, то самого левого и самого правого) столбца главной таблицы форума.

"Внутренние рамки" - аналогично когда-то мы меняли внешние рамки. Так вот, эти рамки будут располагаться внутри элементов. Например, этими рамками разграничены ячейки главной таблицы.

"Текст форума" - определяем цвет текста.

"Есть новые сообщения" - цвет иконки - квадратика, который указывает тему, где есть новые сообщения.

"Нет новых сообщений" - аналогично предыдущему, только в этом случае для тем, в которых нет новых сообщений.

"Заголовки форума" - цвет фона под категориями. То есть под общим заголовком каждого из блоков главной таблицы.

"Цвет текста заголовков" - и наконец меняем цвет текста там, где до этого изменялся фон.

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



Стили ссылок.

Cсылки не приравниваются к тексту на форуме и их параметры мы будем изменять здесь и сейчас.

"Начальное состояние " - обозначает состояние ссылки, когда на неё не наведена мышь.

"Цвет" - красим все ссылки на форуме в цвет, который Вы выберете на палитре.

"Стили" - можно сделать ссылки на форуме жирным текстом или курсивом, а возможно и задействовать эти два параметра одновременно... На Ваш вкус!

"Подчёркивание" - некоторые не видят ссылок, поэтому любят, чтоб они подчёркивались. Как раз для таких и создан данный параметр. И даже есть варианты, как подчёркивать:

  • - Обычное - одной, сплошной чертой;
  • - Точечной - подчёркивание одной чертой, которая состоит из точек (это скорее тире, чем точки).
  • - Нет - кому подчёркивание ссылок не требуется.

"Цвет подчёркивания" - определит цвет линии (или точек (тире)), которыми будут подчёркиваться ссылки. Можно выбрать, чтоб подчёркивание было одного цвета ссылкой или же своего цвета.

"Фон под ссылкой" - тут можно установить фон под ссылками (они как бы будут обведены маркером). Снимите галочку с "Нет", если хотите, чтоб фон появился или оставьте на месте, чтоб фон не появлялся.

"При наведении курсора "
А тут мы настроим все параметры ссылок при наведении на них курсора. Если Вы заметили, то пункты там абсолютно идентичны, поэтому не будем переписывать одно и то же дважды. Смотрим выше и творим, наводим курсор, смотрим.



Стили меню.

Тут сменим ссылки в главном меню форума (это там, где Форум, Участники, Правила, Поиск, Регистрация, Войти).

Вот и всё - стиль создан. Теперь вернёмся на самую первую вкладку, где мы в самом начале не сказали о назначении двух кнопок.

"Сохранить стиль" - выдаст Вам готовый код полученного стиля. Получив его, идём на форум, в Администрирование/Свой стиль и там ставим его во второе окно (в первом ничего не меняем!). Затем нажать "сохранить"

"Случайный стиль" - на сей раз менять параметры будете не Вы, а машина. И выдавать готовые стили, авось какой Вам и понравится. Эту кнопку можно жать неоднократно, тем самым каждый раз будет предложен новый стиль.