Форум вебмастеров

Шаблоны vBulletin Шаблоны для форумов vBulletin

Ответ
 
LinkBack Опции темы
Старый 02.02.2012, 22:43 #1 (Ссылка)
Профи
Дополнительная информация
Сообщение

Создание индивидуального дизайна для vBulletin


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

Совет №1.
Не трогайте исходный стиль!

Для того, чтобы создать его копию, над которой можно будет вдоволь поэкспериментировать, достаточно зайти в админ-панель, в левом столбце найти группу ссылок "стили и шаблоны", выбрать пункт "Управление стилями". Под таблицей с имеющимися стилями появится ссылка "создать новый стиль". Создаем.

Теперь мы можем выбрать меню "Все опции стиля" и попробовать создать основу будущего индивидуального стиля.

Примечание: изображения будут использованы те же, что и на основном стиле до тех пор, пока вы не измените пути к ним. Однако, о настройках стиля - позднее.
Повторюсь:
Правило №1: Не трогайте исходный стиль! Создайте новый!


Не думаю, что найдутся те, кто спросит "почему", но я всё же отвечу: испортив дубликат, вам нужно будет всего лишь удалить его и создать ещё один. А ошибки случаются даже у самых опытных профи, так что не лучше ли подстраховаться?

Примечание 2: Если у вас несколько стилей, и вы хотите один из них использовать как основу, сначала создайте дочерний стиль именно этого стиля (всё в тех же выпадающих меню есть такая опция), а потом, зайдя в редактирование настроек нового дочернего стиля, просто выбираете пункт "Нет родительского стиля". И ваш клон совершенно отделен и готов к экспериментам.

Последний раз редактировалось Ночная странница; 12.03.2012 в 21:28.
Ночная странница вне форума   Ответить с цитированиемОтветить с цитированием
6 пользователя(ей) сказали cпасибо:
Boss (02.02.2012), inso (22.07.2014), Nyhsa (08.12.2013), Veter (03.02.2012), Viuga (03.12.2013), Аркадий 10 (03.02.2012)

Старый 18.07.2014, 21:22 #71 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Viuga Посмотреть сообщение
От стиля ли это зависит?
Нет от стиля это не зависит. Будет работать на любом.
Veter вне форума   Ответить с цитированиемОтветить с цитированием

Старый 18.07.2014, 21:25 #72 (Ссылка)
Супермодератор
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Veter Посмотреть сообщение
В некоторых стилях есть такое.
Цитата:
Сообщение от Veter Посмотреть сообщение
Нет от стиля это не зависит.
я не так поняла?
Viuga вне форума   Ответить с цитированиемОтветить с цитированием

Старый 18.07.2014, 21:42 #73 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Наверное не так поняла. В некоторых паблик стилях сделано так, как ты описала.
Veter вне форума   Ответить с цитированиемОтветить с цитированием

Старый 18.07.2014, 23:11 #74 (Ссылка)
Профи
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Viuga Посмотреть сообщение
тут же переименовываю ее в gif и закидываю на сервер.

Вот результат, она же без потери качества
браузер всё равно знает, что это PNG
в былые годы ишак бы взбрыкнул
как новые ишаки на такие подмены реагируют - хз...
Льюви вне форума   Ответить с цитированиемОтветить с цитированием

Старый 22.07.2014, 19:16 #75 (Ссылка)
Местный
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Ночная странница Посмотреть сообщение
Примечание 2: Если у вас несколько стилей, и вы хотите один из них использовать как основу, сначала создайте дочерний стиль именно этого стиля (всё в тех же выпадающих меню есть такая опция), а потом, зайдя в редактирование настроек нового дочернего стиля, просто выбираете пункт "Нет родительского стиля". И ваш клон совершенно отделен и готов к экспериментам.
Этот совет не работает. Как только убираю родительский стиль, новый стиль превращается в дефолтный. Как разорвать связь и получить копию нестандартного шаблона? Использоваться на форуме будут оба, не хочу, чтобы влияли друг на друга.
inso вне форума   Ответить с цитированиемОтветить с цитированием

Старый 23.07.2014, 20:38 #76 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Не делать стиль дочерним.
Veter вне форума   Ответить с цитированиемОтветить с цитированием
Пользователь сказал cпасибо:
inso (31.07.2014)

Старый 31.07.2014, 12:12 #77 (Ссылка)
Местный
Дополнительная информация
По умолчанию

Переделываю стиль. Столкнулся с такими вопросами:

1. В селекторе body значение фона указано
Цитата:
#292929 url(images/картинка.png) repeat-x top left
Т.е. визуально это выглядит как полоса в самом верху форума. Как сделать, чтобы данная полоса продублировалась в самом низу форума? HTML освоил довольно легко, а вот с CSS у меня туго, к тому же не совсем понимаю как правильно записать код в селектор настроек стиля.

2. Логотип сайта расположен в левом верхнем углу. Как его продублировать в правый нижний ?

Стиль дефолтный, если что.
inso вне форума   Ответить с цитированиемОтветить с цитированием

Старый 22.03.2017, 13:32 #78 (Ссылка)
Новичок
Дополнительная информация
По умолчанию

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

Резиновая шапка "по-быстрому".

Сначала рисуем шапку в фотошопе таким образом, чтобы она состояла как минимум из трех частей: левого края, центрального элемента и правого края, которые могли бы как сближаться, так и удаляться друг от друга.

В шаблоне header немного модифицируем дефолтную табличку, находящуюся между комментариями

.
Все прочитал, ничего не понял
Зашел в header, но там мне не дает код править, только можно прописать адрес к картинке, прописываю но не открывается
Короче явно я что-то не то делаю
Apchi вне форума   Ответить с цитированиемОтветить с цитированием

Старый 31.03.2017, 01:59 #79 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Apchi Посмотреть сообщение
Зашел в header, но там мне не дает код править
Это как? Не дает...
Цитата:
Сообщение от Apchi Посмотреть сообщение
Короче явно я что-то не то делаю
Может неполные админские права?
Veter вне форума   Ответить с цитированиемОтветить с цитированием

Старый 31.03.2017, 02:12 #80 (Ссылка)
Профи
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Veter Посмотреть сообщение
Может неполные админские права?
тогда не зашёл бы
Льюви вне форума   Ответить с цитированиемОтветить с цитированием

Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Вкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Услуги веб-дизайна html/css/js CDesign Дизайн и верстка 6 15.08.2019 14:15
Услуги дизайна сайтов lex86 Дизайн и верстка 33 27.08.2018 09:50
Посоветуйте вариант дизайна Nyhsa Вопросы по дизайну 10 31.07.2016 01:52
Предлагаю услуги веб-дизайна Web_Site_Design Дизайн и верстка 3 25.11.2015 16:16
Стоит ли идти на курсы дизайна? konstantin42 Web дизайн 1 24.04.2010 21:43


Текущее время: 23:02. Часовой пояс GMT +3.

Powered by vBulletin®
Copyright ©2000 - 2023, WMboard.
Перевод: zCarot
 

Форум вебмастеров

Здесь делают сайты, учатся на них зарабатывать. Ты новичок, и ничего не понимаешь в создании сайтов и в интернет заработке? Не знаешь ответа на вопрос по сайтостроению? Мучают вопросы сео оптимизации?

Не беда, присоединяйся к сообществу вебмастеров, и зарабатывай вместе с нами!