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


Кнопка "мы В Социальных Сетях"


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

#21 Ася

Ася

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородМосква

Отправлено 15 Ноябрь 2016 - 16:38

Добрый день! У кнопочек справа изображение появилось. Спасибо большое за помощь!!! Помогите пжл разобраться с кнопочками слева: Как сделать, чтобы слева,по стилю были такие же кнопочки, что и справа? И как мне всю эту левую конструкцию подвинуть немного правее от края, сделать чуть-чуть ниже от блока "Новости магазина" и кнопочки сдвинуть немного вниз от слова "Присоединяйтесь".

#22 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 346 сообщений

Отправлено 17 Ноябрь 2016 - 18:17

Просмотр сообщенияАся (15 Ноябрь 2016 - 16:38) писал:

Добрый день! У кнопочек справа изображение появилось. Спасибо большое за помощь!!! Помогите пжл разобраться с кнопочками слева: Как сделать, чтобы слева,по стилю были такие же кнопочки, что и справа? И как мне всю эту левую конструкцию подвинуть немного правее от края, сделать чуть-чуть ниже от блока "Новости магазина" и кнопочки сдвинуть немного вниз от слова "Присоединяйтесь".
Здравствуйте.
Изменения произвёл.
Отступы можно поправить в файле main.css
/*Соц сети Левый блок*/
.blocktitle.bluesmall {
margin-top: 5px;
margin-bottom: 10px;
margin-left: 10px;
}
.blockmain.navigation {
margin-left: 10px;
}


#23 Ася

Ася

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородМосква

Отправлено 18 Ноябрь 2016 - 10:51

Красота!!! Спасибо :wub:

#24 RDenis

RDenis

    Пользователь

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

Отправлено 02 Май 2020 - 17:03

Просмотр сообщенияDanil (02 Февраль 2015 - 10:41) писал:

Здравствуйте.
В шаблоне html после кода
 <!-- <li><a href="{menu.footer3.links.URL}" title="" >{menu.footer3.links.NAME}</a></li>-->
и после него вставьте
<li>
<h4>Мы в соц. сетях</h4>
<a href="ссылка"><img src="ссылка на изображение"></a>
<a href="ссылка"><img src="ссылка на изображение"></a>
<a href="ссылка"><img src="ссылка на изображение"></a>
</li>


Здравствуйте!
А как изменить цвет шрифта "Мы в социальных сетях"?

#25 RDenis

RDenis

    Пользователь

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

Отправлено 02 Май 2020 - 17:37

Просмотр сообщенияMr.Nito (14 Ноябрь 2016 - 17:16) писал:

Для добавления соц сетей по правому краю

В файл HTML
сразу после
<body style="background: url({ASSETS_IMAGES_PATH}fon.jpg);">

добавьте

<!--Соц сети Fixed-->
<div class="social-bookmarks">
	 <a href="//vk.com/" target="_blank" title="ВКонтакте" class="vk"></a>
	 <a href="//facebook.com" target="_blank" title="Facebook" class="fb"></a>
	 <a href="//odnoklassniki.ru/" target="_blank" title="Одноклассники" class="ok"></a>
	 <a href="//instagram.com/" target="_blank" title="Instagram" class="ig"></a>
</div>
<!--END Coц сети-->

В файле main.css в самом конце добавьте

/*Соц сети Fixed*/
.social-bookmarks {
height: 224px;
margin-top: -112px;
position: fixed;
right: 0;
top: 50%;
z-index: 999;
}
.social-bookmarks a:first-child {
margin-top: 0;
}
.social-bookmarks i {
position: absolute;
}
.social-bookmarks a:hover {
right: 0;
-webkit-transition: linear right .2s;
-moz-transition: linear right .2s;
-o-transition: linear right .2s;
transition: linear right .2s;
}
.social-bookmarks .vk i {
display: inline-block;
vertical-align: top;
background: url({ASSETS_IMAGES_PATH}sprite-bookmarks.png) no-repeat;
width: 18px;
height: 97px;
background-position: -88px -16px;
margin-top: -48.5px;
left: 10px;
top: 50%;
}
.social-bookmarks .vk {
height: 114px;
background-color: #3d6a93;
}
.social-bookmarks a {
display: block;
width: 45px;
height: 32px;
margin-top: 3px;
position: relative;
right: -10px;
-webkit-box-shadow: -1px 1px 1px #767676;
-moz-box-shadow: -1px 1px 1px #767676;
box-shadow: -1px 1px 1px #767676;
}
.social-bookmarks .fb {
background-color: #5475b5;
}
.social-bookmarks .fb i {
display: inline-block;
vertical-align: top;
background: url({ASSETS_IMAGES_PATH}sprite-bookmarks.png) no-repeat;
width: 11px;
height: 19px;
background-position: -144px 0;
margin-top: -9.5px;
left: 10px;
top: 50%;
}
.social-bookmarks .ok {
background-color: #f5821f;
}
.social-bookmarks .ok i {
display: inline-block;
vertical-align: top;
background: url({ASSETS_IMAGES_PATH}sprite-bookmarks.png) no-repeat;
width: 15px;
height: 25px;
background-position: -127px 0;
margin-top: -12.5px;
left: 10px;
top: 50%;
}
.social-bookmarks .ig {
background-color: #ccc;
}
.social-bookmarks .ig i {
display: inline-block;
vertical-align: top;
background: url({ASSETS_IMAGES_PATH}sprite-bookmarks.png) no-repeat;
width: 30px;
height: 30px;
margin-top: -15px;
position: absolute;
background-position: -127px -25px;
left: 4px;
top: 50%;
}
/* END Соц сети Fixed*/

Загрузите изображение прикреплённое к сообщению через кнопку "Добавить файл"


А у меня почему-то кнопочки появились, но без картинок... и почему ВКонтакте такая большая?
https://nikstashop.ru/

#26 Vaccina

Vaccina

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

  • Модераторы
  • 23 852 сообщений

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

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="social-bookmarks">
		 <a href="//vk.com/" target="_blank" title="ВКонтакте" class="vk"></a>
		 <a href="//facebook.com" target="_blank" title="Facebook" class="fb"></a>
		 <a href="//odnoklassniki.ru/" target="_blank" title="Одноклассники" class="ok"></a>
		 <a href="//instagram.com/" target="_blank" title="Instagram" class="ig"></a>
</div>

замените на:
Screenshot.png

#27 RDenis

RDenis

    Пользователь

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

Отправлено 07 Май 2020 - 10:50

Просмотр сообщенияVaccina (07 Май 2020 - 09:02) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="social-bookmarks">
		 <a href="//vk.com/" target="_blank" title="ВКонтакте" class="vk"></a>
		 <a href="//facebook.com" target="_blank" title="Facebook" class="fb"></a>
		 <a href="//odnoklassniki.ru/" target="_blank" title="Одноклассники" class="ok"></a>
		 <a href="//instagram.com/" target="_blank" title="Instagram" class="ig"></a>
</div>

замените на:
Прикрепленный файл Screenshot.png

А может прислать не в виде фото. Чтобы я смог скопировать.
Спасибо

#28 RDenis

RDenis

    Пользователь

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

Отправлено 07 Май 2020 - 11:01

Просмотр сообщенияVaccina (07 Май 2020 - 09:02) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="social-bookmarks">
		 <a href="//vk.com/" target="_blank" title="ВКонтакте" class="vk"></a>
		 <a href="//facebook.com" target="_blank" title="Facebook" class="fb"></a>
		 <a href="//odnoklassniki.ru/" target="_blank" title="Одноклассники" class="ok"></a>
		 <a href="//instagram.com/" target="_blank" title="Instagram" class="ig"></a>
</div>

замените на:
Прикрепленный файл Screenshot.png

Не совсем понял в чем заключаются изменения. Одно и то же... Может в чем-то ошибка.

#29 RDenis

RDenis

    Пользователь

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

Отправлено 07 Май 2020 - 11:10

У меня ничего не поменялось.

Номер аккаунта:

SL-413632

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

  • Мы рады видеть Вас!.jpg


#30 RDenis

RDenis

    Пользователь

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

Отправлено 12 Май 2020 - 21:12

Помогите же кто-нибудь...




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

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