Вращение аватары, как на этом форуме

В этом подфоруме общаемся на любые темы связанные со сторонними CMS, делимся собственными наработками и советами

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Ответить
Аватара пользователя
wmnetwork
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 7 лет 1 месяц
Откуда: Павлодар КЗ
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение wmnetwork »

белк писал(а):самому не посмотреть - у вас нет ссылки на сайт...
Вот пациент посмотрите если не сложно. Я потом ссылку удалю, подкорректирую сообщение.
Последний раз редактировалось wmnetwork 15 фев 2017, 13:16, всего редактировалось 1 раз.
#61
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение белк »

посмотрел.

предложение:

1. удалить из кода

Код: Выделить всё

/*------------- вращающаяся аватара ---------------*/
вроде в шаблоне так нельзя...

2. желательно код css прописать к блоку (например перед <dl class="postprofile" id="profile14">

а так вроде бы всё правильно....

//можете удалять ссылку
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#62
Аватара пользователя
wmnetwork
Заглянул на огонек
Заглянул на огонек
Сообщения: 36
Стаж: 7 лет 1 месяц
Откуда: Павлодар КЗ
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение wmnetwork »

белк писал(а):желательно код css прописать к блоку (например перед <dl class="postprofile" id="profile14">
Не хочет подхватывать стили. По всякому прописывал код css в шаблон. А жаль, темка интересная.
белк писал(а):можете попробовать зайти на сайт с этими красивостями и попробовать что-то другое.. адрес в теме вроде написан...
Поищу что-нибудь стоящее здесь.
#63
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

Вращение аватары, как на этом форуме

Сообщение mokvo4 »

Обновился до версии 3.2.1
Аватара стала вращаться как то не корректно с дёрганьем Можно посмотреть здесь
Как сделать чтобы аватара вращалась плавно

У меря в viewtopic_body стоит код

Код: Выделить всё

					<!-- IF postrow.U_POST_AUTHOR --><a class="avatar" onMouseOver="this.className='flip animated avatar';" onmouseout="this.className='avatar';" href="{postrow.U_POST_AUTHOR}" title="Посмотреть профиль">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br /><!-- ELSE --><a class="avatar" onMouseOver="this.className='flip animated avatar';" onmouseout="this.className='avatar';" href="{postrow.U_POST_AUTHOR}" title="Посмотреть профиль"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></a>
В common.css стоит код

Код: Выделить всё

/*------------- вращающаяся аватара ---------------*/
 
@-webkit-keyframes flip {
   0% {
      -webkit-transform: translateZ(0) rotateY(0) scale(1);
      -webkit-animation-timing-function: ease-out;
   }
   40% {
      -webkit-transform: translateZ(150px) rotateY(170deg) scale(1);
      -webkit-animation-timing-function: ease-out;
   }
   50% {
      -webkit-transform: translateZ(150px) rotateY(190deg) scale(1);
      -webkit-animation-timing-function: ease-in;
   }
   80% {
      -webkit-transform: translateZ(0) rotateY(360deg) scale(.95);
      -webkit-animation-timing-function: ease-in;
   }
   100% {
      -webkit-transform: translateZ(0) rotateY(360deg) scale(1);
      -webkit-animation-timing-function: ease-in;
   }
}
@-moz-keyframes flip {
   0% {
      -moz-transform: translateZ(0) rotateY(0) scale(1);
      -moz-animation-timing-function: ease-out;
   }
   40% {
      -moz-transform: translateZ(150px) rotateY(170deg) scale(1);
      -moz-animation-timing-function: ease-out;
   }
   50% {
      -moz-transform: translateZ(150px) rotateY(190deg) scale(1);
      -moz-animation-timing-function: ease-in;
   }
   80% {
      -moz-transform: translateZ(0) rotateY(360deg) scale(.95);
      -moz-animation-timing-function: ease-in;
   }
   100% {
      -moz-transform: translateZ(0) rotateY(360deg) scale(1);
      -moz-animation-timing-function: ease-in;
   }
}
@-o-keyframes flip {
   0% {
      -o-transform: translateZ(0) rotateY(0) scale(1);
      -o-animation-timing-function: ease-out;
   }
   40% {
      -o-transform: translateZ(150px) rotateY(170deg) scale(1);
      -o-animation-timing-function: ease-out;
   }
   50% {
      -o-transform: translateZ(150px) rotateY(190deg) scale(1);
      -o-animation-timing-function: ease-in;
   }
   80% {
      -o-transform: translateZ(0) rotateY(360deg) scale(.95);
      -o-animation-timing-function: ease-in;
   }
   100% {
      -o-transform: translateZ(0) rotateY(360deg) scale(1);
      -o-animation-timing-function: ease-in;
   }
}
@keyframes flip {
   0% {
      transform: translateZ(0) rotateY(0) scale(1);
      animation-timing-function: ease-out;
   }
   40% {
      transform: translateZ(150px) rotateY(170deg) scale(1);
      animation-timing-function: ease-out;
   }
   50% {
      transform: translateZ(150px) rotateY(190deg) scale(1);
      animation-timing-function: ease-in;
   }
   80% {
      transform: translateZ(0) rotateY(360deg) scale(.95);
      animation-timing-function: ease-in;
   }
   100% {
      transform: translateZ(0) rotateY(360deg) scale(1);
      animation-timing-function: ease-in;
   }
}
 
.animated.flip {
   -webkit-backface-visibility: visible !important;
   -webkit-animation-name: flip;
   -moz-backface-visibility: visible !important;
   -moz-animation-name: flip;
   -o-backface-visibility: visible !important;
   -o-animation-name: flip;
   backface-visibility: visible !important;
   animation-name: flip;
}
.animated {
   -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
           animation-duration: 1s;
   -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
           animation-fill-mode: both;
}
 
.animated.hinge {
   -webkit-animation-duration: 2s;
      -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
           animation-duration: 2s;
}
#64
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение DeaDRoMeO »

Во всех браузерах такая беда?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#65
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

Вращение аватары, как на этом форуме

Сообщение mokvo4 »

В основном в ХРОМЕ , но на вашем форуме вращение плавное а у меня дерганное
и еще если навести курсор на аватарку и не убирать с нее она все время вращается дергаясь, у вас же она сделает оборот и остается затем неподвижной.
#66
Аватара пользователя
crazysmall
Заглянул на огонек
Заглянул на огонек
Сообщения: 4
Стаж: 6 лет 3 месяца

Вращение аватары, как на этом форуме

Сообщение crazysmall »

mokvo4 писал(а):В основном в ХРОМЕ , но на вашем форуме вращение плавное а у меня дерганное
и еще если навести курсор на аватарку и не убирать с нее она все время вращается дергаясь, у вас же она сделает оборот и остается затем неподвижной.
Добрый вечер. Столкнулся с такой же проблемой на 3.2.1.
DeaDRoMeO писал(а):Во всех браузерах такая беда?
Да, Internet Explorer, chrome, firefox - результат одинаков.
Заметил, что если мышь завести резко и остановить курсор в центре авы, то вращение нормальное. Если заводить медленно, то рывками.
#67
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение DeaDRoMeO »

Я все же думаю что такая работа это чисто индивидуальная беда, в коде используется чистый css. Браузеры у вас самых свежих версий?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#68
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

Вращение аватары, как на этом форуме

Сообщение mokvo4 »

Все браузеры последних версий. Попробуйте просмотреть вращение аватара на своем компьютере https://mokvo4.ru/forum
#69
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение DeaDRoMeO »

Печально, других объективных причин для такого глюка нет. А у вас много расширений стоит? Если все отключить и посмотреть как ведет себя аватара?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#70
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

Вращение аватары, как на этом форуме

Сообщение mokvo4 »

У меня стоят расширения
ИМЯ РАСШИРЕНИЯ ТЕКУЩАЯ ВЕРСИЯ НАСТРОЙКИ ДЕЙСТВИЯ
Включённые расширения
Add User 1.0.4 Информация Отключить
Ad Units 1.0.0 Информация Отключить
Advanced BBCode Box 3.1.4 Информация Отключить
AJAX Registration check 1.0.0-RC2 Информация Отключить
Annual Stars 1.0.1 Информация Отключить
Avatars on Memberlist 2.0.0 Информация Отключить
Avatars users online 1.0.0 Информация Отключить
Avatar Upload Resize - Lite 1.0.0 Информация Отключить
Background Forum 1.0.5 Информация Отключить
Background Image in Text Area 1.0.2 Информация Отключить
BB3jQueryTooltipPlugin 1.0.1 Информация Отключить
BB3Topics 1.0.1 Информация Отключить
Birthday Cake 1.0.0 Информация Отключить
Blinking counter, for new pm and new notify 1.0.3 Информация Отключить
Board Announcements 1.0.4 Информация Отключить
BoardStartDate 1.0.0 Информация Отключить
Breadcrumb Menu 1.0.5 Информация Отключить
Browse Happy 2.0.0 Информация Отключить
Calendar in Posting 1.0.0 Информация Отключить
Category Image 1.0.3 Информация Отключить
Change Post Time 1.0.0 Информация Отключить
Contact Admin 1.1.4 Информация Отключить
Counter of visitors for each forum 1.0.0 Информация Отключить
Cron Status 3.1.2 Информация Отключить
Database Optimize & Repair Tool 1.1.0 Информация Отключить
Display Last Post 1.2.0 Информация Отключить
E-mail на день рождения 3.1.4 Информация Отключить
Email list 1.0.0 Информация Отключить
Favicon 0.1.0 Информация Отключить
File Download 1.0.2 Информация Отключить
First post on every page 2.0.1 Информация Отключить
Forum Icons 1.0.2 Информация Отключить
Forum name in Topic 1.0.1 Информация Отключить
Genders 1.1.1 Информация Отключить
GoogleTranslator 1.0.0 Информация Отключить
Highslide 0.0.1 Информация Отключить
Images from posts 1.0.5 Информация Отключить
Inline images in attachment 1.0.0 Информация Отключить
Last Post Avatar 1.0.2 Информация Отключить
Live Clock 0.1.0 Информация Отключить
Mini Calendar 1.0.2 Информация Отключить
National Flags 2.1.3 Информация Отключить
Notify Admin on Registration 1.0.1 Информация Отключить
NumPosts 1.0.0 Информация Отключить
Password Strength 1.2.1 Информация Отключить
Posts merging 2.0.2 Информация Отключить
Precise Similar Topics 1.4.2 Информация Отключить
Preview Attached Images 1.0.6 Информация Отключить
Profile side switcher 0.0.1 Информация Отключить
Quick Ads 1.0.0 Информация Отключить
Quick Login 1.1.1 Информация Отключить
QuickReply Reloaded 2.0.0-beta Информация Отключить
Red title for new topic and new reply 1.0.2 Информация Отключить
RegIPLimit 1.0.0 Информация Отключить
s9e/mediaembed 20150104 Информация Отключить
Scroll To Top 1.0.1 Информация Отключить
Search user topics 1.0.0 Информация Отключить
Separate Bots 1.0.1 Информация Отключить
Share Yandex 0.0.1 Информация Отключить
smilies scroll box 1.0.2 Информация Отключить
Social Sharing w/Dyanmic Opengraph Tags 0.9.1 Информация Отключить
Stars for posts 1.0.0 Информация Отключить
Team Avatar 1.0.0 Информация Отключить
Thanks for posts 2.0.2 Информация Отключить
TimeHeader 1.0.0 Информация Отключить
Top Five 1.0.2 Информация Отключить
Topic Author 1.0.1 Информация Отключить
Topic icons on index 1.0.0 Информация Отключить
Topic Preview 2.2.1 Информация Отключить
Unique Visits Counter 1.0.1 Информация Отключить
Upcoming Birthdays 1.0.2 Информация Отключить
Upload Extensions 3.2.0-dev Информация Отключить
Username Colour Changer 1.0.1 Информация Отключить
Who Posted In This Topic 1.0.7 Информация Отключить
Who Visited This Topic 0.1.0-RC4 Информация Отключить
Who was here (light) 1.0.0 Информация Отключить
Zodiacs
#71
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение DeaDRoMeO »

Попробуйте все отключить, может где конфликт идет
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#72
Аватара пользователя
mokvo4
Заглянул на огонек
Заглянул на огонек
Сообщения: 11
Стаж: 9 лет 1 месяц
Откуда: Санкт-Петербуг

Вращение аватары, как на этом форуме

Сообщение mokvo4 »

Отключал все расширения, ни каких изменений проблема остается
#73
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение DeaDRoMeO »

Тогда увы, вариантов нет больше
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#74
Semtex
Заглянул на огонек
Заглянул на огонек
Сообщения: 47
Стаж: 6 лет 11 месяцев
Контактная информация:

Вращение аватары, как на этом форуме

Сообщение Semtex »

удалить
#75
Ответить