Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Как разместить картинки рядом с логотипом ?

Предыдущая тема Следующая тема Перейти вниз

Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 10:30



Ребят, если вас не затруднит, подскажите куда вставить и как примерно должен выглядеть скрипт с картинкой чтобы встал так как показано на рисунке и при этом не сдвинул не форум не шапку логотипа и был на заднем плане.
Может как-то отдельным слоем или, вобщем ещё не очень разбираюсь в этом.

исходный скрипт размещения картинки допустим такой:
<img src="http://адрес картинки.jpg" width="270" height="470" id="i_logo" border="0" alt="OK" vspace="1" />
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Домовой в Сб 19 Янв - 11:57

я так понимаю она должна быть на заднем плане?
Откройте шаблон overall_header, найдите тег </head>, перед ним поставьте

Код:
<img src="ссылка на картинку" border="0" style="position:fixed; top:40px; right:20px; z-index:-1;"/>


avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 11:59

Благодарю Домовой! Да, что-то типа такого, сейчас попробую... 39
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 12:33

Здорово, осталось теперь чтобы картинка ездила вверх вниз вместе с форумом и логотипом. (фон у меня зафиксирован)
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Домовой в Сб 19 Янв - 12:39

@Chronos пишет:Здорово, осталось теперь чтобы картинка ездила вверх вниз вместе с форумом и логотипом. (фон у меня зафиксирован)
в коде параметр
Код:
position:fixed;
замените на
Код:
position:absolute;

пример
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 12:53

йесс 22

avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 13:06

Теперь картинка двигается вместе с форумом, только вот... при уменьшении или увеличении форума колёсиком она не уменьшается синхронно вместе с форумом к центру экрана, (как например логотип) а уезжает кудато в сторону. Тоесть например на мониторах с разным разрешением или при разных настройках будет занимать разное положение. Как бы её намертво прикрутить к форуму как прикручен логотип?
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Домовой в Сб 19 Янв - 16:35

ничего никуда не уезжает.
Разрешение монитора уменьшением или увеличением не проверяется.
Вот вам сайт для проверки вида форума при разных разрешениях
http://testsize.com/

А если проблема в браузере IE то рекомендую его поменять, это отстой а не браузер.
В нём вы никогда не увидите 100% эффекта оформления.
Он должен служить только для того что бы скачать другой браузер и не более того.

Вот вам пример отображения в браузере Opera на разных разрешениях монитора

скриншоты:









avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 18:06

Ну может я не совсем так выразился. Вобщем когда я нажимаю Ctrl и кручу колёсико мыши, то все блоки форума вместе с логотипом ведут себя как единое целое, сохраняя пропорции, а вот наша картинка с подсвечником уезжает в какое-то своё отдельное плавание и этот косяк хоть и не большой, но как-то в целом неочень. Можно ли как-то увязать с форумом мою картинку, как увязана с ним к примеру картинка лого?

вот мой форум (ещё в процессе доводки) http://www.magiclubs.com
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Домовой в Сб 19 Янв - 19:53

я вас понял прекрасно.
Это вы походу путаете разрешение монитора с масштабированием форума.
Не важно какое разрешение монитора будет, главное что бы масштаб был 100%.
То что вы делаете так вы просто меняете масштаб форума а не меняете разрешение монитора.
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 20:16

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

Вот только вопрос сможет ли кто нибудь решить эту задачку. sad
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Домовой в Сб 19 Янв - 21:37

Ну попробуйте удалить из шаблона код что я вам дал выше.
В ПА - Оформление - Картинки и цвета - Управление картинками - Продвинутый режим - вкладка Общие/навигация
В пункте Фоновое изображение страницы : удалите ссылку на фон и сохраните изменение.
Поставьте в CSS вот эти два кода

Код:
html {
background-color:transparent !important;
background: url(http://s3.uploads.ru/QNLwb.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
background-color:transparent !important;
background:url(http://s2.uploads.ru/wLtjJ.gif) no-repeat top right scroll; /*дополнительный рисунок на фоне*/
}
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Как разместить картинки рядом с логотипом ?

Сообщение автор Chronos в Сб 19 Янв - 23:52

всё перекосило) Так что я пока оставил первый вариант, впринципе он вполне терпим)
Тем не менее спасибо за помощь, я бы и так не сделал. yes
avatar
Chronos
 

Мужчина

Сообщения : 179
Регистрация : 2013-01-11
Благодарности : 3

Без предупреждений

http://www.club-avalon.com

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения