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


Как Добавить Иконки Оплаты В Подвал Сайта?


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

#1 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 03 Апрель 2013 - 16:07

Добрый вечер. Подскажите, как мне разместить картинку с иконками оплаты в подвал сайта ровно посередине?
Спасибо!

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

  • Иконки.jpg


#2 Koderhan

Koderhan

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

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

Отправлено 03 Апрель 2013 - 17:07

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

#3 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 03 Апрель 2013 - 17:55

Адрес тут. А иконки хочется поставить рядом с "Мы принимаем Web Money"
Спасибо!

#4 Koderhan

Koderhan

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

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

Отправлено 03 Апрель 2013 - 19:06

Просмотр сообщенияНаталья C. (03 Апрель 2013 - 17:55) писал:

Адрес тут. А иконки хочется поставить рядом с "Мы принимаем Web Money"
Спасибо!

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Перед кодом:
<div class="clr"></div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
Добавить:
<div class="mybaner2">
<img src="адрес до изображения" />
</div>


#5 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 03 Апрель 2013 - 19:25

Просмотр сообщенияНаталья C. (03 Апрель 2013 - 17:55) писал:

Адрес тут. А иконки хочется поставить рядом с "Мы принимаем Web Money"
Спасибо!

Вы вставляли код сертификатов раздел настройки основные или в шаблоне HTML?
найдите код этих сертификатов. Он примерно так заканчивается
<a href="http://www.megastock.ru/" target="_blank"><img src="http://design.raduisebya.ru/acc_blue_on_white_ru.png?6828" alt="www.megastock.ru" border="0"></a>
и сразу поле него вставьте код
<img src="ссылка на изображение" alt="www.megastock.ru" border="0">


#6 Mrbessonov

Mrbessonov

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

  • Пользователи
  • PipPipPipPip
  • 269 сообщений
  • ГородКемерово

Отправлено 03 Апрель 2013 - 22:27

Просмотр сообщенияНаталья C. (03 Апрель 2013 - 16:07) писал:

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

#7 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 14 Май 2013 - 21:40

Просмотр сообщенияKoderhan (03 Апрель 2013 - 19:06) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Перед кодом:
<div class="clr"></div>
<div>{SETTINGS_STORE_HTML_CODE}</div>
Добавить:
<div class="mybaner2">
<img src="адрес до изображения" />
</div>

Сделала. Но почему-то иконки вправо ушли.
Как мне их разместить сразу под словом "Главная"?
Спасибо!

#8 Сake

Сake

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

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

Отправлено 15 Май 2013 - 00:11

Добавьте в ваш файл стилей main.css

.mybaner2 {
	clear: left;
	padding-top: 10px;
	width: 100%;
}


#9 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

Отправлено 15 Май 2013 - 07:38

Просмотр сообщенияСake (15 Май 2013 - 00:11) писал:

Добавьте в ваш файл стилей main.css

.mybaner2 {
clear: left;
padding-top: 10px;
width: 100%;
}

Спасибо за Ваши оперативные ответы!
Такое ощущение, что Вы работаете 24 часа в сутки без отдыха )) Молодцы!

#10 Kapal

Kapal

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

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

Отправлено 03 Октябрь 2014 - 17:05

Просмотр сообщенияKoderhan (03 Апрель 2013 - 19:06) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Перед кодом:
<div class="clr"></div>
<div>{SETTINGS_STORE_HTML_CODE}</div>
Добавить:
<div class="mybaner2">
<img src="адрес до изображения" />
</div>


У меня по другому код выглядит, т.к. счетчик установлен:

<div class="clr"></div>
<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>

Подскажите, пожалуйста, что нужно сделать, чтобы иконки способов оплаты вставить в подвал.
Спасибо!

#11 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 18:47

если вам необходимо картинку с иконками оплаты поставить после счетчика, то в HTML после:
<div class="clr"></div>
<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>

вставьте:
<div class="mybaner2">
<img src="адрес до изображения" />
</div>


#12 Kapal

Kapal

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

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

Отправлено 03 Октябрь 2014 - 20:35

Просмотр сообщенияVaccina (03 Октябрь 2014 - 18:47) писал:

если вам необходимо картинку с иконками оплаты поставить после счетчика, то в HTML после:
<div class="clr"></div>
<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>

вставьте:
<div class="mybaner2">
<img src="адрес до изображения" />
</div>

Да, спасибо, что то получается. Но нужно, чтобы иконки вставлялись в ряд после счетчика метрики. Сейчас они вставляются в столбик и при этом ширина подвала увеличивается. Скрины и мой блок кодов, с ошибкой видимо, прилагаю. Вставил две иконки, но будет их больше.

<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>
  <div class="mybaner2">
<img src=http://images.vfl.ru/ii/1412356114/4ad2b3d7/6539906.gif
/>
</div>
  <div class="mybaner3">
<img src=http://images.vfl.ru/ii/1412356883/c09a950e/6540036.gif
/>
</div>

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

  • скрин.png


#13 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 20:52

<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>
<div class="mybaner2">
<img src=http://images.vfl.ru/ii/1412356114/4ad2b3d7/6539906.gif
/>
</div>
<div class="mybaner3">
<img src=http://images.vfl.ru/ii/1412356883/c09a950e/6540036.gif
/>
</div>
меняйте на:
<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>
<div class="mybaner">
<img src=http://images.vfl.ru/ii/1412356114/4ad2b3d7/6539906.gif
/>
<img src=http://images.vfl.ru/ii/1412356883/c09a950e/6540036.gif
/>
</div>

далее в main.css добавьте:
.mybaner{
float:left;
}
.mybaner img{
float:left;
margin:0 5px;
}


#14 Kapal

Kapal

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

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

Отправлено 03 Октябрь 2014 - 21:07

Просмотр сообщенияVaccina (03 Октябрь 2014 - 20:52) писал:

<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>
<div class="mybaner2">
<img src=http://images.vfl.ru/ii/1412356114/4ad2b3d7/6539906.gif
/>
</div>
<div class="mybaner3">
<img src=http://images.vfl.ru/ii/1412356883/c09a950e/6540036.gif
/>
</div>
меняйте на:
<div class="metrikas">{SETTINGS_STORE_HTML_CODE}</div>
<div class="mybaner">
<img src=http://images.vfl.ru/ii/1412356114/4ad2b3d7/6539906.gif
/>
<img src=http://images.vfl.ru/ii/1412356883/c09a950e/6540036.gif
/>
</div>

далее в main.css добавьте:
.mybaner{
float:left;
}
.mybaner img{
float:left;
margin:0 5px;
}

Да, теперь иконки в ряд, но наверное в main.css все же координаты не те заданы, иконки не перемещаются на место левее счетчика.
.metrikas {
margin-left:30%;
}
.mybaner{
float:left;
}
.mybaner img{
float:left;
margin:0 5px;
}

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

  • скрин1.png


#15 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 21:37

В main.css найдите:
.metrikas {
	margin-left: 30%;
}
замените на:
.metrikas {
	float: right;
}


#16 Kapal

Kapal

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

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

Отправлено 03 Октябрь 2014 - 22:13

Спасибо большое! Все сделал.

#17 Kapal

Kapal

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

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

Отправлено 07 Октябрь 2014 - 14:41

Здравствуйте, возвращаюсь к проблеме.  Поменял фон сайта, в результате высота подвала стала меньше и иконки способов оплаты выходят за границу подвала. Подскажите, пожалуйста, как иконки сместить на свободное место подвала. В HTML для каждой иконки по отдельности задан адрес. Скрин.

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

  • иконки.jpg


#18 Danil

Danil

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

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

Отправлено 07 Октябрь 2014 - 14:52

Просмотр сообщенияKapal (07 Октябрь 2014 - 14:41) писал:

Здравствуйте, возвращаюсь к проблеме.  Поменял фон сайта, в результате высота подвала стала меньше и иконки способов оплаты выходят за границу подвала. Подскажите, пожалуйста, как иконки сместить на свободное место подвала. В HTML для каждой иконки по отдельности задан адрес. Скрин.
Здравствуйте.
В шаблоне html найдите код и вырежьте его
Скрытый текст
Далее вырезанный код вставьте после
  <div class="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div>

После в main.css найдите код
.mybaner {
float: left;
}
И замените на
.mybaner {
float: left;
margin-left:10px;
}
Изменяйте значение 10px(отступ слева)

#19 Kapal

Kapal

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

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

Отправлено 07 Октябрь 2014 - 15:08

Спасибо! Подправил.




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

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