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

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


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

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



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

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


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

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

Эффект "Наклона" на аватарках в профиле юзеров. [phpBB2]

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

Решено Эффект "Наклона" на аватарках в профиле юзеров. [phpBB2]

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

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

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

http://help.forum2x2.ru/t32232-topic


Установка.

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

1) - Устанавливаем себе "Новый профиль", а затем переходим к CCS.

2) - Если вы уже установили себе выше указанный тип профиля, тогда идите сюды:

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

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

 
Код:
 .pof-ava img{
                 margin-left: 3px;
               border: 1px solid #eee;
               border-radius: 20px;
               -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;
           }
           
          .pof-ava img:hover {
               -webkit-transform: rotate(-7deg);
               -moz-transform: rotate(-7deg);
               -o-transform: rotate(-7deg);
           }

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






Примечание:
Уважаемые обладатели других версий форумов: Приношу огромные извинения, что обхожу вас стороной, просто реально сейчас времени не хватает. Завтра заканчивается отпуск, ну и нужно готовиться к отъезду. Но я пообещаю что буду работать над новыми туториалами и заточкой старых для ваших версий форумов, а как закончу выложу целую стопочку новых Туториальчиковbiggrin 

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

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

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

http://help.forum2x2.ru

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

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


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