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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит
RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


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

Перейти вниз

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

Сообщение автор Dana Domirani в Август 30th 2012, 21:14

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

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

Включите Продвинутый режим:
Как научиться делать свои собственные стили? Snap0013

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

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

[увеличить изображение]
Как научиться делать свои собственные стили? Snap0039


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

В Па > Оформление > Картинки и цвета > Цвета можно перекрасить основные элементы.
Как научиться делать свои собственные стили? Snap0037

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

Для дизайна форума достаточно использовать 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 и В помощь веб-мастеру. Кроме этого, не забывайте о поиске в Интернете.


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Вернуться к началу


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