Front page split into 2 tables....

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • DJRoppolo
    Senior Member
    • Aug 2001
    • 180

    Front page split into 2 tables....

    www.webhostingtalk.com is the example i am referring too.. is there an easy way to edit the html and have a navigation bar on the side of the main forum like that? I'm pretty good with html and already have my navigation bar built, but I cant seem to get it split correctly. Any advice is much appreciated.



  • Sinecure
    Senior Member
    • Jul 2001
    • 1519

    #2
    Its very simple, want the column on the left, place it in your header template, want it on the right, place it in your footer
    Board of the Month: November
    Websites: Pixeljunction , vBulletin.org
    Button Sets: XP and Aqua Button sets! FREE!
    vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

    Comment

    • DJRoppolo
      Senior Member
      • Aug 2001
      • 180

      #3
      I tried placing it as the LAST thing my header template, but it showed up BEFORE all my site info (registered users, posts, threads), and totally threw the alignment of the page off...



      Comment

      • Ikram
        Member
        • Dec 2001
        • 39

        #4
        Originally posted by Sinecure
        Its very simple, want the column on the left, place it in your header template, want it on the right, place it in your footer
        Sinecure, can you kindly post some example code which I can paste in my header so I can have a column on the l;eft where I can put some links? - My board totally cocks up when I try aswell

        Thanks in advance!

        Comment

        • Sinecure
          Senior Member
          • Jul 2001
          • 1519

          #5
          This is a very bare bones example, just to show you. Nothing terribly fancy here

          Place the following in your header template:
          Code:
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="18%" bgcolor="#DDDDDD"></td>
              <td width="82%" bgcolor="#CCCCCC">
          Place the following in your footer template:
          Code:
          </td>
            </tr>
          </table>
          Board of the Month: November
          Websites: Pixeljunction , vBulletin.org
          Button Sets: XP and Aqua Button sets! FREE!
          vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

          Comment

          • DJRoppolo
            Senior Member
            • Aug 2001
            • 180

            #6
            Ok sin... that helped alot, but where would i place the following code, to make it left justified in reference to my 'main' table? Everytime i put this code in there somewhere, it gets stuck on TOP of the main table this is just a basic table with a heading, which i made as an example....

            Code:
            <table border="1" cellpadding="0" cellspacing="0" width="100">
                <tr>
                  <td align="center" bgcolor="#000000"><font size="2" color="#FFFFFF" face="Arial">Navigation</font></td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table>



            Comment

            • Sinecure
              Senior Member
              • Jul 2001
              • 1519

              #7
              OK, so you want your table on the left or right side? The code has to be split between the header and footer templates because vb automatcily inserts between the header and footer.
              Board of the Month: November
              Websites: Pixeljunction , vBulletin.org
              Button Sets: XP and Aqua Button sets! FREE!
              vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

              Comment

              • DJRoppolo
                Senior Member
                • Aug 2001
                • 180

                #8
                Originally posted by Sinecure
                OK, so you want your table on the left or right side? The code has to be split between the header and footer templates because vb automatcily inserts between the header and footer.
                Navigation table on left, main table on right...



                Comment

                • Sinecure
                  Senior Member
                  • Jul 2001
                  • 1519

                  #9
                  ok, so place this in your header:
                  Code:
                  <table border="1" cellpadding="0" cellspacing="0" width="100">
                      <tr>
                        <td align="center" bgcolor="#000000"><font size="2" color="#FFFFFF" face="Arial">Navigation</font></td>
                      </tr>
                      <tr>
                        <td align="center">
                  and this in your footer:
                  Code:
                  </td>
                      </tr>
                    </table>
                  Should work, copied it striaght from the code you placed above

                  NOTE: If you want your NAV table to alighn left, simply change the first align="center" to align="left".
                  If you want the MAIN vb table to be aligned left, just change the second align="center" to align="left"
                  Last edited by Sinecure; Mon 14 Jan '02, 7:38pm.
                  Board of the Month: November
                  Websites: Pixeljunction , vBulletin.org
                  Button Sets: XP and Aqua Button sets! FREE!
                  vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

                  Comment

                  • DJRoppolo
                    Senior Member
                    • Aug 2001
                    • 180

                    #10
                    Nope.. this made the 'navigation' frame surround and enclose the entire page, however, it was all left justified... im putting the header code at the END of the header section, and the FOOTER stuff at the beginning of the footer section.. i also changed the first alignment to 'left', as you said...



                    Comment

                    • Sinecure
                      Senior Member
                      • Jul 2001
                      • 1519

                      #11
                      Try this: Header code
                      Code:
                      <table border="1" cellpadding="0" cellspacing="0" width="100%">
                        <tr> 
                          <td align="center" bgcolor="#000000" width="12%">&nbsp;</td>
                          <td align="center" bgcolor="#000000" width="82%"><font size="2" color="#FFFFFF" face="Arial">Navigation</font></td>
                        </tr>
                        <tr> 
                          <td align="center" width="12%"> 
                          </td>
                          <td align="center" width="82%">
                      Footer code:
                      Code:
                      </td>
                        </tr>
                      </table>
                      Board of the Month: November
                      Websites: Pixeljunction , vBulletin.org
                      Button Sets: XP and Aqua Button sets! FREE!
                      vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

                      Comment

                      • DJRoppolo
                        Senior Member
                        • Aug 2001
                        • 180

                        #12
                        yes, same results... perhaps the guy from webhostingtalk.com could give us some insight, if someone has his email address and username... he has the exact look that I am going for, only I want my navigation table on the left, rather than the right...



                        Comment

                        • c-prompt
                          Senior Member
                          • Apr 2001
                          • 1309

                          #13
                          Here this is correct:

                          HEADER:
                          Code:
                          <!-- CONTENT TABLE BEGIN -->
                          <table border="1" cellpadding="0" cellspacing="0" width="100%">
                              <tr>
                                <td align="center"><smallfont>Navigation</smallfont></td>
                                <td align="center">
                          FOOTER:
                          Code:
                          </td>
                              </tr>
                            </table>
                          <!-- CONTENT TABLE END -->

                          Comment

                          • RHarbison
                            Senior Member
                            • Mar 2002
                            • 207

                            #14
                            I tried this modification, and it seems to work as expected. I get the 2 tables side by side.

                            However, this changed not only the front page, but all of the pages. I only want two columns on the front page. How do I correct that problem? (I'm very new to this program, so I probably did something incorrectly)

                            Comment

                            • DJRoppolo
                              Senior Member
                              • Aug 2001
                              • 180

                              #15
                              Funny you should ask, as yesterday, i figured out how to do only the front page. The secret is to modify the forumhome template. That will affect only the front page. Take a look at my results. Still a little tweaking to do yet, but its working out nicely, i think.




                              Comment

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