Страница 1 из 1
🧩 Рестайлинг страницы авторизации
Добавлено: 20 сен 2021, 14:51
Develop-Soft
Это не плагин, но увы нет раздела "решения" (и прочие лайфхаки).
Плагин Код ниже меняет оформление формы авторизации согласно картинке:
Код: Выделить всё
<style>.forget-password > a, a:focus, a:hover, a:active {color:unset !important}</style>
<script>
$('#login_form').ready(function() {
$(":submit").css("width","100%");
$(".btn-registration").prop("class",null);
$(".btn-guest-login").prop("class",null);
$('a[href*="restore_password"]').prepend("<i class=\"fa fa-unlock-alt\" aria-hidden=\"true\"></i> ");
$('a[href*="registration"]').prepend("<i class=\"fa fa-user-plus\" aria-hidden=\"true\"></i> ");
$(".forget-password").css("margin-top","15px");
});
</script>
"Настройки" -> "Страница входа" -> "Описание страницы (в режиме "Источник")"
Внимание! Выполняя манипуляции с полем описания для страницы входа в режиме "источник" - вы рискуете "окирпичить" себе форму авторизации и остаться "без ложки к обеду"!
Будьте внимательны и осторожны!
Скачать (v0.3)
Установка: по рецепту
отсюда.
Re: Рестайлинг кнопок на странице входа
Добавлено: 20 сен 2021, 15:42
nruslan2
+1 к тому чтобы так было сделано в версии 3.0 - НАМНОГО НАМНОГО читабельнее стало!! (ну как вариант можно сделать вообще меню настроек с настройками как выглядит главная страница)
Re: Рестайлинг кнопок на странице входа
Добавлено: 20 сен 2021, 15:43
alcompstudio
О, прикольное решение, спасибо! Возьму на заметку)
Re: Рестайлинг кнопок на странице входа
Добавлено: 20 сен 2021, 15:58
Develop-Soft
Градиентик добавил
(и красненький текст в шапочке)...
Код: Выделить всё
<style type="text/css">.login{
width: 100%;
height: 100%;
background: #003e88;
background-image:
linear-gradient(rgba(22,109,188,0.8) 3px, transparent 0),
linear-gradient(90deg, rgba(22,109,188,0.8) 3px, transparent 0),
linear-gradient(rgba(26,98,176,0.6) 2px, transparent 0),
linear-gradient(90deg, rgba(26,98,176,0.6) 2px, transparent 0),
linear-gradient(rgba(0,94,170,0.3) 1px, transparent 0),
linear-gradient(90deg, rgba(0,94,170,0.3) 1px, transparent 0),
radial-gradient(circle,#0054ad, #003e88);
background-size:
128px 128px, 128px 128px,
32px 32px, 32px 32px,
16px 16px, 16px 16px,
100% 100%;
}
</style>
<style>.forget-password > a, a:focus, a:hover, a:active {color:unset !important}</style>
<script>
$('#login_form').ready(function() {
$(":submit").css("width","100%");
$(".btn-registration").prop("class",null);
$(".btn-guest-login").prop("class",null);
$('a[href*="restore_password"]').prepend("<i class=\"fa fa-unlock-alt\" aria-hidden=\"true\"></i> ");
$('a[href*="registration"]').prepend("<i class=\"fa fa-user-plus\" aria-hidden=\"true\"></i> ");
$(".forget-password").css("margin-top","15px");
});
</script>
Re: 🧩 Рестайлинг страницы авторизации
Добавлено: 03 окт 2021, 13:53
Develop-Soft
Добавил небольшой фикс против "выбеливания" при наведении крысы на ссылки.
Re: 🧩 Рестайлинг страницы авторизации
Добавлено: 12 окт 2021, 13:59
Develop-Soft
Нашел возможность из системы плагинов добраться до окна входа, сделал плагин:
Re: 🧩 Рестайлинг страницы авторизации
Добавлено: 13 окт 2021, 09:35
Develop-Soft
Подправил искажение заголовка страницы.
Re: 🧩 Рестайлинг страницы авторизации
Добавлено: 04 сен 2023, 20:34
Develop-Soft
Подправил ошибки. Сделал кнопочку чуть поярче.
