Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Меню входа в пу

B

benya

Авг
60
11
Пользователь
как сделать такую менюшку, есть ссылка на мануал/гайд, или же сами можете объяснить как это сделать
IMG_20251217_143120_595.jpg
 
Сортировка по дате Сортировка по голосам
N

necgego

Дек
5
0
Пользователь
Позитивный голос 0 Негативный голос
XenForo гуру

XenForo гуру

Апр
117
29
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
necgego написал(а):
Включаешь разраба , в шаблонах ищешь шаблон панели управления login_form а дальше сам
Нажмите для раскрытия...
OFFTOP

Дай бог он поймет как находить шаблоны пу

 
Позитивный голос 0 Негативный голос
P

Platonchik Pluxury

Окт
382
623
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
CSS: 
.adminLogin-password {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-password:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}
.adminLogin-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1f1f1f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.adminLogin-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 140, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 140, 0, 0.08) 0%, transparent 50%);
}

.adminLogin-container {
    background: rgba(42, 42, 42, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(255, 140, 0, 0.3);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.5),
        0 0 100px rgba(255, 140, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 40px;
    max-width: 440px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.adminLogin-container::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff8c00, #ffa500, #ff8c00);
    border-radius: 22px;
    z-index: -1;
    opacity: 0.3;
}

.adminLogin-header {
    text-align: center;
    margin-bottom: 30px;
}

.adminLogin-logo {
    display: block;
    margin: 0 auto 20px;
}

.adminLogin-title {
    color: #ff8c00;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 8px;
}

.adminLogin-subtitle {
    color: #cccccc;
    font-size: 0.95em;
    opacity: 0.8;
    margin: 0;
}

.adminLogin-formGroup {
    margin-bottom: 20px;
}

.adminLogin-label {
    color: #ffa500;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 0.95em;
}

.adminLogin-inputWrapper {
    position: relative;
}

.adminLogin-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-input:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}

.adminLogin-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff8c00;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminLogin-submitGroup {
    margin-top: 30px;
    text-align: center;
}

.adminLogin-button {
    background: linear-gradient(135deg, #ff8c00, #ff6b00) !important;
    border: none !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 14px 20px !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.adminLogin-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4) !important;
}

.adminLogin-buttonText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adminLogin-boardTitle {
    color: #cccccc;
    font-size: 0.9em;
    opacity: 0.7;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .adminLogin-container {
        padding: 30px 20px;
    }
    
    .adminLogin-title {
        font-size: 1.6em;
    }
    
    .adminLogin-button {
        padding: 12px 16px !important;
        font-size: 0.95em !important;
    }
}
 
Позитивный голос 0 Негативный голос
viovit

viovit

@viovit_dev
Апр
1,344
847
Продавец
necgego написал(а):
Включаешь разраба , в шаблонах ищешь шаблон панели управления login_form а дальше сам
Нажмите для раскрытия...
OFFTOP

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

 
Позитивный голос 0 Негативный голос
B

benya

Авг
60
11
Пользователь
Platonchik Pluxury написал(а):
CSS: 
.adminLogin-password {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-password:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}
.adminLogin-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1f1f1f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.adminLogin-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 140, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 140, 0, 0.08) 0%, transparent 50%);
}

.adminLogin-container {
    background: rgba(42, 42, 42, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(255, 140, 0, 0.3);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.5),
        0 0 100px rgba(255, 140, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 40px;
    max-width: 440px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.adminLogin-container::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff8c00, #ffa500, #ff8c00);
    border-radius: 22px;
    z-index: -1;
    opacity: 0.3;
}

.adminLogin-header {
    text-align: center;
    margin-bottom: 30px;
}

.adminLogin-logo {
    display: block;
    margin: 0 auto 20px;
}

.adminLogin-title {
    color: #ff8c00;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 8px;
}

.adminLogin-subtitle {
    color: #cccccc;
    font-size: 0.95em;
    opacity: 0.8;
    margin: 0;
}

.adminLogin-formGroup {
    margin-bottom: 20px;
}

.adminLogin-label {
    color: #ffa500;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 0.95em;
}

.adminLogin-inputWrapper {
    position: relative;
}

.adminLogin-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-input:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}

.adminLogin-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff8c00;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminLogin-submitGroup {
    margin-top: 30px;
    text-align: center;
}

.adminLogin-button {
    background: linear-gradient(135deg, #ff8c00, #ff6b00) !important;
    border: none !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 14px 20px !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.adminLogin-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4) !important;
}

.adminLogin-buttonText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adminLogin-boardTitle {
    color: #cccccc;
    font-size: 0.9em;
    opacity: 0.7;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .adminLogin-container {
        padding: 30px 20px;
    }
   
    .adminLogin-title {
        font-size: 1.6em;
    }
   
    .adminLogin-button {
        padding: 12px 16px !important;
        font-size: 0.95em !important;
    }
}
Нажмите для раскрытия...
Screenshot_2025-12-18-17-40-58-523_com.android.chrome-edit.jpg
Вставил в экстра лесс, результата 0
 
Позитивный голос 0 Негативный голос
Kolpak

Kolpak

Ноя
1,590
4,134
Команда форума
Модератор
benya написал(а):
Посмотреть вложение 17801
Вставил в экстра лесс, результата 0
Нажмите для раскрытия...
Шаблоны делятся на 3 типа: email (письма, которые приходят на почту от форума), Public (контент, который видят обычные посетители форума: категории, темы, сообщения, профили) и Admin (контент, который находится в панели управления). Вход в панель управления является Admin-шаблоном, в этом типе шаблонов также присутствует extra.less. Чтобы определенные стили применились к панели управления, необходимо делать модификацию шаблонов (Панель управления - Внешний вид - Модификации шаблонов)
 
Позитивный голос 0 Негативный голос
B

benya

Авг
60
11
Пользователь
Kolpak написал(а):
Шаблоны делятся на 3 типа: email (письма, которые приходят на почту от форума), Public (контент, который видят обычные посетители форума: категории, темы, сообщения, профили) и Admin (контент, который находится в панели управления). Вход в панель управления является Admin-шаблоном, в этом типе шаблонов также присутствует extra.less. Чтобы определенные стили применились к панели управления, необходимо делать модификацию шаблонов (Панель управления - Внешний вид - Модификации шаблонов)
Нажмите для раскрытия...
Я вот зашел в модификацию, но нечего про адм панель если честно не нашел, я новчок в сфере хенформ, потихоньку учусь
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху