Какой код кнопок для Регистрация и Авторизация

[hacker]

Выглядит в данный момент не очень



К примеру:


Хотелось бы видеть как то так!

 

[baltun]

К примеру:

Ну ты кинь пример где видел и я тебе код оттуда достану, а чтобы точно он подошел тебе нужно еще и код данного выше чуда, чтобы можно было код приспособить тебе.

 

[hacker]

@baltun,

У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

Ну ты кинь пример где видел и я тебе код оттуда достану, а чтобы точно он подошел тебе нужно еще и код данного выше чуда, чтобы можно было код приспособить тебе.

Этот код данного чуда, только в ЛС.

 

[baltun]

Код кнопок с разметкой ну это оригинал, без учета фона самого форума:

<ul class="home-cta">
        <li><a href="#">Try a free demo</a></li>
        <li><a href="#">Buy XenForo Cloud</a></li>
        <li><a href="#">Buy XenForo self-hosted</a></li>
</ul>

.home-cta {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
}
.home-cta li {
    display: inline-block;
    margin: .5em .5em 0;
}
.home-cta a {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    display: inline-block;
    padding: 6px 26px;
    color: rgba(255,255,255,0.85);
    background: rgba(0,0,0,0.5);
    border: 2px solid #aa6709;
    border-radius: 5px;
}

В твоем случае можно нечего не менять просто сделать разметку такую:

<div class="notice-content home-cta">
       <a href="/login/" rel="nofollow" data-xf-click="overlay">Войти</a>
       <a href="/register/" rel="nofollow" data-xf-click="overlay">Регистрация</a><br>
</div>

Либо для тега a добавить свой класс, если для каждой кнопки нужно вносить изменения тогда добавить id.

 

[hacker]

Отлично всё получилось!

 

[baltun]

Посмотреть вложение 28366

Отлично всё получилось!

Надпись в кнопках нужно как то центрировать она больше сдвинута вправо.

 

[hacker]

Надпись в кнопках нужно как то центрировать она больше сдвинута вправо.

Это я там хочу FA ткнуть.