Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Эффект наклона на аватарках в Тулбаре! [Universal]

Предыдущая тема Следующая тема Перейти вниз

Решено Эффект наклона на аватарках в Тулбаре! [Universal]

Сообщение автор Сказочник Зазеркалья в Чт 22 Май - 3:09

Всем приветик друзья.  32

И так ещё один мини туториальчик от меня. На этот раз я решил написать инструкцию как сделать эффект "наклона" на аватарки в тулбаре юзеров. Дабы не присваивать лавры создателя скрипта, напишу имя автора : Comatose, и естественно хочу сказать ему просто огромное спасибо за столь чудесный скрипт. Ну и так в общем хочу сказать что данное улучшение подходит для всех версий, ага.


Установка.

Изменения, будем делать в следующем порядке.

1) - Включаем у себя Тулбар, украшаем его, а затем настраиваем код наклона.

2) - Если вы уже установили себе Тулбар, тогда идите сюды:

Панель Администратора - Оформление - Картинки и цвета - Цвета - Каскадная таблица ССS.

В каскадную таблицу ставим этот код:


Код:
  #fa_usermenu img {
     margin-left: 3px;
                border: 1px solid #eee;
                border-radius: 30px;
                -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
                -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
                box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
                -webkit-transition: all 0.5s ease-out;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
            }
            
           #fa_usermenu img:hover {
                -webkit-transform: rotate(-7deg);
                -moz-transform: rotate(-7deg);
                -o-transform: rotate(-7deg);
            }

Сохраняем и аплодисменты и авации, теперь ваша авка будет наклонятся при наведении на неё курсором:



Туториал подходит для всех версий форумов, так что смело пользуйтесь. Возможно позже добавлю пару улучшений для этого туториала.

С уважением ваш добрый Сказочник Зазеркалья ака Михаэль Волков.

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения