3.2.x Extensions Database 3.2 / 3.3 ⇒ Fa Fa roll effect 3.2.x

[dmzx]

Extension Name: Fa Fa roll effect
Author: dmzx & martin

Extension Description:
Roll effect on fa fa icons on hover.

dmzx/Fa-Fa-roll-effect

Screenshot:


Extension Download:

Download-link

Fa Fa roll effect v1.0.0

Installation:

1. Download the latest release.
2. Unzip the downloaded release, and change the name of the folder to `fafarolleffect`.
3. In the `ext` directory of your phpBB board, create a new directory named `dmzx` (if it does not already exist).
4. Copy the `fafarolleffect` folder to `/ext/dmzx/` if done correctly, you'll have the main extension class at
   (your forum root)/ext/dmzx/fafarolleffect/composer.json
5. Navigate in the ACP to `Customise -> Manage extensions`
6. Look for `Fa Fa roll effect` under the Disabled Extensions list, and click its `Enable` link.

[lopoto]

Nice

[cisco007]

Looks great!

[testing1]

I have installed this but I do not get all the things rotating that you do here only a some of the forum icons rotate none of the smilies or or other stuff rotate why? or is this just a cut down version release?

[Solidjeuh]

I have installed this but I do not get all the things rotating that you do here only a some of the forum icons rotate none of the smilies or or other stuff rotate why? or is this just a cut down version release?

The rotating avatar and some other stuff is done with cssmagic:
viewtopic.php?f=49&t=905&hilit=magic

[testing1]

Ya added that all it does is move topic titles and user avatars nothing else- no rotating smilies or rotating pics in topics

[Solidjeuh]

ya added that all it does is move topic titles and user avatars nothing else- no rotating smilies or rotating pics in topics

Take a look @ Dmzx his cssmagic css file
ext/martin/cssmagic/styles/prosilver/theme/cssmagic.css

Code: Select all

.forum-image:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}

.avatar:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}
.smilies:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}

img:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}

[testing1]

OH my god that is awesome it works and is just too funny many thanks for that code!

[Engelchen]

Thank you

[BBBenj]

Thank you.

Works fine in 3.3.5

[max-ima]

Thank you.

Works fine in 3.3.5

At 3.3.7 also