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


Значок Вк


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

#1 Kalyan-mall

Kalyan-mall

    Новичок

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

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

Ребят подскажите пожалуйста как вставить значок вконтакте в указанное на изображении место, и если можно,пришлите сам значок в нужном размере для вставки.
Огромное Вам спасибо

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

  • вк.PNG


#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

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

Просмотр сообщенияKalyan-mall (08 Октябрь 2015 - 15:19) писал:

Ребят подскажите пожалуйста как вставить значок вконтакте в указанное на изображении место, и если можно,пришлите сам значок в нужном размере для вставки.
Огромное Вам спасибо

Здравствуйте.
Для начала сообщите нам, пожалуйста, номер аккаунта вашего интернет-магазина.
Что касается самого значка vk, то, к сожалению, данным значком мы не располагаем, однако если вы сами сможете найти подобный значок, ты сможем помочь вам с его установкой на ваш сайт.

#3 Kalyan-mall

Kalyan-mall

    Новичок

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

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

Просмотр сообщенияRayLi (08 Октябрь 2015 - 15:34) писал:

Здравствуйте.
Для начала сообщите нам, пожалуйста, номер аккаунта вашего интернет-магазина.
Что касается самого значка vk, то, к сожалению, данным значком мы не располагаем, однако если вы сами сможете найти подобный значок, ты сможем помочь вам с его установкой на ваш сайт.
Аккаунт SL-356217

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

  • maly.png


#4 Danil

Danil

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

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

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

Просмотр сообщенияKalyan-mall (08 Октябрь 2015 - 15:42) писал:

Аккаунт SL-356217
Изображение загрузите в раздел Сайт - Редактор шаблонов - Кнопка "Добавить файлы".
В шаблоне html найдите код
 <div id="welcome"><a href="http://{NET_DOMAIN}/">Сайт предназначен для лиц, старше 18 лет</a></div>
и замените на
<div id="support">
<a href="Ссылка на страницу Vk"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a>
</div>
<div id="welcome"><a href="http://{NET_DOMAIN}/">Сайт предназначен для лиц, старше 18 лет</a></div>



#5 Kalyan-mall

Kalyan-mall

    Новичок

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

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

Просмотр сообщенияDanil (08 Октябрь 2015 - 15:52) писал:

Изображение загрузите в раздел Сайт - Редактор шаблонов - Кнопка "Добавить файлы".
В шаблоне html найдите код
 <div id="welcome"><a href="http://{NET_DOMAIN}/">Сайт предназначен для лиц, старше 18 лет</a></div>
и замените на
<div id="support">
<a href="Ссылка на страницу Vk"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a>
</div>
<div id="welcome"><a href="http://{NET_DOMAIN}/">Сайт предназначен для лиц, старше 18 лет</a></div>
Практически получилось,но еще две просьбы: как сдвинуть изображение вправо и уменьшить его в размерах?

#6 Danil

Danil

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

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

Отправлено 08 Октябрь 2015 - 16:06

Просмотр сообщенияKalyan-mall (08 Октябрь 2015 - 15:58) писал:

Практически получилось,но еще две просьбы: как сдвинуть изображение вправо и уменьшить его в размерах?
В шаблоне html найдите код
   <div id="support">
<a href="https://vk.com/kalyan_mall"><img src="{ASSETS_IMAGES_PATH}maly.png"></a>
</div>
и замените на
   <div id="vkcom">
<a href="https://vk.com/kalyan_mall"><img src="{ASSETS_IMAGES_PATH}maly.png"></a>
</div>
В конец main.css добавьте
#header #vkcom {
	position: relative;
	float: right;
	top: 9px;
	margin-right: 11px;
	z-index: 30;
}
#header #vkcom img{
width:45px;
}


#7 Kalyan-mall

Kalyan-mall

    Новичок

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

Отправлено 08 Октябрь 2015 - 16:14

Просмотр сообщенияDanil (08 Октябрь 2015 - 16:06) писал:

В шаблоне html найдите код
<div id="support">
<a href="https://vk.com/kalyan_mall"><img src="{ASSETS_IMAGES_PATH}maly.png"></a>
</div>
и замените на
<div id="vkcom">
<a href="https://vk.com/kalyan_mall"><img src="{ASSETS_IMAGES_PATH}maly.png"></a>
</div>
В конец main.css добавьте
#header #vkcom {
position: relative;
float: right;
top: 9px;
margin-right: 11px;
z-index: 30;
}
#header #vkcom img{
width:45px;
}
Спасибо Вам большое)

Просмотр сообщенияDanil (08 Октябрь 2015 - 16:06) писал:

В шаблоне html найдите код
<div id="support">
<a href="https://vk.com/kalyan_mall"><img src="{ASSETS_IMAGES_PATH}maly.png"></a>
</div>
и замените на
<div id="vkcom">
<a href="https://vk.com/kalyan_mall"><img src="{ASSETS_IMAGES_PATH}maly.png"></a>
</div>
В конец main.css добавьте
#header #vkcom {
position: relative;
float: right;
top: 9px;
margin-right: 11px;
z-index: 30;
}
#header #vkcom img{
width:45px;
}
Упсс... только вот что получилось в Моб.версии

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

  • вкк.jpg


#8 Danil

Danil

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

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

Отправлено 08 Октябрь 2015 - 16:20

Просмотр сообщенияKalyan-mall (08 Октябрь 2015 - 16:14) писал:

Спасибо Вам большое)


Упсс... только вот что получилось в Моб.версии
Попробуйте сделать следующее:
в конец main.css добавьте
@media only screen and (max-width: 767px){
#header #vkcom {
	top: 5px
}
}


#9 Kalyan-mall

Kalyan-mall

    Новичок

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

Отправлено 08 Октябрь 2015 - 16:27

Просмотр сообщенияDanil (08 Октябрь 2015 - 16:20) писал:

Попробуйте сделать следующее:
в конец main.css добавьте
@media only screen and (max-width: 767px){
#header #vkcom {
top: 5px
}
}
Все отлично)




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

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