XF 1.4 Прошу помощи, разобраться с шапкой

Статус
В этой теме нельзя размещать новые ответы.

grom12

Проверенные
Сообщения
76
Реакции
11
Баллы
710
Доброго дня. Хочу сделать шапку из двух картинок, чтобы и слева и справа были картинки, при этом чтобы при адаптивном дизайне они не наезжали друг на друга. Как такое можно реализовать. Как бы чтобы слева был стандартный логотип а справа добавить еще картинку.
 
Последнее редактирование:
А можно пожалуйста поподробней.
1) Как сделать еще одну картинку справа????
2) И чтобы она не наезжала на лого???
Залить картинку на сервер, а в шаблонах где-то в header разместить доп. слой с классом к примеру img_right

Пример:
Код:
<div class="img_right">
<img src="путь/до/изображения.jpg" alt="" />
</div>

CSS
Код:
.img_right {
float: right;
wiidth: 30%;
}
 
Залить картинку на сервер, а в шаблонах где-то в header разместить доп. слой с классом к примеру img_right

Пример:

Не подходит картинки наезжают друг на друга при адаптивном дизайне
 
Не подходит картинки наезжают друг на друга при адаптивном дизайне
Ссылка на форум имеется? Я не ясновидящий чтобы видеть что у вас там на что наезжает) С визуальной версией через консоль можно попробовать стили подогнать. Всё дело в стилях CSS
 
Ссылка на форум имеется? Я не ясновидящий чтобы видеть что у вас там на что наезжает) С визуальной версией через консоль можно попробовать стили подогнать. Всё дело в стилях CSS
Форум пока на локалхосте. Стиль такой же как на этом форуме. Если свернуть браузер до минимума то правая картинка наезжает на логотип.
 

Вот единственны css который работает норм и не сдвигает и не карежит шапку:
Код:
#header {
background-image: url("xenforo/logor.png");
background-repeat: no-repeat;
background-position:  right top;
}

Но проблема не пашет адаптивный дизайн картинка на картинку наслаивается.
 
Единственное, в css надо разбираться, я привел пример, там указано как сделать адаптацию, не значит что это сразу надо пихать в EXTRA.css и способов есть много :)
 
Но я так понимаю как и в очередной раз на форуме помощи не будет.
Пипец :) а все кто здесь писал, не пытался тебе помочь?
Я в css не очень разбираюсь
Щас это фишка такая, делать форум и ни хрена ни в чем не разбираться, есть куча сайтов, где объясняются основы css, готовое решение ни чего тебе не даст, если ты не поймешь что делаешь, а так ты захочешь переделать через определенное время и не будешь помнить свои изменения, которые ты тупо воткнул в какой то шаблон, тебе хотят помочь понять.
 
Щас это фишка такая, делать форум и ни хрена ни в чем не разбираться, есть куча сайтов, где объясняются основы css, готовое решение ни чего тебе не даст, если ты не поймешь что делаешь, а так ты захочешь переделать через определенное время и не будешь помнить свои изменения, которые ты тупо воткнул в какой то шаблон, тебе хотят помочь понять.

С картинкой и со всем я разобрался не могу разобраться с адаптивным дизайном. Как можно реализовать чтобы картинка при адаптивном дизайне вообще исчезала. А то сейас она просто уменьшается и появляется ниже логотипа не очень красиво.
 
Там может помогут тут то помощи не дождешься

Там то помогут. Только зачем вам на форуме раздел помощи. Непонятно:facepalm:
Как всегда сам разобрался. Спасибо за помощь:-). Оказывается там с медиа не так все и сложно.
 
Последнее редактирование:
я привел пример, там указано как сделать адаптацию
Как всегда сам разобрался.
:-)
Уже хотел готовое решение написать. Но не успел.
grom12, больше терпения вам желаю. Если не написали того, на что вы рассчитывали, это не значит что вам не помогли или не помогут.
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу