Установка шапки на XenForo

  • Автор темы Nyhsa
  • 27945
  • Обновлено
  • 26, Nov 2013
  • #1
Друзья, мой вопрос состоит в следующем, хочу поставить свою шапку на форум ксеньки.

Но как это правильно сделать?

Есть раздел в ПУ "Шапка" (header),тут можно поменять фон (это я знаю как сделать), но далее идет строчка "Изображение", вот тут-то и возникает вопрос как вставлять)).

Я рассуждаю так, для начала шапку мою (она есть у меня уже) нужно загрузить в корень сайта, опять вопрос куда именно? В какую папочку и т.д? И как потом в строке "изображение" прописать этот путь??

Помню вот это сообщение от Ветра
Veter:
Заменить логотип в дефолтном шаблоне вообще нет проблем. Обычной заменой картинки. Я на хреньке не пробовал, но в вобле даже размер не имеет значения. На вобле самый простой вариант:
Делаем свою картинку в том же формате
Обзываем ее также, как и существующее лого
Заменяем на хостинге.

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

Если сделать большую, как шапку.

То будет шапкой.

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

Но, просто и доступно.
Можно было и в теме о шаблоне задать вопрос, но я подумала, что отдельная тема будет все же удобнее. Если кто знает или может помочь в данном вопросе, поделитесь опытом (желательно, с подробным инструктажом) если не затруднит
Вот логотип убрала, (планирую его вообще не ставить) на месте логотипа остался квадратик (убирать его где интересно??? Высоту увеличила с 50 рх до 150 (разобралась без проблем)




Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 10, Dec 2013
  • #2
Так теперь по шапке, обнаружила один баг, не во всех браузерах шапка отображается. В мозилле вместо шапки вот это






В опере и хроме нормально Исправила, путем Обновления стиля, через браузер Мозилла.
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 10, Dec 2013
  • #3
Veter:
Нужно было кэш просто очистить
Что бы я без тебя делала? Кэш мне лень чистить) потом пароли по новой вводить
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 10, Dec 2013
  • #4
А при чем тут кэш и пароли? :shok: Мухи отдельно, котлеты отдельно.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 10, Dec 2013
  • #5
Veter:
А при чем тут кэш и пароли?
Мухи отдельно, котлеты отдельно.
ты про кэш чего браузера?
Я когда кэш браузера чищу, у меня все визуальные закладки и все пароли чистятся, я про это.
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 10, Dec 2013
  • #6
Да, вопрос же был что шапка в браузере не отображается.
Nyhsa:
Так теперь по шапке, обнаружила один баг, не во всех браузерах шапка отображается. В мозилле вместо шапки вот это

В опере и хроме нормально
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 17, Dec 2013
  • #7
Всё сделал по вашей инструкции а не тут то было посмотрите чё получилось: Что мне делать ?

 

batman1


Рег
08 Mar, 2012

Тем
24

Постов
99

Баллов
339
  • 17, Dec 2013
  • #8
batman, что то новенькое))точно по инструкции делали? У меня все встало с первого раза, без всяких проблем. Опишите детально, что и как именно Вы делали, попробуем разобраться
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 17, Dec 2013
  • #9
Я в точ в точ как вы описали я так и сделал и когда я загрузил новый логотип он уже выходил за рамки как в картинке и когда выставил в центр точно так же выходит за рамки кортинка. Скорее всего надо расширить ширину чтоб картинка не выходила за рамки только я незнаю как это сделатьardon:
 

batman1


Рег
08 Mar, 2012

Тем
24

Постов
99

Баллов
339
  • 18, Dec 2013
  • #10
Nyhsa:
Высоту увеличила с 50 рх до 150 (разобралась без проблем)
Да вы правильно написали до меня только дошло высоту надо увеличеть но у меня только в родном шаблоне не увеличивается высота а в другом стиле увеличевается а логотип не видно остался квадратик
 

batman1


Рег
08 Mar, 2012

Тем
24

Постов
99

Баллов
339
  • 21, Dec 2013
  • #11
batman:
Да вы правильно написали до меня только дошло высоту надо увеличеть но у меня только в родном шаблоне не увеличивается высота а в другом стиле увеличевается а логотип не видно остался квадратик

batman, так я не поняла, встала шапка Ваша или нет? По идее если Вы замену логотипа произвели (перезаписали его) то у вас не должно быть никакого квадратика. Скиньте что у вас получилось, вместе посмотрим)) Добавлено через 57 секунд
batman:
чтоб картинка не выходила за рамки только я незнаю как это сделать

batman, вроде все подробно расписала)))
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 22, Dec 2013
  • #12
Может я вам пароль и логин дам в личку от админки моего сайта всё равно этот сайт пробный и он на бесплатном хостинге установлен а вы там мне настроите?
 

batman1


Рег
08 Mar, 2012

Тем
24

Постов
99

Баллов
339
  • 22, Dec 2013
  • #13
batman:
Может я вам пароль и логин дам в личку от админки моего сайта всё равно этот сайт пробный и он на бесплатном хостинге установлен а вы там мне настроите?

batman, для начала думаю, тебе версию надо другую поставить. Вот тут посмотри
https://lumtu.com/xenforo/4311-skachat-xenforo.html

а тут инструкция по установке
https://lumtu.com/xenforo/4312-kak-ustanovit-forum-xenforo-na-hosting.html

batman, ну смотри дорогой)))) ты почему не поменял в шаблоне коды которые я показывала в инструкции??? вот здесь ты ни один из кодов не заменил,






во вторых, для того чтобы высоту шапки поменять, нужно было в настройках стиля изменить высоту логотипа у тебя по умолчанию стояла стандартная высота 50рх, а нужно было поменять на свою, я поставила тебе 150рх






все встало. Мне вот интересно где ты коды менял?
Я тебе коды заменила, высоту лого поменяла теперь сам корректируй как тебе больше нравится) Если высоту логотипа сделаешь 200рх, то шапка вниз опустится, если меньше то выше поднимется))
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 27, Nov 2013
  • #14
Nyhsa, старая шапка одной картинкой, или нарезанная? Самое простое это переименовать название картинки шапки в имя бывшего логотипа с таким же расширением.

А затем залить картинку туда где был логотип.

При необходимости поправить размеры в шаблоне хедера. Если же делать правильно, то я бы почитал темки https://lumtu.com/shablony-vbulletin/2471-sozdanie-individual-nogo-dizaina-dlya-vbulletin.html

и https://lumtu.com/nachinayuschii-koder/4316-kak-vstavlyat-kartinki-i-regulirovat-ih-razmer-v-html.html

Общие принципы везде одинаковы.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 22, Dec 2013
  • #15
Спасибо вам огромное всё равно я гдето ошибся
batman, ну смотри дорогой)))) ты почему не поменял в шаблоне коды которые я показывала в инструкции???
Я все коды вставлял но потом после неудачной попытки востановил вновь в исходное положение и старые коды вернулись Убедительная просьба вам я скоро перехожу на платный хостинг вы мне поможете с шапкой также как вы сделали сейчас?
 

batman1


Рег
08 Mar, 2012

Тем
24

Постов
99

Баллов
339
  • 27, Nov 2013
  • #16
Veter:
старая шапка одной картинкой, или нарезанная?

Veter, одной картинкой.
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 22, Dec 2013
  • #17
batman:
Я все коды вставлял но потом после неудачной попытки востановил вновь в исходное положение и старые коды вернулись
тогда понятно почему все коды были старые)
batman:
Убедительная просьба вам я скоро перехожу на платный хостинг вы мне поможете с шапкой также как вы сделали сейчас?

batman, знаете совсем еще недавно, я точно так же просила поставить мне какой то плагин, я к чему веду, смысл в том, чтобы самому попытаться разобраться и научиться) но я конечно помогу чем смогу, если у тебя вновь возникнут трудности с установкой шапки.

А вообще если внимательно будешь читать инструкцию, то все обязательно получится) Удачи тебе)
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 04, Jan 2014
  • #18
Привет Всем! Читал вас , читал) Подскажите, как убрать синие квадратики побокам в шапке http://worldofcheats.url.ph/

. Фон ставил тоже по вашей инструкции
 

fannyfan


Рег
03 Jan, 2014

Тем
1

Постов
8

Баллов
18
  • 27, Nov 2013
  • #19
Итак друзья у меня получилось установить свою шапочку на форум Ксеньки, сейчас я Вам все подробненько распишу.
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 05, Jan 2014
  • #20
fannyfan, добрый вечер! Вы имеете в виду по краям шапки я так поняла?






Так это не квадратики это "фон заголовка", как его изменить фон заголовка имею в виду)) читайте здесь
https://lumtu.com/57230-post11.html
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 05, Jan 2014
  • #21
Nyhsa:
fannyfan, добрый вечер!
Вы имеете в виду по краям шапки я так поняла?







Так это не квадратики это "фон заголовка", как его изменить фон заголовка имею в виду)) читайте здесь

https://lumtu.com/57230-post11.html

Может можно ваш скайп? Я продемонстрировал через "Демонстрацию экрана" как установлено. Фон я ставил по вашей инструкции
 

fannyfan


Рег
03 Jan, 2014

Тем
1

Постов
8

Баллов
18
  • 09, Dec 2013
  • #22
Nyhsa:
Итак друзья у меня получилось установить свою шапочку на форум Ксеньки, сейчас я Вам все подробненько распишу.
Сегодня пытался установить свою шапку, не получилось. Nyhsa, не могли бы Вы расписать как это делать?
 

bil2012


Рег
29 Mar, 2013

Тем
1

Постов
4

Баллов
14
  • 05, Jan 2014
  • #23
fannyfan:
Может можно ваш скайп?

fannyfan, будете смеяться), но у меня нет скайпа а в чем проблема не пойму? Вы же сообщение прочли? Там есть скрин, куда идти в Админ Панели Форума.

Там в настройках, внешний вид, находите Настройка стиля: Шапка и навигация, меняете, подгоняете цвет фона, под тот который Вам необходим.

Либо, 2-й вариант, Вам нужно шапку сделать большего размера, именно по ширине, чтобы она закрыла синий фон заголовка.
fannyfan:
Фон я ставил по вашей инструкции

fannyfan, то что я увидела синие квадратики это фон заголовка, а то что у Вас ниже, по бокам бежевого цвета вроде?)) это фон самой странички Внешний вид > настройка стиля > основное > тело страницы > фон.)
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 09, Dec 2013
  • #24
bil2012:
Сегодня пытался установить свою шапку, не получилось. Nyhsa, не могли бы Вы расписать как это делать?

bil2012, обязательно чуть позже с удовольствием напишу Вам подробную инструкцию
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 09, Dec 2013
  • #25
Итак рассказываю как я ставила свою шапочку на форум xenforo. Сразу оговорюсь, что без направления, помощи и подсказок нашего Уважаемого админа Ветра, я бы не справилась. Ну поехали. Для начала Вам нужна шапочка вашего форума, у Вас она уже есть? Прекрасно, вот теперь запомните самое главное. Чтобы картинка шапки заменила собой логотип, нужно чтобы файл вашей картинки имел точно такое же название и был в таком же формате!
Первым делом переименуйте вашу шапку в имя которое носит Ваш логотип с тем же расширением. Сначала я посмотрела как зовут мой логотип: Идем в ПУ форума - Внешний Вид - Настройки стиля - "Шапка" (header) и навигация












1. Переименовала картинку в logo и изменила разрешение на png. 2. Далее, нужно нашу шапку залить к себе на хостинг, туда, где сидит наш логотип. Идем в Админ панель вашего хостинга > styles > default > хenforo > logo.png именно здесь и находится файл картинки логотипа, который в данный момент установлен на форуме.






3. Для того, чтобы заменить ей установленный в данный момент логотип, не нужно удалять старый файл. Просто загружаете свой одноименный файл в эту папку, и старая картинка автоматически замещается новой.












4. Теперь опять пойдем в ПУ нашего Форума находим:
Внешний Вид - Настройки стиля - "Шапка" (header) и навигация и нажимаем кнопочку "обновить настройки стиля"






5. Идем на наш форум, обновляем страничку и вуаля, Ваша шапочка встала на место логотипа.






Нюансы:
1. Что я сделала для того, чтобы моя шапка встала ровно по центру? Чтобы переместить шапку (логотип) форума в центр,необходимо сделать сделать следующее: Идем в ПУ форума - Внешний вид - Шаблоны. В шаблоне header.css надо найти вот такой код:
 #logo
{
display: block;
float:left
line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}

и заменить его на вот этот:
 #logo
{
display: block;
text-align: center;
line-height: @headerLogoHeight;
height: @headerLogoHeight;
vertical-align: middle;
}
Вот собственно и всё, теперь моя шапка расположена по центру.
2. Каким образом изменить ширину шапки (логотипа)? В шаблоне header.css найдите код:
 #logo img

{

vertical-align: middle;

}

и замените на вот этот код:
 #logo img

{

width: 950px;

vertical-align: middle;

height: 150px;

}

Где, ширина - width 950 высота - height 150. Теперь все.
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 05, Jan 2014
  • #27
fannyfan:
А как снизу сделать чтобы фон был красивый (Как одно целое)
проставьте Repeat




 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 05, Jan 2014
  • #28
Ок, спасибо) А может знает кто русификатор для AAdvanced Forum Statistics?
 

fannyfan


Рег
03 Jan, 2014

Тем
1

Постов
8

Баллов
18
  • 05, Jan 2014
  • #29
fannyfan:
AAdvanced Forum Statistics?

fannyfan, плагин легко переводится через языки и фразы Т.е. русификатора нет, но Вы сами можете перевести его с помощью перевода фраз в Админ Панели форума читайте здесь) https://lumtu.com/51752-post1.html
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 05, Jan 2014
  • #30
Спасибо, уже начал перевод. Даже не знал что самому можно переводить) Есть еще 2 вопросика, ответьте если не сложно =) 1) Установил на форум дополнение spoler , но когда пишешь тему или сообщение, там нету кнопки этого дополнения, как кнопку добавить? Т.е. приходится самостоятельно добавлять
Скрытый текст
, можно ли сделать как-нибудь кнопку? И 2) Стоит ли что-нибудь добавлять в оформление моего сайта еще? P.s.: http://world-for-cheats.ru/

хочется отзыв со стороны =)
 

fannyfan


Рег
03 Jan, 2014

Тем
1

Постов
8

Баллов
18
  • 05, Jan 2014
  • #31
fannyfan:
1) Установил на форум дополнение spoler , но когда пишешь тему или сообщение, там нету кнопки этого дополнения, как кнопку добавить?
Там нужно самому кнопочку создавать и вставлять. Отпишусь позже, в теме spoler, где-то у меня была инструкция, правда сама я её (кнопку) еще не ставила.
fannyfan:
2) Стоит ли что-нибудь добавлять в оформление моего сайта еще
Вам лучше будет создать отдельную тему, в этом разделе https://lumtu.com/f88.html

по этому вопросу там и отпишусь

fannyfan, у вас какая версия форума стоит? Вроде последняя, если не ошибаюсь И как порта установилась? Темы создаются без проблем?
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 08, May 2014
  • #32
Nyhsa, Так шапку же вроде можно и в админке спокойно вставить. Только один раз залезть в Css, что бы удалить одну строчку. И квадратика от лого там уже не будет. Может я конечна и не прав )))) Без обид только.
 

AnkuAD


Рег
07 May, 2014

Тем
0

Постов
3

Баллов
3
  • 21, May 2014
  • #33
Nyhsa, Добрый день, подскажите, пожалуйста, сделал все по инструкции, но шапка как не хотела изменяться, так и не меняется. Сменил лого, поменял код, но все четно. Не могли бы взглянуть ? Forum.tyranny.ru . Заранее спасибо. По возможности, смогу дать логин и пароль
 

Starwing


Рег
18 May, 2014

Тем
0

Постов
3

Баллов
3
  • 22, May 2014
  • #34
Вы перепутали шаблоны, когда меняли. Посмотрите внимательней. У вас стоит стиль Snapshot, вот там и нужно менять. А вы меняли в дефолтном стиле, попробуйте переключить стиль и посмотреть.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 22, May 2014
  • #35
В этом и интерес, что я сделал специально замену на стандартном шаблоне и все прошло успешно, а здесь, в стиле snapshot, не меняется.

Сменилось расположение надписи и высота, а само новое лого не появляется.

Раз 10 проверил расположение картинок в корне, все совпадает.

Может быть с шаблоном косяк? У вас были такие проблемы ранее?
 

Starwing


Рег
18 May, 2014

Тем
0

Постов
3

Баллов
3
  • 24, May 2014
  • #36
Возможно стиль... возможно что-то с путями к картинке...
Starwing:
У вас были такие проблемы ранее?
Я почти никогда не делаю шапки к форумам.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 30, May 2014
  • #37
AnkuAD:
Nyhsa, Так шапку же вроде можно и в админке спокойно вставить. Только один раз залезть в Css, что бы удалить одну строчку. И квадратика от лого там уже не будет. Может я конечна и не прав )))) Без обид только.
не знаю не пробовала) но за наводку спасибо
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 09, Jun 2014
  • #38
Приспичило мне тут сегодня поэкспериментировать чуток. Решила убрать шапку, а форум поднять вверх. Так как у меня есть фон, после того как убираешь шапку, на её месте остается основной цвет, что смотрится совсем не хорошо.






Что нужно сделать чтобы фон был на всю страничку? Для этого нужно пойти в ПУ-Внешний вид-Настройки стиля: Основное-Тело Страницы скопировать основной путь вашего фона.






и вставить по следующему адресу:
ПУ-Внешний вид-Настройки стиля -"Шапка" (header) и навигация






после чего обновляем настройки стиля и вуаля. Все смотрится гораздо лучше. (ну на мой взгляд)






Может кому то пригодится.
 

Nyhsa


Рег
25 Oct, 2013

Тем
41

Постов
544

Баллов
954
  • 04, Nov 2017
  • #39
Тема отличная, поделитесь рецептом как вставить в XF 2.0 - буду крайне признателен!
 

Usta


Рег
16 Aug, 2015

Тем
13

Постов
204

Баллов
334
Тем
49554
Комментарии
57426
Опыт
552966

Интересно