Change logo & search position

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Mupetz
    Member
    • Sep 2005
    • 62
    • 5.0.X

    Change logo & search position

    Hey guys,
    Didn't touch vBulletin code since 2006 and I'm a little lost especially with the new 5 version with it's sitebuilder.
    Connect 5 comes just in time for a fishing forum I was thinking to prepare for the fall 2012 so I'm playing with it until the gold.

    I would really like to move the logo from the header to the top navbar ( just like facebook has it )
    Also move the search bar to the navbar.

    Here is a mockup of what I want to achieve:


    I have a modest knowledge in css/php and I can do this the noobish way but I don't want to alter the nifty mobile devices compatibility.
    I'm sure this will come in handy to others too.
    Thanks!!
  • Wayne Luke
    vBulletin Technical Support Lead
    • Aug 2000
    • 74132

    #2
    When you login as an Administrator, the space where you want the logo is going to be filled with other content.

    You would have to edit the header template though to achieve this. Unfortunately, I don't have the exact code you need right in front of me.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API

    Comment

    • Mupetz
      Member
      • Sep 2005
      • 62
      • 5.0.X

      #3
      Move logo to top navbar

      I have managed to deal with the logo. The logo follows the sitebuilder menu inline (when activated) but that doesn't change anything for members view.

      To move the logo to the top navbar :
      - Create a logo with max : 130 x 26 px (do not exceed for mobile devices compatibility)
      - Upload logo to /core/images/misc
      - Go to AdminCP -> Styles & Templates -> Style Manager -> Click on : << >> (Expand Templates) -> Open the header template.
      - Find :
      Code:
      <div id="main-navbar" class="clearfix">
      - Add after :
      Code:
      <a href="{vb:raw baseurl}/"><img src="{vb:raw baseurl}/core/images/misc/YOURLOGO.JPG" alt="Your Forum Name" title="Your Forum Name / Slogan goes here" /></a>
      - Save & Good luck!


      I'm still stuck with moving the search bar to the menu navbar..
      Last edited by Mupetz; Sat 20 Oct '12, 10:07am.

      Comment

      • FLYDINER
        New Member
        • Feb 2013
        • 14
        • 5.0.0

        #4
        I did this with my forum, I think its a very effective use of space and screen real estate, were you able to re-locate the search box ?

        Comment


        • Mupetz
          Mupetz commented
          Editing a comment
          No. Lack of time. Sorry
      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...