Announcement

Collapse
No announcement yet.

Change logo & search position

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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:
    http://i.imgur.com/LqmRH.png

    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!!

  • #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 customization and demonstration site.
    vBulletin 5 Documentation - Updated every Friday. Report issues here.
    vBulletin 5 API - Full / Mobile
    I am not currently available for vB Messenger Chats.

    Comment


    • #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 20th Oct '12, 10:07am.

      Comment


      • #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...
      X