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

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


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

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

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


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

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

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

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

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

Сообщение автор Сказочник Зазеркалья в Ср 21 Май - 23: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);
            }

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



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

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

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

Мужчина

Сообщения : 3547
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 687

Без предупреждений

http://help.forum2x2.ru

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

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


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