В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.
Вы так же можете изменять, добавлять: новые ссылки, иконки, расцветку выдвижного мини профиля. Я вам подробно распишу где, что и как изменить, а так же представлю 2 уже готовых цветовых решений (светлый, темный).
Установка 1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.
Настройка цветов Для удобства все стили отвечающие за цветовую схему выдвижного мини-профиля вынесены в отдельные селекторы. После "/* Цветовые стили */". .uwaid_panel — Основной стиль панели. .uwaid_panel a — Стили ссылки в обычном состоянии. .uwaid_panel a:hover — Стили ссылки при наведении. .uwaid_panel a span — Стили количества сообщений. .my_profile — Стили кнопки вызова панели. .close_p — Стили кнопки закрытия панели.
Основываясь на этом можно изменять цвета: border — Обводка background — Фон color — Цвет текста
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
Реклама
Ваш профиль
Гость !
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Поиск
Наш опрос
Быстрая закачка
Заливай быстро файлы и получай ссылки для опубликование материалов на сайте
Загрузка картинок на радикал
Статистика
Статистика Всего: 238 За месяц: 0 За неделю: 0 Вчера: 0 Сегодня: 0 Из них Администраторов: 1 Модераторов: 1 Друзья: 2 Проверенных: 0 Забаненых: 0 Обычных юзеров: 234 Из них Парней: 224 Девушек: 14