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

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

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

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


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

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

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


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

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


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

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

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

• Сборник готовых цветовых схем
  http://kuler.adobe.com/
  
• Генератор цветовых схем для сайта
  http://colorscheme.ru/
  

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