HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Add prefixes to the title with a button

    Go to page : 1, 2  Next

    avatar
    • Administrator

        Reputation : 315
        Registered on : 2012-02-22
        Posts : 2362
        School of codes courses: coming soon
      Add text prefixes to the title with a button


      Description


      Thanks to this resource you will be able to add more than one label in the field "edit title" while with the current settings on forumotion you can just have the one with "[Solved]"

      This way you will be able to have the famous prefixes, for example:

      • [Solved] The forum cannot be opened
      • [In progress] Graphic request
      • [Accepted] Suggestion for this forum



      • How does it work?
        Click on the button, the content will be added


      • Can I add more than a button?
        Sure! just add the code more than one time, editing it every time


      • Can I remove a prefix?
        Sure! Just click again on the button you used to add it!



      Demo



      Code

      You have to reply to this topic to see the code (avoid Flood)


      General Informations

      Code creator: Niko
      Code tested on: Browser - Forum version
      Checked by:  Niko
      Extra infos:
       LABEL: this is the content of the button, just to let your members know what that button is for
      Note: Label and content doesn't have to be the same

      [CONTENT]: This is the content that will be added in the title box
      Nota: If you want to use characters as (') or doble quotes ("), you should add (\) before these ones
      example: "it's a good day"
      code must be:
      CODE: 

      Code:
      it\'s a good day


      To customize the style of the button go towards ACP ? Disaply ? Colors ? CSS stylesheet and copy/paste this code:

      CODE:
      Code:
      #button_label {
      //*Content
      }

      Just replace //*Content with one or more of this lines

      • color: #000000;: edit the color of the text
      • background-image: url('LINK');: edit the background image
      • background-color: #000000;: edit the background color
      • border: 1px solid #000000:: edit the border in width (1px), style (dashed or solid) and color (#000000)
      • box-shadow: 1px 1px 1px #000000: add a shadow around the button with the 3 dimensions (1px, 1px, 1px)
      • border-radius: 2px;: make the borders round
      • opacity: 0.7: value from 0 to 1 (0.3, 0.5, ecc.)





      Codes last updated on 24 May 2014 by  Niko



      Niko wants you in the team Guest

      Community manager and Administrator at Forumattivo.com

      avatar
      • Support Moderator

          Reputation : 8
          Registered on : 2014-03-11
          Posts : 299
          Helping on the forum
        Cool tutorial! I bet this will be extremely useful for me in the future.



        FMCodes Support Moderator

        I am very active now! Feel free to PM me anytime.
        avatar
        • *****


            Reputation : 11
            Registered on : 2014-04-25
            Posts : 153
            Love Fmcodes
          very nice, thanks a lot :D

          i followed exactly ur tutorial and notes but it didnt work for me, could u check it again or i should open a new topic?

          avatar
          • Administrator

              Reputation : 315
              Registered on : 2012-02-22
              Posts : 2362
              School of codes courses: coming soon
            Yes please-- open a new tutorial and tell me exactly what you did (including the codes) :bene:



            Niko wants you in the team Guest

            Community manager and Administrator at Forumattivo.com

            avatar
            • ***


                Reputation : 0
                Registered on : 2014-03-01
                Posts : 34
                LG
              very nice good

              avatar
              • ****


                  Reputation : 1
                  Registered on : 2013-07-29
                  Posts : 56
                thanks

                avatar
                • **


                    Reputation : 0
                    Registered on : 2014-05-31
                    Posts : 19
                    Love Fmcodes
                  Cool idea. I've already seen something similar, but I'm curious to see how you did this :)

                  EDIT : Ow, I did not read the demo correctly, it was not was I'm expecting, but still cool :)

                  avatar
                  • **


                      Reputation : 0
                      Registered on : 2014-05-11
                      Posts : 20
                      Love Fmcodes
                    thanks alot!

                    avatar
                    • ****


                        Reputation : 0
                        Registered on : 2014-05-24
                        Posts : 59
                        I love you
                      I've always wanted these. thanks

                      avatar
                      • I'm a new member :)


                          Reputation : 0
                          Registered on : 2014-03-20
                          Posts : 9
                          Love Fmcodes
                        Thanks for the code!

                        avatar
                        • **


                            Reputation : 0
                            Registered on : 2014-07-12
                            Posts : 16
                            Love Fmcodes
                          Thank you!

                          avatar
                          • **


                              Reputation : 0
                              Registered on : 2014-06-26
                              Posts : 16
                              Love Fmcodes
                            nice

                            avatar
                            • I'm a new member :)


                                Reputation : 0
                                Registered on : 2014-07-22
                                Posts : 5
                                Love Fmcodes
                              This is very very good thing.

                              avatar
                              • **


                                  Reputation : 0
                                  Registered on : 2014-09-21
                                  Posts : 18
                                  Love Fmcodes
                                nice topic

                                avatar
                                • **


                                    Reputation : 0
                                    Registered on : 2014-09-21
                                    Posts : 18
                                    Love Fmcodes
                                  nice topic bro

                                  avatar
                                  • **


                                      Reputation : 1
                                      Registered on : 2012-02-25
                                      Posts : 18
                                    thanks

                                    avatar
                                    • **


                                        Reputation : 0
                                        Registered on : 2014-08-20
                                        Posts : 17
                                        Love Fmcodes
                                      nice i want to try it

                                      avatar
                                      • **


                                          Reputation : 1
                                          Registered on : 2012-11-10
                                          Posts : 12
                                        this is very much helpful

                                        avatar
                                        • ****


                                            Reputation : 1
                                            Registered on : 2014-10-28
                                            Posts : 56
                                            Love Fmcodes
                                          Is good

                                          avatar
                                          • Veteran staff member

                                              Reputation : 3
                                              Registered on : 2012-08-29
                                              Posts : 67
                                            cools

                                            avatar
                                            • ***


                                                Reputation : 1
                                                Registered on : 2014-11-17
                                                Posts : 32
                                                Love Fmcodes
                                              good job

                                              avatar
                                              • ***


                                                  Reputation : 0
                                                  Registered on : 2012-05-05
                                                  Posts : 46
                                                thanks

                                                avatar
                                                • Veteran staff member

                                                    Reputation : 8
                                                    Registered on : 2012-04-07
                                                    Posts : 174
                                                    Its Yoshi Time
                                                  Another good code by Niko!
                                                  I'm going to test your code now.. Thanks.

                                                  YoshiGM

                                                  avatar
                                                  • **


                                                      Reputation : 0
                                                      Registered on : 2015-04-06
                                                      Posts : 12
                                                      Love Fmcodes
                                                    Wow this code saves lives.

                                                    avatar
                                                    • I'm a new member :)


                                                        Reputation : 0
                                                        Registered on : 2015-04-25
                                                        Posts : 6
                                                        Love Fmcodes
                                                      This is the best version of this I have seen thus far.

                                                      Go to page : 1, 2  Next


                                                      YOUR BANNER HERE
                                                      728x90
                                                      DMCA.com Protection Status
                                                      © PunBB | Contact | Report an abuse