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

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


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

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

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


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

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

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

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

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

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



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

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

Chronos
 

Мужчина

Сообщения : 177
Регистрация : 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;"/>



Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

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

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

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

Chronos
 

Мужчина

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

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

http://www.club-avalon.com

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

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

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

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

Chronos
 

Мужчина

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

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

http://www.club-avalon.com

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

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

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

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

пример

Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

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

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

йесс 22


Chronos
 

Мужчина

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

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

http://www.club-avalon.com

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

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

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

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

Chronos
 

Мужчина

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

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

http://www.club-avalon.com

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

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

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

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

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

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

скриншоты:










Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

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

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

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

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

Chronos
 

Мужчина

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

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

http://www.club-avalon.com

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

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

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

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

Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

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

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

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

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

Chronos
 

Мужчина

Сообщения : 177
Регистрация : 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; /*дополнительный рисунок на фоне*/
}

Домовой
 

Мужчина

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

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

http://udomovogo.rusff.ru

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

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

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

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

Chronos
 

Мужчина

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

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

http://www.club-avalon.com

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

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


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