Старый 02.02.2012, 21:43 #1 (Ссылка)
Аватар для Ночная странница
Профи
 
Регистрация: 30.01.2012
Моя смс: Нельзя сказать, что я пользуюсь какой-то одной, прошла все, от vB и XenForo до WordPress и OpenCart.
Возраст: 41
Сообщений: 1,861
Записей в дневнике: 6
Сказал(а) спасибо: 1,134
Поблагодарили 982 раз(а) в 591 сообщениях
Репутация: 1138
Ночная странница Ночная странница вне форума
Профи
Дополнительная информация
Сообщение

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


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

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

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

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

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


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

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

Последний раз редактировалось Ночная странница; 12.03.2012 в 20: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, 11:44 #21 (Ссылка)
Аватар для Veter
Администратор
 
Регистрация: 01.01.1970
Адрес: На wmboard
Моя смс: vBulletin 3.x.x, DLE, WordPress, XenForo
Сообщений: 9,125
Записей в дневнике: 17
Сказал(а) спасибо: 2,036
Поблагодарили 2,646 раз(а) в 1,913 сообщениях
Репутация: 2656
Veter Veter вне форума
Администратор
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Автоспец Посмотреть сообщение
Я взял свою картинку, назвал её "vbulletin3_logo_white.gif" и заменил ей существующую.
Ну правильно. Это самое простое действие
Veter вне форума   Ответить с цитированиемОтветить с цитированием

Старый 18.12.2012, 19:04 #22 (Ссылка)
Местный
 
Регистрация: 12.09.2012
Сообщений: 101
Сказал(а) спасибо: 54
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 17
Автоспец Автоспец вне форума
Местный
Дополнительная информация
По умолчанию

Где именно (в каком шаблоне) лежит картинка шапки vbulletin3_logo_white.gif?
Автоспец вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 19:11 #23 (Ссылка)
Аватар для Veter
Администратор
 
Регистрация: 01.01.1970
Адрес: На wmboard
Моя смс: vBulletin 3.x.x, DLE, WordPress, XenForo
Сообщений: 9,125
Записей в дневнике: 17
Сказал(а) спасибо: 2,036
Поблагодарили 2,646 раз(а) в 1,913 сообщениях
Репутация: 2656
Veter Veter вне форума
Администратор
Дополнительная информация
По умолчанию

Не в шаблоне, а в папке.
\images\misc\
Veter вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 19:20 #24 (Ссылка)
Местный
 
Регистрация: 12.09.2012
Сообщений: 101
Сказал(а) спасибо: 54
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 17
Автоспец Автоспец вне форума
Местный
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Veter Посмотреть сообщение
Не в шаблоне, а в папке.
\images\misc\
Это понятно, но я хочу её отцентровать. А теги центр не знаю куда поставить, ведь она стоит слева по дефолту.
Автоспец вне форума   Ответить с цитированиемОтветить с цитированием
Старый 18.12.2012, 22:49 #25 (Ссылка)
Аватар для Ночная странница
Профи
 
Регистрация: 30.01.2012
Моя смс: Нельзя сказать, что я пользуюсь какой-то одной, прошла все, от vB и XenForo до WordPress и OpenCart.
Возраст: 41
Сообщений: 1,861
Записей в дневнике: 6
Сказал(а) спасибо: 1,134
Поблагодарили 982 раз(а) в 591 сообщениях
Репутация: 1138
Ночная странница Ночная странница вне форума
Профи
Дополнительная информация
По умолчанию

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

Код:

Блок отключен
Шаблон header разумеется. Но ссылки там нет - там только переменная. Хочешь - замени на ссылку.
Ночная странница вне форума   Ответить с цитированиемОтветить с цитированием
Пользователь сказал cпасибо:
Автоспец (19.12.2012)
Старый 13.01.2013, 20:06 #26 (Ссылка)
Аватар для джинася
Вебмастер
 
Регистрация: 13.03.2012
Сообщений: 552
Сказал(а) спасибо: 439
Поблагодарили 228 раз(а) в 117 сообщениях
Репутация: 247
джинася джинася вне форума
Вебмастер
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Ночная странница Посмотреть сообщение
Вообще там очень много интересного можно задать. Например, отдельные директории для изображений стиля, это пригодится, если вы надумаете менять иконки. Чтобы у разных стилей они не дублировали друг-друга, смените в опциях стиля директории, не забыв создать нужные папки на хостинге и залить в них нужные изображения.
Пробовала менять конвертики. Сохраняла в .gif
Заливала в папку statusicon нового стиля, а иконки не поменялись.
Что делать?
джинася вне форума   Ответить с цитированиемОтветить с цитированием
Старый 13.01.2013, 20:27 #27 (Ссылка)
Аватар для Veter
Администратор
 
Регистрация: 01.01.1970
Адрес: На wmboard
Моя смс: vBulletin 3.x.x, DLE, WordPress, XenForo
Сообщений: 9,125
Записей в дневнике: 17
Сказал(а) спасибо: 2,036
Поблагодарили 2,646 раз(а) в 1,913 сообщениях
Репутация: 2656
Veter Veter вне форума
Администратор
Дополнительная информация
По умолчанию

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



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

Цитата:
Сообщение от Veter Посмотреть сообщение
Но это при условии, что вы все сделали правильно
Все,изменились.
джинася вне форума   Ответить с цитированиемОтветить с цитированием
Старый 11.03.2013, 12:39 #30 (Ссылка)
Аватар для koil
Вебмастер
 
Регистрация: 16.01.2013
Моя смс: vB 3.8.4
Сообщений: 571
Записей в дневнике: 1
Сказал(а) спасибо: 42
Поблагодарили 97 раз(а) в 62 сообщениях
Репутация: 119
koil koil вне форума
Вебмастер
Дополнительная информация
По умолчанию

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

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

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

Код:

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

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

Опции темы

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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Какие средства для веб-дизайна используете? tepka Вопросы по дизайну 15 15.10.2012 15:42
Нужен совет для начинающих в сфере web дизайна vlc Web дизайн 24 06.05.2012 02:02
есть идея дизайна...вопрос в реализации.... Multimate Web дизайн 4 21.05.2010 04:43
Как расставить мебель в картинке дизайна? OlgaSafonova Вопросы по дизайну 3 10.05.2010 18:31
Стоит ли идти на курсы дизайна? konstantin42 Web дизайн 1 24.04.2010 21:43


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

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

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

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

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