Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Вращение аватары, как на этом форуме 2017-02-15

Аватар пользователя

белк писал(а):

самому не посмотреть - у вас нет ссылки на сайт...

Вот пациент посмотрите если не сложно. Я потом ссылку удалю, подкорректирую сообщение.



Теги темы
Вращение аватары на форуме

Информация о редактировании
Последний раз редактировалось wmnetwork 15 фев 2017, 13:16, всего редактировалось 1 раз.
          Вернуться наверх  
 


Аватар пользователя

посмотрел.

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

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

/*------------- вращающаяся аватара ---------------*/
 


вроде в шаблоне так нельзя...

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

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

//можете удалять ссылку


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

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


Не хочет подхватывать стили. По всякому прописывал код css в шаблон. А жаль, темка интересная.

белк писал(а):

можете попробовать зайти на сайт с этими красивостями и попробовать что-то другое.. адрес в теме вроде написан...


Поищу что-нибудь стоящее здесь.


          Вернуться наверх  
 


Аватар пользователя

Обновился до версии 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;
}
 


          Вернуться наверх  
 


Аватар пользователя

Во всех браузерах такая беда?


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

В основном в ХРОМЕ , но на вашем форуме вращение плавное а у меня дерганное
и еще если навести курсор на аватарку и не убирать с нее она все время вращается дергаясь, у вас же она сделает оборот и остается затем неподвижной.


          Вернуться наверх  
 


Аватар пользователя

mokvo4 писал(а):

В основном в ХРОМЕ , но на вашем форуме вращение плавное а у меня дерганное
и еще если навести курсор на аватарку и не убирать с нее она все время вращается дергаясь, у вас же она сделает оборот и остается затем неподвижной.

Добрый вечер. Столкнулся с такой же проблемой на 3.2.1.

DeaDRoMeO писал(а):

Во всех браузерах такая беда?

Да, Internet Explorer, chrome, firefox - результат одинаков.
Заметил, что если мышь завести резко и остановить курсор в центре авы, то вращение нормальное. Если заводить медленно, то рывками.


          Вернуться наверх  
 


Аватар пользователя

Я все же думаю что такая работа это чисто индивидуальная беда, в коде используется чистый css. Браузеры у вас самых свежих версий?


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Все браузеры последних версий. Попробуйте просмотреть вращение аватара на своем компьютере
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку


          Вернуться наверх  
 


Аватар пользователя

Печально, других объективных причин для такого глюка нет. А у вас много расширений стоит? Если все отключить и посмотреть как ведет себя аватара?


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

У меня стоят расширения
ИМЯ РАСШИРЕНИЯ ТЕКУЩАЯ ВЕРСИЯ НАСТРОЙКИ ДЕЙСТВИЯ
Включённые расширения
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


          Вернуться наверх  
 


Аватар пользователя

Попробуйте все отключить, может где конфликт идет


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Отключал все расширения, ни каких изменений проблема остается


          Вернуться наверх  
 


Аватар пользователя

Тогда увы, вариантов нет больше


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

[s]удалить[/s]


          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Как сделать так как на этом форуме?

spartak77

5

446

Аватар пользователя

19 мар 2014, 12:18

Vl@d1m1r

Аватар пользователя Предложения ко всем, кому помогли на этом форуме с phpbb3
Как известно практически на каждом форуме внизу стоит ссылка "Русская поддержка phpBB", которая ведет на форум bb3x.ru. Я считаю, что лучшая "Русская поддержка phpBB" находится на форуме hello-vitebsk.ru, поэтому заменил адресс ссылки

delitant

69

7657

Аватар пользователя

31 авг 2013, 15:39

DeaDRoMeO

Аватар пользователя Как убрать внешнюю ссылку на загрузку аватары пользователя?

vundar

1

405

Аватар пользователя

16 мар 2015, 05:39

DeaDRoMeO

Аватар пользователя Иконка Онлайн поверх аватары пользователя phpBB 3
Небольшая доработочка для минипрофилей phpBB 3

DeaDRoMeO

14

1227

Аватар пользователя

24 май 2017, 19:26

DeaDRoMeO

Аватар пользователя Бан на Форуме

Рубцовск

4

495

Аватар пользователя

15 окт 2014, 06:05

Рубцовск

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


cron

Самая неформальная поддержка phpBB :P