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 » Javascript & jQuery » Javascript & jQuery Tutorials » .FadeOut effect for forum pages (Fade)

.FadeOut effect for forum pages (Fade)

3 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 : 3614
      Points : 129527
    .FadeOut effect for forum pages (Fade)


    Overview

    Description

    Through this tutorial you can insert a fadeOut transition effect on all pages on your forum .

    Demonstration

    .FadeOut effect for forum pages (Fade) Gif11

    Technical limitations

    › It works with all websites

    Installation


    Javascript & jQuery

    For the next step you need to go towards Administration Control Panel (ACP)   Modules HTML & Javascript Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

    • Title: free choice - does not influence the code effect
    • Where: All pages
    • Code:

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




    Javascript Customization

    If desired, you can customize or change the upload image.

    Just search the code for the image
    Code:
    https://i36.servimg.com/u/f36/18/00/81/97/loadin10.gif
    and modify it with one you like

    Notes

    Approved byNiko
    Approved on January 30th, 2022
    Tested on Most recent browsers
    Difficulty level  /   
    Source Shek
    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 Sat Feb 12, 2022 8:49 pm; edited 1 time in total



    Valid
    Revolved101


    • Active poster
      The user has wrote more than 50 posts
      Climbing user
      You have participated in 20+ different topics, keep it up!
      Community newbie
      Belongs to the community for at least two years
        Posts : 55
        Points : 28135
      Thank you for sharing @Niko

      EDIT: Didn't work the gif doesn't show upon the loading screen.

      Valid
      Beyonder


      • 10th Anniversary (Grand Re-open)
        Thanks for being part of our grand re-opening
        Passioned user
        You have participated in 50+ different topics, a true fan!
        Active Contributor
        The user has wrote more than 100 posts and comments
        Members true love
        You have received more than 15 likes on your posts. Seems our members really like you!
        Community veteran
        You belong to this community since its ancient time
          Posts : 149
          Points : 74591
        Ok this looks nice for the techno relating forums! nice job! :D

        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 : 3614
            Points : 129527
          @Foodie thanks for the report! I have replaced the icon :bene:

          Next time, do not esitate to use the new report function for tutorials and resources yes

          .FadeOut effect for forum pages (Fade) Scher162



          Topic Actions

          Sponsored




          FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » .FadeOut effect for forum pages (Fade)

          ©phpBB | Contact | Report an abuse | Cookies