(Xenforo) Дизайн премиум класса входа в панель управления

[MEMER_FAUD]

Было:

https://forum.antichat.xyz/attachments/28600755/

Стало:

https://forum.antichat.xyz/attachments/28600755/

Инструкция по изменению шаблона:

/admin.php?template-modifications Откройте шаблон модификации "login", а затем найдите:

HTML:











Добавьте этот код:

HTML:











Теперь найдите код:

HTML:











Измените его следующим образом:

HTML:











Теперь найдите:

HTML:











{{ phrase('forgot_your_password') }}






И измените его этим кодом:

HTML:















Найдите код:

HTML:







{{ phrase('stay_logged_in') }}





И измените код на это:

HTML:







{{ phrase('stay_logged_in') }}


{{ phrase('forgot_your_password') }}




{{ phrase('login') }}
veya

{{ phrase('register') }}






Теперь найдите этот код:

HTML:












{{ phrase('dont_have_account_question') }} {{ phrase('register_now') }}






{{ phrase('or_separator') }}























Измените на это:

HTML:



























В завершение, необходимо создать файл-шаблон с именем login.less, вставить предложенный код внутрь него, сохранить изменения!

Less:






.OriginLoginForm {
margin: 0 auto;
}

.OriginLoginForm .block-body {
padding: 25px 0;
}

.OriginLoginForm .input {
text-align: center;
}

.buttonGroup {
display: inline-block;
vertical-align: top;
padding-bottom: 20px;
display: flex;
margin: 25px 25px;
justify-content: center;
}

.buttonGroup > .button {
width: 50%;
margin: 8px;
padding-top: 7px;
padding-bottom: 7px;
text-transform: capitalize;
font-weight: 700;
float: left;
border: 0;

}



.rgn-button {
flex: 1 1 auto;
text-transform: capitalize;
background-size: 200% auto !important;
color: white;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.rgn-pembe-button {
background-image: linear-gradient(to right, #8122d8 0%, #c470e0 51%, #cd43ef 100%) !important;
color: white !important;
}
.rgn-mavi-button {
background-image: linear-gradient(to right, #248fa0 0%, #4dbdde 51%, #047caa 100%) !important;
color: white !important;
}

.rgn-button:hover {
background-position: right center !important;
}

.button, a.button{transition: all 0.5s;}

.Ayrac {
width: 48px;
height: 41px;
max-height: 41px;
display: inline-block;
position: relative;
margin: 6px -20px;
line-height: 41px;
background: #fff;
color: #777;
text-align: center;
border-radius: 50%;
}



.OriginLoginForm .formRow--input>dt,
.OriginLoginForm .inputGroup-text,
.OriginLoginForm .formRow>dt,
.OriginLoginForm .block-outer.block-outer--after,
.OriginLoginForm .blocks-textJoiner
{display: none;
}




.OriginLoginForm .inputChoices {
display:inline-block;
margin-right: 25px;
margin-top: -5px;
}

.OriginLoginForm .formRow>dd {
width: 100%;
padding: 10px 10px 0px 10px;
text-align: center;
}

.originiconbg {
background-color: transparent;
}
.originicon {
background: url(https://i.hizliresim.com/cFaEb7.png) no-repeat;
animation: donusorigin 4s infinite linear;
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
margin-bottom: 6px;
}

@keyframes donusorigin {

0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}}

.fa-user-plus:before {
content: "\f234";
margin-right: 5px;
}
.listHeaporigin {
list-style: none;
margin: 0;
padding: 0;
margin-top: -35px;
text-align: center;
}