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 » Remove parenthesis from the number of notifications and add a custom background

Remove parenthesis from the number of notifications and add a custom background

+2
The sea
YoshiGM
6 posters
Remove parenthesis from the number of notifications and add a custom background Empty
YoshiGM
  • Forum Administrator

    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
    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
    Friendly user
    You have added many community members as friends!
    Beta Tester
    You have been part of the Beta-Testing team
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    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!
    Post lover
    You have liked more than 50 posts!
    Forum Partner
    This member is founder of a community affiliated with FMCodes!
      Posts : 595
      Points : 99772
    Remove parenthesis of the number of notifications in toolbar and add a custom background


    Overview

    Description

    With this tutorial you will remove the parenthesis in the number of notifications in the toolbar and add a custom background like social networks.

    Demonstration

    Remove parenthesis from the number of notifications and add a custom background Imagen55

    Technical limitations

    › This tutorial is dedicated to the forums powered by Forumotion free forum service
    › Requires to be the Founder of the #Forumotion Forum
    › It works with all Forumotion forums' versions


    Installation

    Introduction

    You must have activated the Forumotion's toolbar before starting.

    ACP - Modules - Toolbar - Activate Toolbar: Yes.

    Javascript

    First let's install this javascript to remove the parenthesis, please go to 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

    You don't need to modify any of the code, just hit save and proceed to the CSS code.

    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


    • background-color: For the backgroubd of the number of notifications.
    • color: For the color of the number of notifications.
    • font-size: For the size of the number of notifications.
    • text-shadow: For the color of the shadow in the number of notifications.

    Other attributes like padding-left, padding-right, are for the position of the number. You can personalize it but they appear very good with these default values.

    Final considerations

    Hope it works and looks good in your forum n.n

    Notes

    Approved byYoshiGM
    Approved on March 2nd, 2022
    Tested on Most recent browsers
    Difficulty level  /   
    Source Javascript and CSS provided by my friend Chalo, from his spanish forum OpenSourcephpBB3

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




    Remove parenthesis from the number of notifications and add a custom background Yoshig10

    Hey Guest, Welcome to FMCodes.  Hello
    Don't forget to read the General Rules
    • Want to improve your forum? Take a look of the Coding Community section.
    • Need any new design, promote your forum or any related? You can use our Forum Services

    Helping those who need it is not only part of duty, but of happiness.

    No Support via PM!
    Remove parenthesis from the number of notifications and add a custom background Empty
    The sea


    • Very active poster
      The user has wrote more than 75 posts
      Forum Writer
      You have opened more than 20 topics on the forum
      Climbing user
      You have participated in 20+ different topics, keep it up!
      Community newbie
      Belongs to the community for at least two years
        Posts : 85
        Points : 22505
      Ok thanks, good worked dude

      Remove parenthesis from the number of notifications and add a custom background Empty
      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 : 94227
        Ok thanks, good code

        Remove parenthesis from the number of notifications and add a custom background Empty
        Cryptic


        • 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!
          Members true love
          You have received more than 15 likes on your posts. Seems our members really like you!
          Community newbie
          Belongs to the community for at least two years
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Active Contributor
          The user has wrote more than 100 posts and comments
            Posts : 108
            Points : 30578
          Awesome! I will definitely try this out!

          Remove parenthesis from the number of notifications and add a custom background Empty
          Beyonder
          • # Very active #


            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 : 151
              Points : 75031
            Ooooh now this is something nice!

            Remove parenthesis from the number of notifications and add a custom background Empty
            Frappuccino
            • I'm a new member


              Forum member
              Belongs to the community of FMCodes
                Posts : 4
                Points : 9590
              Thanks for the code! Its awesome:D

              Topic Actions

              Sponsored




              FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Remove parenthesis from the number of notifications and add a custom background

              ©phpBB | Contact | Report an abuse | Cookies