Картинка-ссылка в шапке.

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 17 апр 2017, 13:52 Сообщение

Есть у меня 3 картинки:
Картинка-ссылка в шапке. - winstore.png
Картинка-ссылка в шапке. - winstore.png (2.26 КБ) 734 просмотра

Картинка-ссылка в шапке. - googleplay.png
Картинка-ссылка в шапке. - googleplay.png (1.63 КБ) 734 просмотра

Картинка-ссылка в шапке. - appstore.png
Картинка-ссылка в шапке. - appstore.png (1.4 КБ) 734 просмотра


Хотелось бы их как нибудь увидеть вот здесь:

Ccылки-картинки. Куда именно в хидер вставить? Подскажите.Изображение
Till I die

Аватара пользователя
CabinetAdmin

Картинка-ссылка в шапке.

CabinetAdmin 17 апр 2017, 17:10 Сообщение

Примерно, в хедере после <!-- EVENT overall_header_headerbar_after --> или используя это событие с помощью расширения:

Код: Выделить всё

<div class="head-button"> <div class="head-button-line"><img src="картинка 1.png"></div> <div class="head-button-line"><img src="картинка 2.png"></div> <div class="head-button-line"><img src="картинка 3.png"></div> </div>

Стили:

Код: Выделить всё

.ca_header { position: relative; } .head-button { position: absolute; left: 10px; bottom: 0; } .head-button-line { padding: 4px 0; }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 17 апр 2017, 17:12 Сообщение

CabinetAdmin, извините, а стили... в каком именно файле?
А урл то нет;( как бы переход по картинке чтоб осуществим был
Till I die

Аватара пользователя
CabinetAdmin

Картинка-ссылка в шапке.

CabinetAdmin 18 апр 2017, 07:31 Сообщение

Стили в любой стилевой файл, можно в конец common.css.
C ссылкой: <div class="head-button-line"><a href="#"><img src="картинка 1.png" /></a></div>
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 18 апр 2017, 07:59 Сообщение

CabinetAdmin, спасибо вам
Till I die

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 18 апр 2017, 08:30 Сообщение

Получилось, но у меня появились вопросы:
Как сделать чтобы между ними было расстояние? И как все таки заставить их ссылаться....я не очень понял.

Код: Выделить всё

<div class="head-button-line"><a href="#"><img src="картинка 1.png" /></a></div>
- это в хидер?
Вложения
Картинка-ссылка в шапке. - Картинки-ссылки.png
Картинка-ссылка в шапке. - Картинки-ссылки.png (80.4 КБ) 717 просмотров
Till I die

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 18 апр 2017, 08:34 Сообщение

А в моб версии затмевает лого, но разлеплены)
Вложения
Картинка-ссылка в шапке. - IMG_1135.PNG
Till I die

Аватара пользователя
CabinetAdmin

Картинка-ссылка в шапке.

CabinetAdmin 18 апр 2017, 13:13 Сообщение

Код: Выделить всё

@media (max-width: 700px) { .ca_header { position: inherit; } .head-button-line { text-align: center; } }

можно вычислить при какой ширине отменять позиционирование и изменить 700px на своё значение.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 18 апр 2017, 14:20 Сообщение

CabinetAdmin, это в коммон.ксс? (В конец) А с урл в хидер? Правильно?
Till I die

Аватара пользователя
CabinetAdmin

Картинка-ссылка в шапке.

CabinetAdmin 18 апр 2017, 15:54 Сообщение

Рядом с теми, вернее сразу после тех стилей.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 18 апр 2017, 16:33 Сообщение

CabinetAdmin, ну в конец коммон после тех
Till I die

Аватара пользователя
Jim

Картинка-ссылка в шапке.

Jim 20 апр 2017, 13:21 Сообщение

CabinetAdmin, Ровнял, ровнял...с час где то...в ПК версии все отлично, в моб версии псих взял) меня...
выперает за логотип оно :(
Решил проблему так:
С помощью расширения. - Спонсор.png
С помощью расширения.
С помощью расширения. - Спонсор.png (31.35 КБ) 687 просмотров
Till I die



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя