Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как научиться делать свои собственные стили?

Предыдущая тема Следующая тема Перейти вниз

Как научиться делать свои собственные стили?

Сообщение автор Dana Domirani в Чт 30 Авг - 21:14

Как заменить стандартные изображения на свои?

Зайдите в Панель администратора.

Включите Продвинутый режим:


Перейдите в Па > Оформление > Картинки и цвета > Управление картинками — Продвинутый режим — тут можно загрузить основные изображения для оформления форума:

  • лого
  • фон форума
  • фон заголовков категорий
  • кнопки меню навигации
  • иконки категорий и форумов (есть новое / нет нового / закрыто)
  • иконки тем (новое, нет нового, закрыто, популярное, объявление)
  • иконки сообщений (присваиваются темам, например, как иконка solved)
  • мини-иконки (участие в теме, переход к последнему сообщению и пр.)
  • кнопки тем и сообщений (новая тема, ответить, правка - цитата - удалить и пр.)
  • кнопки профиля (лс, сайт, e-mail, icq и пр.)
  • кнопки галереи (загрузить изображение и пр.)

[увеличить изображение]


Где изменить цвета (фона, заголовков таблиц, полей сообщения и пр.)?

В Па > Оформление > Картинки и цвета > Цвета можно перекрасить основные элементы.


Как подобрать удачную цветовую палитру?

Для дизайна форума достаточно использовать 3-4 основных цвета

1. Воспользуйтесь онлайн-сервисами:

2. Если Вы уже точно определитесь, какое у Вашего форума будет лого (шапка), попробуйте загрузить его в Определитель колористической схемы онлайн: http://www.colorhunter.com — получите набор базовых цветов, которые можно будет использовать в оформлении.

3. Почитайте материалы сайта Все о цвете: эмоциональное восприятие цвета

4. Подсмотрите, как оформлены другие форумы/сайты, например в каталогах с шаблонами.

Как сделать сложное оформление? Как копировать сложный красивый стиль?

Для начала изучите основы HTML и CSS, чтобы понять, как достигается тот или иной эффект:
http://htmlbook.ru/samhtml
http://htmlbook.ru/samcss

Разобравшись, как делаются, например, закругленные углы, фоны из нескольких изображений и пр. популярные приступайте к изучению структуры форума.
Используйте инструменты Web Developer или Firebug, которые позволяют смотреть html и CSS код выбранного фрагмента форума и экспериментировать с его свойствами. У разных браузеров есть разные встроенные инструменты:

  • FireFox — Firebug
  • Google Chrome — Инструменты разработчика
  • Opera — Dragonfly
  • Apple Safari — Веб-инспектор
  • Internet Explorer — Средства разработчика

Читайте подробнее о них тут: Тестирование и отладка кода

Добившись желаемого результата во временных настройках, скопируйте готовый css или html код непосредственно на форум.

Пример адаптации стиля

Где находится CSS форума?
Па > Оформление > Цвета > Каскадная таблица стилей CSS

Где искать основные html-шаблоны форума? (только для BB2 и Pun форумов)
ПА > Оформление > Шаблоны > Общие настройки

В теме Полезные ссылки изучите разделы Генераторы стилей CSS3 и В помощь веб-мастеру. Кроме этого, не забывайте о поиске в Интернете.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22455
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9053

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения