Делаем шапку форума

[Skaiman]

Skaiman добавил(а) новый ресурс:

Делаем шапку форума - Правильно создаем шапку для своего форума

Часто задают вопрос по созданию шапок для своих форумов и часто делают просто не правильно, шапка должна состоять из нескольких частей:

• Фон хейдера
• Фон контента хейдера
• Логотип форума

Для примера создания шапки я сделал три файла, два фона и логотип, bg-header.jpg, bg-header-content.png, header-logo.png
Посмотреть вложение 116012Посмотреть вложение 116013Посмотреть вложение 116014
залил их в папку styles/header, в основных настройках указал путь к...

Узнать больше об этом ресурсе...

 

[irinochka]

Как сделать так как на гифке?

 

[Skaiman]

Проверю работоспособность плагина, размещу, я уже забыл про него :)

 

[Skaiman]

irinochka, [SVG] Header Parallax

 

[ElonMusk]

Подскажите пожалуйста, а как прописать в css, чтобы можно было кликнуть по всей области шапки, и это было как лого (линк) ?
В примере тса, клик возможен только по центру, там где лого, как сделать лого типа бэкграудом?

 

[pushka]

для XF 2.2 не подойдёт?

 

[Skaiman]

для XF 2.2 не подойдёт?

пойдет

 

[Politarov]

пойдет

не могу понять как в шапке удалить фон в мобильной версии , подскажите пожалуйста

 

[Skaiman]

не могу понять как в шапке удалить фон в мобильной версии , подскажите пожалуйста

Так то если правильно сделано, то в мобильной версии шапки вообще не видно

 

[Politarov]

Так то если правильно сделано, то в мобильной версии шапки вообще не видно

&-content {
    min-height: 250px;
    background: url(styles/header/bg-header-content.png) no-repeat center / cover;
}

не на всю ширину

 

[Skaiman]

не на всю ширину

ну так надо картинку нормальную делать :) изучать возможности css, мануал дает общее понятие, а уж там сами смотрите :)

 

[Politarov]

ну так надо картинку нормальную делать :) изучать возможности css, мануал дает общее понятие, а уж там сами смотрите :)

ну наверное картинка нормальная раз если не использовать код, но как ее удалить в мобильных версиях? так ответ и не дал лень потратить вам 5 минут золотого времени

 

[Skaiman]

Politarov, как я дам ответ. если я не знаю как она используется у тебя

Да и если не используешь мануал, то вопрос в тему стиля, а стиль твой у меня не установлен, могу посмотреть по месту

 

[kolt512]

ширину еще бы как изменить размеры

 

[Skaiman]

ширину еще бы как изменить размеры

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

 

[flusha]

Все сделал по инструкции, логотип почему то маленький.

 

[Skaiman]

Все сделал по инструкции, логотип почему то маленький.

Ширину логотипа указывал? В основных настройках

 

[Maxpain]

Все сделал как описано, а стандартная шапка не изменилась, может где то она отключается прежде чем ее изменить. Где прошляпил не пойму

 

[Skaiman]

Где прошляпил не пойму

в мануале все подробно написано

 

[Skaiman]

А логотип ставится в настройках логотипа :) ты про это может забыл?