Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Июль 14th 2024, 09:47
» На форуме Пропали кнопки модерации тем
автор лексей2222 Июль 1st 2024, 20:26
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11
» Пакеты Forum 2x2
автор Dana Domirani Май 6th 2024, 14:11
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
Как научиться делать свои собственные стили?
Страница 1 из 1
Как научиться делать свои собственные стили?
Как заменить стандартные изображения на свои?
Зайдите в Панель администратора.
Включите Продвинутый режим:
![Как научиться делать свои собственные стили? Snap0013](https://i.servimg.com/u/f62/15/82/36/69/snap0013.jpg)
Перейдите в Па > Оформление > Картинки и цвета > Управление картинками — Продвинутый режим — тут можно загрузить основные изображения для оформления форума:
[увеличить изображение]
![Как научиться делать свои собственные стили? Snap0039](https://i.servimg.com/u/f34/16/54/26/99/snap0039.jpg)
Где изменить цвета (фона, заголовков таблиц, полей сообщения и пр.)?
В Па > Оформление > Картинки и цвета > Цвета можно перекрасить основные элементы.
![Как научиться делать свои собственные стили? Snap0037](https://i.servimg.com/u/f34/16/54/26/99/snap0037.jpg)
Как подобрать удачную цветовую палитру?
Для дизайна форума достаточно использовать 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 код выбранного фрагмента форума и экспериментировать с его свойствами. У разных браузеров есть разные встроенные инструменты:
Читайте подробнее о них тут: Тестирование и отладка кода
Добившись желаемого результата во временных настройках, скопируйте готовый css или html код непосредственно на форум.
Где находится CSS форума?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
Где искать основные html-шаблоны форума?
ПА > Оформление > Шаблоны > Общие настройки
В теме Полезные ссылки изучите разделы Генераторы стилей CSS3 и В помощь веб-мастеру. Кроме этого, не забывайте о поиске в Интернете.
Зайдите в Панель администратора.
Включите Продвинутый режим:
![Как научиться делать свои собственные стили? Snap0013](https://i.servimg.com/u/f62/15/82/36/69/snap0013.jpg)
Перейдите в Па > Оформление > Картинки и цвета > Управление картинками — Продвинутый режим — тут можно загрузить основные изображения для оформления форума:
- лого
- фон форума
- фон заголовков категорий
- кнопки меню навигации
- иконки категорий и форумов (есть новое / нет нового / закрыто)
- иконки тем (новое, нет нового, закрыто, популярное, объявление)
- иконки сообщений (присваиваются темам, например, как иконка
)
- мини-иконки (участие в теме, переход к последнему сообщению и пр.)
- кнопки тем и сообщений (новая тема, ответить, правка - цитата - удалить и пр.)
- кнопки профиля (лс, сайт, e-mail, icq и пр.)
- кнопки галереи (загрузить изображение и пр.)
[увеличить изображение]
![Как научиться делать свои собственные стили? Snap0039](https://i.servimg.com/u/f34/16/54/26/99/snap0039.jpg)
Где изменить цвета (фона, заголовков таблиц, полей сообщения и пр.)?
В Па > Оформление > Картинки и цвета > Цвета можно перекрасить основные элементы.
![Как научиться делать свои собственные стили? Snap0037](https://i.servimg.com/u/f34/16/54/26/99/snap0037.jpg)
Как подобрать удачную цветовую палитру?
Для дизайна форума достаточно использовать 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-шаблоны форума?
ПА > Оформление > Шаблоны > Общие настройки
В теме Полезные ссылки изучите разделы Генераторы стилей CSS3 и В помощь веб-мастеру. Кроме этого, не забывайте о поиске в Интернете.
![Как научиться делать свои собственные стили? Userba12](https://i.servimg.com/u/f37/11/71/42/99/userba12.png)
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
![-](https://illiweb.com/empty.gif)
» Собственные условия регистрации
» Собственные картинки для разделов
» Право редактировать собственные сообщения.
» Стили
» Стили
» Собственные картинки для разделов
» Право редактировать собственные сообщения.
» Стили
» Стили
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения