How to put colors in bars and nav bars

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • forumbust
    Senior Member
    • Mar 2008
    • 117
    • 3.6.x

    How to put colors in bars and nav bars

    Hi,

    I am very interested in doing some colors on the bars of the forums. I have seen some real good colors combination such as these, especially those with shades.

    1.


    2.


    3.


    4.


    5.


    I wonder how do they put the colors in this way> i know many of you guys know how to do this. i am really new at this and hopefully anyone here is kind enough to guide me.

    All i can do is just a plain one color over the bar.


    ps: sorry , the photo does not seems to appear,only the links is shown.
    Last edited by forumbust; Wed 2 Apr '08, 2:26am.
  • Trevor Hannant
    vBulletin Support
    • Aug 2002
    • 24358
    • 5.7.X

    #2
    If it's gradient colouring you're looking for, you'll need to use an image for the background rather than just a hex value.
    Vote for:

    - Admin Settable Paid Subscription Reminder Timeframe (vB6)
    - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

    Comment

    • forumbust
      Senior Member
      • Mar 2008
      • 117
      • 3.6.x

      #3
      r u sure it is image?? Hmm... Even the bulletin default bar is sort of in a shade of certain degree. They are using image too?

      Comment

      • Trevor Hannant
        vBulletin Support
        • Aug 2002
        • 24358
        • 5.7.X

        #4
        If you look at the category strips in AdminCP, you'll see that it uses the following as the background value on the default style:

        #869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left
        Vote for:

        - Admin Settable Paid Subscription Reminder Timeframe (vB6)
        - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

        Comment

        • forumbust
          Senior Member
          • Mar 2008
          • 117
          • 3.6.x

          #5
          Hey Trevster,

          Thanks, i will try and work it out later.

          Comment

          • forumbust
            Senior Member
            • Mar 2008
            • 117
            • 3.6.x

            #6
            #869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left
            I think i cannot just change the colour code. I have to change the gradient image too, don't i? I try changing the colour code but nothing happen.

            Comment

            • aacircle
              Member
              • Jun 2005
              • 70
              • 3.6.x

              #7
              I have done that but it doesn't pickup the gradient image only a full colour.

              You can see the gradients at:
              www.animeonline.net/images/gradients/gradient_tcat.gif
              www.animeonline.net/images/gradients/gradient_thead.gif

              And it not working at:
              www.animeonline.net/forum.php

              Strange as it was just working before I did the upgrade to 3.6.9.

              Comment

              • forumbust
                Senior Member
                • Mar 2008
                • 117
                • 3.6.x

                #8
                maybe you try the full URL path. mine is working now

                Comment

                • aacircle
                  Member
                  • Jun 2005
                  • 70
                  • 3.6.x

                  #9
                  Thanks for your help. Yeh, mine is working now too. Was a prob with the image. Strange as it worked fine in 3.6.8 but when I upgraded to 3.6.9 it broke. Weird.

                  Cheers.

                  Comment

                  • Azonaco
                    Senior Member
                    • Aug 2008
                    • 125
                    • 3.7.x

                    #10
                    This still isn't working for me, and the strange thing is, I can't find any more information that what's been posted above...

                    There has to be more posts with this question?

                    Comment

                    widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                    Working...