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


Добавить Картинку Под Контакты


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

#1 Teraweb2000

Teraweb2000

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

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

Отправлено 20 Январь 2015 - 23:47

Как добавить небольшую картинку с ссылкой под контакты?

#2 Vaccina

Vaccina

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

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

Отправлено 21 Январь 2015 - 00:09

В шаблоне HTML после:
<ul style="height:60px;">
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
		 </ul>
разместите код вашей картинки, пример:
<a href="ссылка куда ведет"><img src="ссылка на картинку" alt="" /></a>

Если картинка не будет умещаться, то дополнительно в main.css найдите:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) top right no-repeat; width:358px; height:110px;  }

и увеличьте значение стиля height

#3 Teraweb2000

Teraweb2000

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

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

Отправлено 21 Январь 2015 - 16:40

Просмотр сообщенияVaccina (21 Январь 2015 - 00:09) писал:

В шаблоне HTML после:
<ul style="height:60px;">
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
		 </ul>
разместите код вашей картинки, пример:
<a href="ссылка куда ведет"><img src="ссылка на картинку" alt="" /></a>

Если картинка не будет умещаться, то дополнительно в main.css найдите:
#header .blocks .rght { float:left; margin:0 0 0 0; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) top right no-repeat; width:358px; height:110px; }

и увеличьте значение стиля height
Спасибо. Как выровнять её по правому краю?

#4 Danil

Danil

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

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

Отправлено 21 Январь 2015 - 16:45

Просмотр сообщенияTeraweb2000 (21 Январь 2015 - 16:40) писал:

Спасибо. Как выровнять её по правому краю?
Здравствуйте.
На данный момент изображение отсутствует.

#5 Teraweb2000

Teraweb2000

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

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

Отправлено 21 Январь 2015 - 17:44

Аккаунт 300930

#6 Danil

Danil

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

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

Отправлено 21 Январь 2015 - 18:19

Просмотр сообщенияTeraweb2000 (21 Январь 2015 - 17:44) писал:

Аккаунт 300930
В конец main.css добавьте
.rght a {
margin-left: 120px;
}


#7 Teraweb2000

Teraweb2000

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

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

Отправлено 21 Январь 2015 - 18:31

Просмотр сообщенияDanil (21 Январь 2015 - 18:19) писал:

В конец main.css добавьте
.rght a {
margin-left: 120px;
}
Надпись рядом с корзиной поехала

#8 Danil

Danil

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

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

Отправлено 21 Январь 2015 - 18:48

Просмотр сообщенияTeraweb2000 (21 Январь 2015 - 18:31) писал:

Надпись рядом с корзиной поехала
В конец main.css добавьте
li.default.off {
margin-top: 33px;
}


#9 Teraweb2000

Teraweb2000

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

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

Отправлено 21 Январь 2015 - 18:58

Просмотр сообщенияDanil (21 Январь 2015 - 18:48) писал:

В конец main.css добавьте
li.default.off {
margin-top: 33px;
}
Спасибо все отлично.




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

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