A image above the toplinks...

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • latinO
    Senior Member
    • May 2001
    • 203
    • 2.3.2

    A image above the toplinks...

    Hi,

    I want to have an image above the toplinks. So in fact it must be on the same vertical place as the main logo. I tried some html in the header but I couldn't do it. The toplinks went to the upper left corner of the screen. So can someone help me out with a little HTML?

    Thank you,

    latinO
    Last edited by latinO; Fri 17 May '02, 6:27am.
  • Steve Machol
    Former Customer Support Manager
    • Jul 2000
    • 154488

    #2
    Put something like this directly above the <!-- toplinks --> section of the header template:

    <!-- New image -->
    <td align="center" valign="center" width=100%>
    <img
    src="http://www.yourste.com/images/image.jpg" border="0" width="xxx" height="xx" align="absmiddle"></a>
    <br>
    <br>
    Steve Machol, former vBulletin Customer Support Manager (and NOT retired!)
    Change CKEditor Colors to Match Style (for 4.1.4 and above)

    Steve Machol Photography


    Mankind is the only creature smart enough to know its own history, and dumb enough to ignore it.


    Comment

    • latinO
      Senior Member
      • May 2001
      • 203
      • 2.3.2

      #3
      I tried your code and change a bit here and there but I still don't have the effect I want. Here's a picture of how it supposed to be, the buttons must stay on their place!

      Thanks,

      latinO
      Last edited by latinO; Fri 17 May '02, 10:15am.

      Comment

      • Steve Machol
        Former Customer Support Manager
        • Jul 2000
        • 154488

        #4
        I gave you virtually the exact same code I use on my forums. Do you have the URL of an example of what you've done?
        Steve Machol, former vBulletin Customer Support Manager (and NOT retired!)
        Change CKEditor Colors to Match Style (for 4.1.4 and above)

        Steve Machol Photography


        Mankind is the only creature smart enough to know its own history, and dumb enough to ignore it.


        Comment

        • Jake Bunce
          Senior Member
          • Dec 2000
          • 46598
          • 3.6.x

          #5
          try this...

          the the code in red

          Code:
          <!-- logo and buttons -->
          <center>
          <table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0">
          <tr>
            <td [color="red"]rowspan="2"[/color] valign="top" align="left" background="{imagesfolder}/menu_background.gif"><a href="index.php?s=$session[sessionhash]"><img src="{titleimage}" border="0" alt="$bbtitle"></a></td>
          [color="red"]<td width="100%" align="center" valign="top">
          <img src="{imagesfolder}/image.gif">
          </td>
          </tr>
          <tr>[/color]
            <td valign="bottom" align="right" nowrap background="{imagesfolder}/menu_background.gif">
             <!-- toplinks -->
             <a href="usercp.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_profile.gif" alt="Here you can view your subscribed threads, work with private messages and edit your profile and preferences" border="0"></a>
             <a href="register.php?s=$session[sessionhash]&action=signup"><img src="{imagesfolder}/top_register.gif" alt="Registration is free!" border="0"></a>
             <a href="calendar.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_calendar.gif" alt="Calendar" border="0"></a>
             <a href="memberlist.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_members.gif" alt="Find other members" border="0"></a>
             <a href="misc.php?s=$session[sessionhash]&action=faq"><img src="{imagesfolder}/top_faq.gif" alt="Frequently Asked Questions" border="0"></a>
             <a href="search.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_search.gif" alt="Search" border="0"></a>
             <a href="index.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_home.gif" alt="Home" border="0"></a>
             <!-- <a href="member.php?s=$session[sessionhash]&action=logout"><img src="{imagesfolder}/top_logout.gif" alt="Logout" border="0"></a>  -->
             &nbsp;
             <!-- /toplinks -->
            </td>
          </tr>
          </table>
          <!-- /logo and buttons -->
          
          <!-- content table -->
          <table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0">
          <tr>
            <td>
          i just wrote this "off the top," it should work.

          Comment

          • Floris
            Senior Member
            • Dec 2001
            • 37767

            #6
            Cool button set

            Nice button set, where can I see the rest of the forum ?

            Comment

            • latinO
              Senior Member
              • May 2001
              • 203
              • 2.3.2

              #7
              Re: try this...

              Nope... It doesn't work... The toplinks buttons get messed up. And the menu_background.gif also. Those have to stay at their original position. I only wan to insert an image above the toplinks aligned right. And not to high... See the image I inserted some posts above!

              latinO

              Originally posted by Jakeman
              the the code in red

              i just wrote this "off the top," it should work.

              Comment

              • Jake Bunce
                Senior Member
                • Dec 2000
                • 46598
                • 3.6.x

                #8
                you want buttons on the bottom right with an image directly above them? nothing on the left? what about the title image that defaults to the left?

                Comment

                • latinO
                  Senior Member
                  • May 2001
                  • 203
                  • 2.3.2

                  #9
                  Originally posted by Jakeman
                  you want buttons on the bottom right with an image directly above them? nothing on the left? what about the title image that defaults to the left?
                  Everything must stay exactly the same, as the default vB look... The title image on the left and the toplinks buttons on the right must stay where they are, like the default look. But I want to add an image directly or almost directly above the toplinks, this image must be aligned to the right!

                  latinO

                  Comment

                  • Jake Bunce
                    Senior Member
                    • Dec 2000
                    • 46598
                    • 3.6.x

                    #10
                    the menu_background was messed up because the dimensions of the cell changed with the other code i posted. the code below should work fine depending on how big the image is (if it stretches the table dimensions).

                    Code:
                    <!-- logo and buttons -->
                    <center>
                    <table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0">
                    <tr>
                      <td valign="top" align="left" background="{imagesfolder}/menu_background.gif"><a href="index.php?s=$session[sessionhash]"><img src="{titleimage}" border="0" alt="$bbtitle"></a></td>
                      <td valign="bottom" align="right" nowrap background="{imagesfolder}/menu_background.gif">
                    [color=red]<img src="{imagesfolder}/image.gif"><br>[/color]
                       <!-- toplinks -->
                       <a href="usercp.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_profile.gif" alt="Here you can view your subscribed threads, work with private messages and edit your profile and preferences" border="0"></a>
                       <a href="register.php?s=$session[sessionhash]&action=signup"><img src="{imagesfolder}/top_register.gif" alt="Registration is free!" border="0"></a>
                       <a href="calendar.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_calendar.gif" alt="Calendar" border="0"></a>
                       <a href="memberlist.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_members.gif" alt="Find other members" border="0"></a>
                       <a href="misc.php?s=$session[sessionhash]&action=faq"><img src="{imagesfolder}/top_faq.gif" alt="Frequently Asked Questions" border="0"></a>
                       <a href="search.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_search.gif" alt="Search" border="0"></a>
                       <a href="index.php?s=$session[sessionhash]"><img src="{imagesfolder}/top_home.gif" alt="Home" border="0"></a>
                       <!-- <a href="member.php?s=$session[sessionhash]&action=logout"><img src="{imagesfolder}/top_logout.gif" alt="Logout" border="0"></a>  -->
                       &nbsp;
                       <!-- /toplinks -->
                      </td>
                    </tr>
                    </table>
                    <!-- /logo and buttons -->
                    
                    <!-- content table -->
                    <table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0">
                    <tr>
                      <td>

                    Comment

                    • latinO
                      Senior Member
                      • May 2001
                      • 203
                      • 2.3.2

                      #11
                      Okay this worked out! Thanks for your help!

                      latinO

                      Comment

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