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 » Add time of the notification directly in the toolbar

Add time of the notification directly in the toolbar

4 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
    Add time of the notification directly in the toolbar


    Overview

    Description

    This tutorial allows you to display the time of the notification directly from the notifications' box in the toolbar

    Demonstration

    Before
    After
    Add time of the notification directly in the toolbar Screen62
    Add time of the notification directly in the toolbar Screen63

    Technical limitations

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

    Installation

    Introduction

    The timing reflects the relative time if available. So you will see "Today", "Yesterday" when available, otherwise you will see the full date.

    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:

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



    CSS Customization

    CSS can be fully customized according to the style of the forum.
    You can remove the attribute
    Code:
    float: right;
    if you want to keep the timing directly under the notification content.

    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




    Notes

    Approved byNiko
    Approved on January 28th, 2023
    Tested on Most recent browsers
    Difficulty level  /   
    Source FMCodes originals

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



    Valid
    sivastar


    • Community veteran
      You belong to this community since its ancient time
      Active poster
      The user has wrote more than 50 posts
      Passioned user
      You have participated in 50+ different topics, a true fan!
        Posts : 65
        Points : 93339
      Very useful tutorial

      Valid
      Frappuccino
      • I'm a new member


        Forum member
        Belongs to the community of FMCodes
          Posts : 4
          Points : 9170
        Thanks! I want something like this for my own forum !

        Valid
        Nef


        • Forum member
          Belongs to the community of FMCodes
            Posts : 15
            Points : 8650
          need this code

          Valid
          Nef


          • Forum member
            Belongs to the community of FMCodes
              Posts : 15
              Points : 8650
            the second press does not display the time, It’s a pity

            Flowers

            Topic Actions

            Sponsored




            FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Add time of the notification directly in the toolbar

            ©phpBB | Contact | Report an abuse | Cookies