FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » HTML & CSS Languages » HTML & CSS Tutorials » Rotate avatar on Hover

Rotate avatar on Hover

+6
Nathan
ℋunni
Nick
Adikz
Kenzo
Niko
10 posters
Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3606
      Points : 125517
    Rotate avatar on Hover


    Overview

    Description

    With this tutorial we will modify the Avatar achieving a better appearance and when moving the mouse it will have an effect.

    Demonstration

    Rotate avatar on Hover Vista10

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › It works with all Forumotion forums' versions

    Installation


    CSS

    In order to design the style of the resource, you need to go towards Administration Control Panel (ACP)   Display CSS & Colors CSS Style Sheet and add append the following code:

    PhpBB2

    You need to reply to the topic in order to see the code resources



    PhpBB3

    You need to reply to the topic in order to see the code resources



    PunBB

    You need to reply to the topic in order to see the code resources



    Invision

    You need to reply to the topic in order to see the code resources



    ModernBB

    You need to reply to the topic in order to see the code resources



    AwesomeBB

    You need to reply to the topic in order to see the code resources



    Notes

    Approved byNiko
    Approved on February 8th, 2022
    Tested on Most recent browsers
    Difficulty level  /   
    Source Crooked Avatar Effect

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Last edited by Niko on Tue Feb 08, 2022 12:52 am; edited 1 time in total



    Valid
    Kenzo
    • # Very active #


      Community veteran
      You belong to this community since its ancient time
      Active Contributor
      The user has wrote more than 100 posts and comments
      Passioned user
      You have participated in 50+ different topics, a true fan!
        Posts : 197
        Points : 88964
      Thank's :) Work perfectly :D

      Valid
      avatar
      • Veteran team member

        Community veteran
        You belong to this community since its ancient time
        Climbing user
        You have participated in 20+ different topics, keep it up!
        Forum member
        Belongs to the community of FMCodes
          Posts : 31
          Points : 88132
        Nice!

        Valid
        Nick
        • Veteran team member

          Community veteran
          You belong to this community since its ancient time
          Active Contributor
          The user has wrote more than 100 posts and comments
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Team contributor
          You have been part of the community team
          Super Friendly
          You have made more than 10 members in our community, wow!
            Posts : 407
            Points : 91016
          Neat!

          Valid
          ℋunni


          • Community veteran
            You belong to this community since its ancient time
            Forum member
            Belongs to the community of FMCodes
              Posts : 10
              Points : 87310
            This needs more attention.

            It's wonderful and fun <3.

            Valid
            Nathan
            • Veteran team member

              Community veteran
              You belong to this community since its ancient time
              Active Contributor
              The user has wrote more than 100 posts and comments
              Friendly user
              You have added many community members as friends!
              Passioned user
              You have participated in 50+ different topics, a true fan!
              Team contributor
              You have been part of the community team
                Posts : 108
                Points : 87764
              Nice but some one use phpbb2 and pun bb uses some templelate to do this

              Valid
              PandahFish


              • Community veteran
                You belong to this community since its ancient time
                Active poster
                The user has wrote more than 50 posts
                Climbing user
                You have participated in 20+ different topics, keep it up!
                  Posts : 52
                  Points : 87777
                This is wicked!
                Really awesome! :D

                Valid
                PandahFish


                • Community veteran
                  You belong to this community since its ancient time
                  Active poster
                  The user has wrote more than 50 posts
                  Climbing user
                  You have participated in 20+ different topics, keep it up!
                    Posts : 52
                    Points : 87777
                  This also affects my rank image.
                  How can I change it so it only rotates the avatar and not the rank?
                  My forum version is PunBB

                  Valid
                  J0k3R^
                  • # Very active #


                    Active Contributor
                    The user has wrote more than 100 posts and comments
                    Passioned user
                    You have participated in 50+ different topics, a true fan!
                    Forum Writer
                    You have opened more than 20 topics on the forum
                    Community veteran
                    You belong to this community since its ancient time
                      Posts : 153
                      Points : 74066
                    awesome Niko, thanks a lot! :)

                    Valid
                    hoanglongnhatbao


                    • Community veteran
                      You belong to this community since its ancient time
                      Passioned user
                      You have participated in 50+ different topics, a true fan!
                      Active Contributor
                      The user has wrote more than 100 posts and comments
                      Post lover
                      You have liked more than 50 posts!
                      Members Guru
                      You have received more than 50 likes on your posts. Our members really what you have to say!
                        Posts : 145
                        Points : 89887
                      This is wicked!
                      Really awesome! :D

                      Valid
                      Guest
                      • Guest

                        Team contributor
                        You have been part of the community team
                        Active Contributor
                        The user has wrote more than 100 posts and comments
                        Post lover
                        You have liked more than 50 posts!
                        Merry Christmas 2022
                        Thanks for having been with us during Christmas season!
                        Passioned user
                        You have participated in 50+ different topics, a true fan!
                        Forum Writer
                        You have opened more than 20 topics on the forum
                        Members Guru
                        You have received more than 50 likes on your posts. Our members really what you have to say!
                          Posts : 556
                          Points : 18300
                        UPDATE - January 18th 2023
                        Tutorial now works for ModernBB and AwesomeBB Forumotion versions as well.

                        Code updated by System32

                        Topic Actions

                        Sponsored




                        FMCodes • All-in-one Webmasters community  » Coding Community » HTML & CSS Languages » HTML & CSS Tutorials » Rotate avatar on Hover

                        ©phpBB | Contact | Report an abuse