Техподдержка

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техподдержка » Свой стиль » Как из стандартного шаблона сделать "свой стиль"


Как из стандартного шаблона сделать "свой стиль"

Сообщений 1 страница 5 из 5

1

Вначале заходим на свой форум в администраторскую в "свой стиль" и отвечаем "нет" на вопрос :"Хотите ли Вы использовать собственный стиль оформления?" и внизу страницы кнопочку нажать"сохранить".

первый шаг

http://s3.uploads.ru/t/3cwPQ.jpg

Затем в той же админке идем на вкладку настройки.
В настройках отмечаем  НЕТ для Стиля пользователя  "Разрешить пользователям выбирать свой стиль оформления форума?"

шаг 2

http://s3.uploads.ru/t/ZBU5t.jpg

В тех же настройках поочередно выбираем готовые шаблоны стиля нажимая кнопку "сохранить". в поисках интересного стиля

шаг 3

http://s3.uploads.ru/t/AraGw.jpg

Затем идём на первую страницу своего форума и на клавиатуре нажимаем одновременно [Ctrl]  + U
У нас откроется страница с исходным кодом - текстом. На этой странице ищем строчку с названием того стиля, который понравился. У строчки должно быть расширение CSS примерно 48-49 строчка или рядом

шаг 4

http://s3.uploads.ru/t/1bKH6.jpg

копируем всю ссылку например http://st1.bbcorp.ru/style/nevred/nevred.css затем открываем браузер и в адресной строке вставляем адрес - открывается страница со стилем

шаг 5

http://s3.uploads.ru/t/ISzkl.jpg

Из Пуск - все программы - стандартные открываем блокнот копируем страницу из браузера в блокнот (Word-ом не желательно пользоваться) обратите внимание на раздел /* A1.1 */ в нем копируем то, что в скобках и ссылку из пункта выше заменяем после последнего слеша / текстом из скобки примерно получится http://st1.bbcorp.ru/style/nevred/nevred_cs.css вставляем в адресную строку браузера полученный результат

шаг 6

http://s3.uploads.ru/t/vePDT.jpg

Откроется страница со второй частью стиля, копируем текст этой странички в новый блокнот
Снова заходим в администрирование - свой стиль копируем из первого блокнота текст в первое окошко Структура style.css а из второго блокнота в нижнюю часть Структура style_cs.css
В верхней части первого окна заменяем в строчку на эту
/* A1.1 */
  @import url(style_cs.css);

ставим кнопку "ДА" на вопросе  Хотите ли Вы использовать собственный стиль оформления? и нажимаем внизу страницы Сохранить

шаг 7

http://s2.uploads.ru/t/MlTq0.jpg

но форум стал выглядеть не так мы выбрали в шаблоне, надо во втором окне своего стиля слегка подправить относительные ссылки на графические файлы например было
.punbb th {
   background: url(../../img/nevred/nagl2.gif) /* было */
  }

переделываем в
.punbb th {
   background: url(/img/nevred/nagl2.gif) /* СТАЛО */
  }

Если это не помогает, то также можно переделать в
.punbb th {
   background: url(../../../../img/nevred/nagl2.gif) /* ОДИН ИЗ ВАРИАНТОВ */
  }

шаг 8

http://s2.uploads.ru/t/dmTHu.jpg

Вот буквально на пальцах как из стандартного стиля можно сделать свой собственный и уже потом менять его

2

Скришноты шаблонов стилей (1)

Classic

http://s3.uploads.ru/t/5NxbM.jpg

Cobalt

http://s3.uploads.ru/t/OdX5G.jpg

Cornflower

http://s3.uploads.ru/t/Ef3ux.jpg

EpicBlue

http://s3.uploads.ru/t/3yTPN.jpg

ForumBB

http://s3.uploads.ru/t/xbs7K.jpg

Holm

http://s2.uploads.ru/t/8WAEK.jpg

Lisa

http://s3.uploads.ru/t/fGKTv.jpg

Lithium

http://s3.uploads.ru/t/I50p7.jpg

Maxff_Space

http://s3.uploads.ru/t/31Vy9.jpg

Mercury

http://s2.uploads.ru/t/Ru9IP.jpg

3

Скришноты шаблонов стилей (2)

Minima

http://s7.uploads.ru/t/9RVui.jpg

Music forum

http://s6.uploads.ru/t/P1Xez.jpg

Mybb 2inColor

http://s7.uploads.ru/t/6y9XV.jpg

Mybb 3X

http://s7.uploads.ru/t/qx80Y.jpg

Mybb Accent

http://s7.uploads.ru/t/RwL9o.jpg

Mybb Achtung

http://s7.uploads.ru/t/EobAN.jpg

Mybb Acid Tech

http://s7.uploads.ru/t/FNPGK.jpg

Mybb Acid Tech Blood

http://s6.uploads.ru/t/7qNY6.jpg

Mybb Acid Tech Green

http://s7.uploads.ru/t/wfgKh.jpg

Mybb Acid Tech Purple

http://s6.uploads.ru/t/Ho6sr.jpg

4

Скришноты шаблонов стилей (3)

Mybb Acid Tech Tiger

http://s7.uploads.ru/t/nL4V1.jpg

Mybb Air

http://s7.uploads.ru/t/nMQjO.jpg

Mybb Alien Talk

http://s7.uploads.ru/t/wTSuZ.jpg

Mybb Ambience

http://s7.uploads.ru/t/xwG6h.jpg

Mybb Amulet

http://s7.uploads.ru/t/rs7q6.jpg

Mybb AndGray

http://s7.uploads.ru/t/3fvdq.jpg

Mybb Animated

http://s7.uploads.ru/t/kUVtA.jpg

Mybb Anime

http://s7.uploads.ru/t/7nhWP.jpg

Mybb Apple

http://s6.uploads.ru/t/S8lpq.jpg

Mybb Applied

http://s7.uploads.ru/t/7Quev.jpg

5

Не меняется полностью шаблон !
Как по описанному сделал.
Пробовал на разных шаблонах , не выходит полностью менять ....
Графические элементы пропадают и иконки


Вы здесь » Техподдержка » Свой стиль » Как из стандартного шаблона сделать "свой стиль"