Announcement

Collapse
No announcement yet.

Buttons and Alignment

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

  • Buttons and Alignment

    Hi,
    By default the title image seems to be on the left and the buttons seem to be on the right .
    1 - How do I center the title image
    2 - How do I put the buttons under the title image and center them
    Thanks

  • #2
    You need to edit the HTML in the respective templates. I would suggest starting with the Header template.

    Go into your Control Panel and scroll all the way down on your left. Under templates click on Modify.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API - Full / Mobile
    Vote for your favorite feature requests and the bugs you want to see fixed.

    Comment


    • #3
      Re

      I a practicing but here is the link to the site
      http://www.frankskishow.com/upload/

      What do I edit to center the title ?
      What do I edit to make the buttons center below the title ?

      My header Code is inserted below -- Thank you


      <!-- logo and buttons -->
      <center>
      <table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0">
      <tr>
      <td valign="top" align="center" 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="center" 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>

      Comment


      • #4
        use this

        Code:
        <!-- logo and buttons --> 
        <center> 
        <table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0"> 
        <tr> 
        <td valign="top" align="center" background="{imagesfolder}/menu_background.gif"><a href="index.php?s=$session[sessionhash]"><img src="{titleimage}" border="0" alt="$bbtitle"></a></td>
        </tr>
        <tr>
        <td valign="bottom" align="center" 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> --> 
          
        <!-- /toplinks --> 
        </td> 
        </tr> 
        </table> 
        <!-- /logo and buttons --> 
        
        <!-- content table --> 
        <table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0"> 
        <tr> 
        <td>

        Comment


        • #5
          Re

          Thanks That worked very well but what did you change in the code ? Did you just change a few things if it wasnt that hard can you tell we so that I will not forget how to do it next time.
          Thanks Very Much

          Comment


          • #6
            Look again at Jake's code. He highlighted the changed area in red.
            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


            • #7
              Re

              Thanks Very Much

              Comment

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