Вход в панель управления как на форуме CRMP MOBILE

Вход в панель управления как на форуме CRMP MOBILE 1.1

Нет прав для скачивания

Добро пожаловать!

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

Зарегистрироваться!
Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
1,493
Kolpak добавил(а) новый ресурс:

Вход в панель управления как на форуме CRMP MOBILE - Вход в панель управление

Я всего-лишь показываю, как это сделать правильно. Если что-то не добавлено, добавляйте самостоятельно

Модификация шаблона extra.less
Ключ модификации: Придумайте
Тип поиска: Регулярное выражение
Найти: Заменить:

Узнать больше об этом ресурсе...
 
Последнее редактирование:
Продавец
Регистрация
28 Апр 2023
Сообщения
80
ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡 // ...
Активный
Регистрация
28 Июл 2024
Сообщения
1,078
Не работает все ломается
1000049910.jpg
1000049918.jpg
 
Последнее редактирование:
Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
1,493
Последнее редактирование:
Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
1,493
Ну я выбрал также
Исправил код в поле "заменить", используйте его
Less:
$0
.adminLogin-wrapper {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    color: #fff;

    .adminLogin-contentForm {
        background: rgba(30, 30, 30, 0.8);
        backdrop-filter: blur(10px);
        padding: 40px 30px;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        overflow: hidden;
        
        > div:first-of-type
        {
            text-align: center;
            margin-bottom: 30px;
        }

        i.fa-key:before,
        i.fa-user:before {
            content: none;
        }

        .adminLogin-row {

            > dd {

                input {
                    width: 100%;
                    padding: 14px 16px;
                    background: rgba(255, 255, 255, 0.05);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 8px;
                    color: #fff;
                    font-size: 1rem;
                    transition: all 0.3s ease;
                    padding-right: 45px;
                    font-weight: normal;
                }

                .inputGroup.inputGroup--joined {

                    input:first-of-type {
                        border-top-left-radius: 8px;
                        border-bottom-left-radius: 8px;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                    }

                    .inputGroup-text {
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;
                        border-top-right-radius: 8px;
                        border-bottom-right-radius: 8px;
                        background: rgba(255, 255, 255, 0.05);
                        color: rgba(188, 222, 245, 0.8);
                        border: 1px solid rgba(255, 255, 255, 0.1);
                        border-left: none;
                        
                        label
                        {
                            min-width: 27px;
                            
                             span
                            {
                                display: none;
                            }
                            
                            > i
                            {
                                color: rgb(170, 170, 170);
                                
                                &:hover
                                {
                                    color: rgb(255, 140, 0);
                                }
                            }
                        }
                    }
                }
            }
            
            &.adminLogin-row--submit
            {
                .button
                {
                    padding: 14px;
                    background: #ff8c00;
                    color: white;
                    border: none;
                    border-radius: 8px;
                    font-size: 1rem;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    margin-top: 10px;
                    
                    span:before
                    {
                        content: none;
                    }
                }
                
                .adminLogin-boardTitle
                {
                    margin-top: 20px;
                    font-size: 0.85rem;
                }
            }
        }
        
        &:before
        {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #ff8c00, #ffa500, #ff8c00);
            background-size: 200% 100%;
            animation: shimmer 3s infinite linear;
        }
    }
}

 @keyframes shimmer
{
    0%
    {
        background-position: -200% 0;
    }
    100%
    {
        background-position: 200% 0;
    }
}
 
Пользователь
Регистрация
1 Авг 2024
Сообщения
71
Исправил код в поле "заменить", используйте его
Less:
$0
.adminLogin-wrapper {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    color: #fff;

    .adminLogin-contentForm {
        background: rgba(30, 30, 30, 0.8);
        backdrop-filter: blur(10px);
        padding: 40px 30px;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        overflow: hidden;
       
        > div:first-of-type
        {
            text-align: center;
            margin-bottom: 30px;
        }

        i.fa-key:before,
        i.fa-user:before {
            content: none;
        }

        .adminLogin-row {

            > dd {

                input {
                    width: 100%;
                    padding: 14px 16px;
                    background: rgba(255, 255, 255, 0.05);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 8px;
                    color: #fff;
                    font-size: 1rem;
                    transition: all 0.3s ease;
                    padding-right: 45px;
                    font-weight: normal;
                }

                .inputGroup.inputGroup--joined {

                    input:first-of-type {
                        border-top-left-radius: 8px;
                        border-bottom-left-radius: 8px;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                    }

                    .inputGroup-text {
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;
                        border-top-right-radius: 8px;
                        border-bottom-right-radius: 8px;
                        background: rgba(255, 255, 255, 0.05);
                        color: rgba(188, 222, 245, 0.8);
                        border: 1px solid rgba(255, 255, 255, 0.1);
                        border-left: none;
                       
                        label
                        {
                            min-width: 27px;
                           
                             span
                            {
                                display: none;
                            }
                           
                            > i
                            {
                                color: rgb(170, 170, 170);
                               
                                &:hover
                                {
                                    color: rgb(255, 140, 0);
                                }
                            }
                        }
                    }
                }
            }
           
            &.adminLogin-row--submit
            {
                .button
                {
                    padding: 14px;
                    background: #ff8c00;
                    color: white;
                    border: none;
                    border-radius: 8px;
                    font-size: 1rem;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    margin-top: 10px;
                   
                    span:before
                    {
                        content: none;
                    }
                }
               
                .adminLogin-boardTitle
                {
                    margin-top: 20px;
                    font-size: 0.85rem;
                }
            }
        }
       
        &:before
        {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #ff8c00, #ffa500, #ff8c00);
            background-size: 200% 100%;
            animation: shimmer 3s infinite linear;
        }
    }
}

 @keyframes shimmer
{
    0%
    {
        background-position: -200% 0;
    }
    100%
    {
        background-position: 200% 0;
    }
}
можно поменять цвет?
 
Пользователь
Регистрация
1 Авг 2024
Сообщения
71
less:
$0
.adminLogin-wrapper {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    color: #fff;

    .adminLogin-contentForm {
        background: rgba(30, 30, 30, 0.8);
        backdrop-filter: blur(10px);
        padding: 40px 30px;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        overflow: hidden;
       
        > div:first-of-type
        {
            text-align: center;
            margin-bottom: 30px;
        }

        i.fa-key:before,
        i.fa-user:before {
            content: none;
        }

        .adminLogin-row {

            > dd {

                input {
                    width: 100%;
                    padding: 14px 16px;
                    background: rgba(255, 255, 255, 0.05);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 8px;
                    color: #fff;
                    font-size: 1rem;
                    transition: all 0.3s ease;
                    padding-right: 45px;
                    font-weight: normal;
                }

                .inputGroup.inputGroup--joined {

                    input:first-of-type {
                        border-top-left-radius: 8px;
                        border-bottom-left-radius: 8px;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                    }

                    .inputGroup-text {
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;
                        border-top-right-radius: 8px;
                        border-bottom-right-radius: 8px;
                        background: rgba(255, 255, 255, 0.05);
                        color: rgba(188, 222, 245, 0.8);
                        border: 1px solid rgba(255, 255, 255, 0.1);
                        border-left: none;
                       
                        label
                        {
                            min-width: 27px;
                           
                             span
                            {
                                display: none;
                            }
                           
                            > i
                            {
                                color: rgb(170, 170, 170);
                               
                                &:hover
                                {
                                    color: rgb(255, 140, 0);
                                }
                            }
                        }
                    }
                }
            }
           
            &.adminLogin-row--submit
            {
                .button
                {
                    padding: 14px;
                    background: #ff8c00;
                    color: white;
                    border: none;
                    border-radius: 8px;
                    font-size: 1rem;
                    font-weight: 600;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    margin-top: 10px;
                   
                    span:before
                    {
                        content: none;
                    }
                }
               
                .adminLogin-boardTitle
                {
                    margin-top: 20px;
                    font-size: 0.85rem;
                }
            }
        }
       
        &:before
        {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #ff8c00, #ffa500, #ff8c00);
            background-size: 200% 100%;
            animation: shimmer 3s infinite linear;
        }
    }
}

 @keyframes shimmer
{
    0%
    {
        background-position: -200% 0;
    }
    100%
    {
        background-position: 200% 0;
    }
}
обновленный код от него же, в поле заменить этот код заного ввести надо
 
ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡 // ...
Активный
Регистрация
28 Июл 2024
Сообщения
1,078
Как поменять иконку
 
ℙ𝕒𝕨𝕟𝕠 𝕙𝕖𝕝𝕡 // ...
Активный
Регистрация
28 Июл 2024
Сообщения
1,078
И слей пж как сделать кнопку такую
Панель управления и кнопка модератор
И куда их вставлять пж пупс
1000049928.jpg
 
Сверху