Announcement

Collapse
No announcement yet.

Change VB header image and link

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

  • Change VB header image and link

    I know how to change the link in my header image, but i can't figure out how to change the header logo, in my mobile style.

    I have figured out how to change the forumhome link/image, so it will redirect to my frontpage, but i'm not sure that it's the correct way.

    Code:
    <div id="header-left">
              <a href="{vb:link forumhome}"

    Code:
    <div data-role="page" data-theme="d" id="page-home">
    <div id="header">
        <div id="header-left">
            <a href="{vb:link forumhome}" class="logo-image"  rel="external"><img src="{vb:stylevar titleimage}"  alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}"  /></a>
        </div>
        <div id="header-right">
            <vb:if condition="$show['member']">
                <vb:if condition="$notifications_total">
                    <a href="mobile.php?{vb:raw  session.sessionurl}do=notifications" data-role="button"  data-inline="true" data-theme="e" class="notifications_total  hidden"><span  class="notifications_total_count"></span></a>
                </vb:if>
            <vb:else />
                <a href="mobile.php?{vb:raw session.sessionurl}do=login"  class="headericon" rel="external"><img src="{vb:stylevar  imgdir_mobile}/login.png" /></a>
            </vb:if>
            <a href="mobile.php?{vb:raw session.sessionurl}do=gridmenu"  class="headericon"><img src="{vb:stylevar  imgdir_mobile}/gridmenu.png" /></a>
            <a href="search.php?{vb:raw  session.sessionurl}search_type=1&amp;contenttype=vBForum_Post"  class="headericon" rel="external"><img src="{vb:stylevar  imgdir_mobile}/search.png" /></a>
        </div>
        
        <vb:if condition="$notifications_total">
        <ul id="dummylist" class="hidden">
            {vb:raw notifications_menubits}
        </ul>
        </vb:if>
    </div><div data-role="page" data-theme="d" id="page-home">
    
    <div id="header">
        <div id="header-left">
            <a href="http://www.octeamdenmark.com" class="logo-image"  rel="external"><img src="{vb:stylevar titleimage}"  alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}"  /></a>
        </div>
        <div id="header-right">
            <vb:if condition="$show['member']">
                <vb:if condition="$notifications_total">
                    <a href="mobile.php?{vb:raw  session.sessionurl}do=notifications" data-role="button"  data-inline="true" data-theme="e" class="notifications_total  hidden"><span  class="notifications_total_count"></span></a>
                </vb:if>
            <vb:else />
                <a href="mobile.php?{vb:raw session.sessionurl}do=login"  class="headericon" rel="external"><img src="{vb:stylevar  imgdir_mobile}/login.png" /></a>
            </vb:if>
            <a href="mobile.php?{vb:raw session.sessionurl}do=gridmenu"  class="headericon"><img src="{vb:stylevar  imgdir_mobile}/gridmenu.png" /></a>
            <a href="search.php?{vb:raw  session.sessionurl}search_type=1&amp;contenttype=vBForum_Post"  class="headericon" rel="external"><img src="{vb:stylevar  imgdir_mobile}/search.png" /></a>
        </div>
        
        <vb:if condition="$notifications_total">
        <ul id="dummylist" class="hidden">
            {vb:raw notifications_menubits}
        </ul>
        </vb:if>
    </div>

  • #2
    If it works, its the correct way. Unless you broke something else in the process?

    Comment


    • #3
      The default logo is still the vBulletin logo, it is only the redirecting that is working. The problem is that i can't figure out how to change the default header logo.

      Comment


      • #4
        Anyone got a answer to the problem ?

        Comment


        • #5
          You have to upload your own logo via FTP.

          Upload it to the /images/misc folder in the forum folder, then log into your admin control panel

          Styles & Templates > Style Manager > StyleVars (from the drop menu)

          Enter into the search box: titleimage . In the Title Image, replace what is there with the name of your logo image.

          Comment


          • #6
            Originally posted by Zachery View Post
            You have to upload your own logo via FTP.

            Upload it to the /images/misc folder in the forum folder, then log into your admin control panel

            Styles & Templates > Style Manager > StyleVars (from the drop menu)

            Enter into the search box: titleimage . In the Title Image, replace what is there with the name of your logo image.
            Thanks ! I just changed it, and now it works like a charm. Always good to have you guys at the hand, when you got trouble.

            Comment

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