Кнопки

Хостинг игровых серверов
Pclayer

Pclayer

Прохожий
6 Июл 2018
201
41
25
vk.com
Виджет кнопок для магазина
Код: 
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
            <style type="text/css">
                .pc_menu {
                    width: 215px;
                }
                .pc_button {
                    color: #fff;
                    text-transform: uppercase;
                    border: 1px solid currentColor;
                    font: 13px/53px Quantico, Arial, Helvetica, sans-serif;
                    width: 245px;
                    text-align: center;
                    display: inline-block;
                    text-decoration: none;
                    margin: 3px 9px;
                    cursor: pointer;
                }
                .account__button:hover {
                    text-decoration: none;
                    background: #fff;
                    color: #000;
                }
            </style>
    </head>
    <body>
        <div class="pc_menu">
            <a href="https://vk.com/tima_shienbaev" class="pc_button">Донат скинами</a>
            <a href="" class="pc_button">Наш дискорд</a>
            <a href="https://youtube.com/channel/UCFfTlgCr6YxfUvGbPHZn8iw" class="pc_button">YouTube сервера</a>   
        </div>
    </body>
</html>
 

Вложения

  • Desktop_190205_1244.jpg
    Desktop_190205_1244.jpg
    14.5 KB · Просмотры: 202
  • Like
Реакции: BeDLaM
Svinger

Svinger

vk.com/allexter
Прохожий
7 Дек 2017
699
159
на сколько помню там отдельно вставляется виджет и код css, в твоем случае:
Код: 
в раздел css:
                .pc_button {
                    color: #fff;
                    text-transform: uppercase;
                    border: 1px solid currentColor;
                    font: 13px/53px Quantico, Arial, Helvetica, sans-serif;
                    width: 245px;
                    text-align: center;
                    display: inline-block;
                    text-decoration: none;
                    margin: 3px 9px;
                    cursor: pointer;
                }
                .account__button:hover {
                    text-decoration: none;
                    background: #fff;
                    color: #000;
                }
в виджет:
        <div class="pc_menu">
            <a href="https://vk.com/tima_shienbaev" class="pc_button">Донат скинами</a>
            <a href="" class="pc_button">Наш дискорд</a>
            <a href="https://youtube.com/channel/UCFfTlgCr6YxfUvGbPHZn8iw" class="pc_button">YouTube сервера</a>
        </div>
 
Pclayer

Pclayer

Прохожий
6 Июл 2018
201
41
25
vk.com
Svinger написал(а):
на сколько помню там отдельно вставляется виджет и код css, в твоем случае:
Код: 
в раздел css:
                .pc_button {
                    color: #fff;
                    text-transform: uppercase;
                    border: 1px solid currentColor;
                    font: 13px/53px Quantico, Arial, Helvetica, sans-serif;
                    width: 245px;
                    text-align: center;
                    display: inline-block;
                    text-decoration: none;
                    margin: 3px 9px;
                    cursor: pointer;
                }
                .account__button:hover {
                    text-decoration: none;
                    background: #fff;
                    color: #000;
                }
в виджет:
        <div class="pc_menu">
            <a href="https://vk.com/tima_shienbaev" class="pc_button">Донат скинами</a>
            <a href="" class="pc_button">Наш дискорд</a>
            <a href="https://youtube.com/channel/UCFfTlgCr6YxfUvGbPHZn8iw" class="pc_button">YouTube сервера</a>
        </div>
Нажмите для раскрытия...
Ну а зачем код разделять на 2 если в оном лучше и удобней
 
Последнее редактирование:
Войдите или зарегистрируйтесь для ответа.
Сверху Снизу