Question

подскажите пожалуйста, как на сайт поставить блок с кнопками соц. сетей. спасибо.

Answer 1

1. Добавить новый блок https://www.ucoz.ru/qa/index.php/111802
2. Далее в данном блоке вставить код вида:

<div class="banner-block">
    <style>
        #social_block {
            border: 2px solid #f5f5f6;
            border-radius: 10px;
            padding: 13px 20px;
            margin-bottom: 20px;
            text-align: center;
        }

        h4.social-block-header {
            margin: 5px auto 15px;
            font-size: 26px;
            line-height: 30px;
        }

        .social-block-text {
            margin: 0;
            font-size: 15px;
            line-height: 20px;
        }

        .social-block-soc {
            margin: 20px auto 8px;
        }

        .social-block-soc a {
            display: inline-block;
            margin: auto 2px;
        }

        .social-block-soc a:hover {
            opacity: 0.8;
        }
    </style>

    <div id="social_block">
        <h4 class="social-block-header">Мы соц. сетях</h4>
        <p class="social-block-text">Здесь описание к блоку какой месседж хотите донести пользователям</p>
        <div class="social-block-soc">
            <a href="ссылка на группу вконтакте" target="_blank"><img src="http://9bclass.ucoz.ru/img/help/social-block-vk.png"></a>
            <a href="ссылка на группу фейсбук" target="_blank"><img src="http://9bclass.ucoz.ru/img/help/social-block-fb.png"></a>
            <a href="ссылка на страницу в однокласниках" target="_blank"><img src="http://9bclass.ucoz.ru/img/help/social-block-ok.png"></a>
            <a href="ссылка на страницу в гугл +" target="_blank"><img src="http://9bclass.ucoz.ru/img/help/social-block-gplus.png"></a>
        </div>
    </div>
</div>

в данном коде ссылки на фото иконок соц-сетей замените на свои загрузив иконки себе и пропишите свои ссылки на страницы группы соц-сетей.