Перейти к содержимому


Изображение В Подвале


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 21 Апрель 2014 - 16:06

Здравствуйте, проблема такая: я хочу поместить картинку в подвал по правой стороне от надписей (название магазина, регион и т.д.), но при любых раскладах как я только её туда ставлю надписи стоящие по середине отодвигаются влево. Как сделать так, чтобы они не отодвигались?

Куда именно я хочу поместить изображение смотрите рисунок ниже.

Прикрепленные изображения

  • 222.png


#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 21 Апрель 2014 - 19:57

Просмотр сообщенияAlexP_RUS (21 Апрель 2014 - 16:06) писал:

Здравствуйте, проблема такая: я хочу поместить картинку в подвал по правой стороне от надписей (название магазина, регион и т.д.), но при любых раскладах как я только её туда ставлю надписи стоящие по середине отодвигаются влево. Как сделать так, чтобы они не отодвигались?

Куда именно я хочу поместить изображение смотрите рисунок ниже.
Здравствуйте что бы вставить картинку Вам нужно зайти в шаблон HTML и
после строчки
<!-- Подвал сайта -->
Вставить код
<div style=" float: right; background: #456789; width: 150px; height: 72px; position: absolute; right: 434px;"></div>
картинку можно вставить внутрь div или как свойство background

#3 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 23 Апрель 2014 - 11:24

Просмотр сообщенияИрина345 (21 Апрель 2014 - 19:57) писал:

Здравствуйте что бы вставить картинку Вам нужно зайти в шаблон HTML и
после строчки
<!-- Подвал сайта -->
Вставить код
<div style=" float: right; background: #456789; width: 150px; height: 72px; position: absolute; right: 434px;"></div>
картинку можно вставить внутрь div или как свойство background
А можно как-то зафиксировать картинку на одном месте, чтобы она не прыгала (не перемещалась) туда сюда в зависимости от разрешения экрана?

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Апрель 2014 - 03:18

В HTML после:
<div id="footer">
создайте еще одну обертку, например
<div id="footer">
<div class="footer_in">
остальной код
</div>
</div>
далее в main.css пропишите:
.footer_in{
width:960px;
position:relative;
margin:0 auto;
}


#5 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 06 Май 2014 - 18:37

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

Прикрепленные изображения

  • 333.png


#6 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Май 2014 - 19:13

Просмотр сообщенияAlexP_RUS (06 Май 2014 - 18:37) писал:

Блин, ничего не получается. Зайдите ко мне сами и сделайте по-быстрому это всё, т.к. я вообще не вкуриваю. Мне нужно чтобы баннер (рейтинг яндекс маркета) в подвале фиксировано стоял на месте и не прыгал туда сюда в зависимости от разрешения экрана.
По возможности распишите свои действия и изменения в коде, чтобы я мог знать что куда ставилось.
На картинке ниже показал где нужно чтобы стоял баннер.
Здравствуйте в HTML находим код
</span>
<br /><br /><div style=" float: right; width: 150px; height: 72px; position: absolute; right: 200px;"><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/215209/reviews" target="_blank"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=215209&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></div>
<div class="footnote">
заменяем на


</span>
<br /><br /><div style=" width: 100%;height: 72px;position: absolute;left: 462px;"><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/215209/reviews" target="_blank"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=215209&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></div>
<div class="footnote">



#7 AlexP_RUS

AlexP_RUS

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 491 сообщений

Отправлено 06 Май 2014 - 19:36

Нет, я это пробовал, такой вариант не подходит, т.к. сайт расширяется вправо пустым пространством.

Я выше написал "Зайдите сами и поставьте мне". Так что у кого нет таких полномочий лучше вообще не пишите. Я замахался простые вещи по 1000 раз корректировать. Для таких баннеров должны быть отведённые места!

#8 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 07 Май 2014 - 02:58

Найдите в шаблоне "HTML" следующий код

<!-- Подвал сайта -->
<div id="footer">
<br />
<span>
{% FOR menu %}
	 {% FOR footer %}
	 {% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
	 {% ENDFOR %}
{% ENDFOR %}
</span>
<br /><br /><div style=" float: right; width: 150px; height: 72px; position: absolute; right: 200px;"><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/215209/reviews" target="_blank"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=215209&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></div>
<div class="footnote">
	 &copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}<br />
	 Все права защищены <img src="http://files.storeland.net/f672/599/181.png" /><br />
	 {SETTINGS_STORE_REGION}<br />
	 {SETTINGS_STORE_HTML_CODE}<br />
	 {COPYRIGHT_FOR_DESIGN_MOKKO}
</div>

</div>

<!-- Скрипт кнопки обратный звонок -->

и замените его на

<!-- Подвал сайта -->
<div id="footer">
<div style="width: 1120px; margin: 0 auto; position: relative;">
<br />
<span>
{% FOR menu %}
	 {% FOR footer %}
	 {% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
	 {% ENDFOR %}
{% ENDFOR %}
</span>
<br /><br /><div style=" float: right; width: 150px; height: 72px; position: absolute; right: 200px;"><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*http://market.yandex.ru/shop/215209/reviews" target="_blank"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2505/*http://grade.market.yandex.ru/?id=215209&action=image&size=0" border="0" width="88" height="31" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></div>
<div class="footnote">
	 &copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}<br />
	 Все права защищены <img src="http://files.storeland.net/f672/599/181.png" /><br />
	 {SETTINGS_STORE_REGION}<br />
	 {SETTINGS_STORE_HTML_CODE}<br />
	 {COPYRIGHT_FOR_DESIGN_MOKKO}
</div>
</div>
</div>

<!-- Скрипт кнопки обратный звонок -->

изменения реализованы согласно сообщению модератора http://forum.storela...ле/#entry135243

Цитата

Я выше написал "Зайдите сами и поставьте мне". Так что у кого нет таких полномочий лучше вообще не пишите.

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

#9 Iuhenio

Iuhenio

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 175 сообщений

Отправлено 04 Апрель 2015 - 17:33

Здравствуйте! Подскажите, пожалуйста, как мне поместить в "подвал сайта" картинку - значек 100% гарантии? Как на фото)

Прикрепленные изображения

  • вопрос.jpg


#10 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 04 Апрель 2015 - 18:01

Просмотр сообщенияIuhenio (04 Апрель 2015 - 17:33) писал:

Здравствуйте! Подскажите, пожалуйста, как мне поместить в "подвал сайта" картинку - значек 100% гарантии? Как на фото)
Здравствуйте.
В шаблоне html найдите код
  <div class="mybaner2">
<img src="http://s1.uploads.ru/mk4Yu.jpg" />
</div>
и замените на
  <div class="mybaner2">
<img src="http://s1.uploads.ru/mk4Yu.jpg" />
<img src="Ссылка на изображение" class="garant">
</div>
После в конец main.css добавьте
.mybaner2 {
  position: relative;
}
.mybaner2 .garant {
position:absolute;
top:0px;
left:0px;
}
изменяйте значения top:0px; left:0px;




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных