2
Кнопка "мы В Социальных Сетях"
Автор Ильяc, 02 февр. 2015 10:00
Сообщений в теме: 29
#21
Отправлено 15 Ноябрь 2016 - 16:38
Добрый день! У кнопочек справа изображение появилось. Спасибо большое за помощь!!! Помогите пжл разобраться с кнопочками слева: Как сделать, чтобы слева,по стилю были такие же кнопочки, что и справа? И как мне всю эту левую конструкцию подвинуть немного правее от края, сделать чуть-чуть ниже от блока "Новости магазина" и кнопочки сдвинуть немного вниз от слова "Присоединяйтесь".
#22
Отправлено 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
Отправлено 18 Ноябрь 2016 - 10:51
Красота!!! Спасибо
#24
Отправлено 02 Май 2020 - 17:03
Danil (02 Февраль 2015 - 10:41) писал:
Здравствуйте.
В шаблоне html после кода
В шаблоне 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
Отправлено 02 Май 2020 - 17:37
Mr.Nito (14 Ноябрь 2016 - 17:16) писал:
Для добавления соц сетей по правому краю
В файл HTML
сразу после
добавьте
В файле main.css в самом конце добавьте
Загрузите изображение прикреплённое к сообщению через кнопку "Добавить файл"
В файл 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
Отправлено 07 Май 2020 - 09:02
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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>
замените на:
#27
Отправлено 07 Май 2020 - 10:50
Vaccina (07 Май 2020 - 09:02) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Screenshot.png
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 07 Май 2020 - 11:01
Vaccina (07 Май 2020 - 09:02) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Screenshot.png
Зайдите в раздел Сайт - Редактор шаблонов - 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
Не совсем понял в чем заключаются изменения. Одно и то же... Может в чем-то ошибка.
#30
Отправлено 12 Май 2020 - 21:12
Помогите же кто-нибудь...
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных