Старый 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.12.2012, 12:44 #21 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Автоспец Посмотреть сообщение
Я взял свою картинку, назвал её "vbulletin3_logo_white.gif" и заменил ей существующую.
Ну правильно. Это самое простое действие
Veter вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 20:04 #22 (Ссылка)
Местный
Дополнительная информация
По умолчанию

Где именно (в каком шаблоне) лежит картинка шапки vbulletin3_logo_white.gif?
Автоспец вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 20:11 #23 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Не в шаблоне, а в папке.
\images\misc\
Veter вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 20:20 #24 (Ссылка)
Местный
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Veter Посмотреть сообщение
Не в шаблоне, а в папке.
\images\misc\
Это понятно, но я хочу её отцентровать. А теги центр не знаю куда поставить, ведь она стоит слева по дефолту.
Автоспец вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 23:49 #25 (Ссылка)
Профи
Дополнительная информация
По умолчанию

Автоспец, я же писала выше тот код. что отвечает за лого.

Код:

Блок отключен
Шаблон header разумеется. Но ссылки там нет - там только переменная. Хочешь - замени на ссылку.
Ночная странница вне форума   Ответить с цитированиемОтветить с цитированием
Пользователь сказал cпасибо:
Автоспец (19.12.2012)
Старый 13.01.2013, 21:06 #26 (Ссылка)
Вебмастер
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Ночная странница Посмотреть сообщение
Вообще там очень много интересного можно задать. Например, отдельные директории для изображений стиля, это пригодится, если вы надумаете менять иконки. Чтобы у разных стилей они не дублировали друг-друга, смените в опциях стиля директории, не забыв создать нужные папки на хостинге и залить в них нужные изображения.
Пробовала менять конвертики. Сохраняла в .gif
Заливала в папку statusicon нового стиля, а иконки не поменялись.
Что делать?
джинася вне форума   Ответить с цитированиемОтветить с цитированием
Старый 13.01.2013, 21:27 #27 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

джинася, сперва подождите немного. Новые иконки бывают появляются не сразу, а через какое то время. Кэш хостинга, кэш провайдера.
Но это при условии, что вы все сделали правильно
Veter вне форума   Ответить с цитированиемОтветить с цитированием
Пользователь сказал cпасибо:
джинася (13.01.2013)
Старый 13.01.2013, 21:46 #28 (Ссылка)
Модератор
Дополнительная информация
По умолчанию



ещё у воблы кэш есть!
lukamal вне форума   Ответить с цитированиемОтветить с цитированием
3 пользователя(ей) сказали cпасибо:
Helenka (26.05.2013), Veter (13.01.2013), джинася (13.01.2013)
Старый 13.01.2013, 22:52 #29 (Ссылка)
Вебмастер
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Veter Посмотреть сообщение
Но это при условии, что вы все сделали правильно
Все,изменились.
джинася вне форума   Ответить с цитированиемОтветить с цитированием
Старый 11.03.2013, 13:39 #30 (Ссылка)
Вебмастер
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Ночная странница Посмотреть сообщение
выбираете пункт "Нет родительского стиля". И ваш клон совершенно отделен и готов к экспериментам.
а если нет?
Дочерний будет влиять на родительский?

Добавлено через 7 минут
Цитата:
Сообщение от Прометей Посмотреть сообщение
Не обязательно так делать: посмотрите как это сделано на дефолтном стиле: кликабельная картинка Лого (которая занимает не так много места) и картинка фона. Ширина которого задаётся в процентах. Этим и достигается "резиновость".
т.е. вместо лого можно поставить любого размера картинку, а картинка фона сама ужмется? Или надо ставить 0% ?

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

Код:

Блок отключен
Шаблон header разумеется. Но ссылки там нет - там только переменная. Хочешь - замени на ссылку.
(какую переменную надо заменить на ссылку?)
другими словами вместо копирования и замены лого, можно просто ссылку на картинку, которая стоит в другом месте?
И в следующий раз, для замены, достаточно поменять картинку на месте ссылки?(и все это не залезая в админку форума)

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

Опции темы

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

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


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

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

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

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

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