Announcement

Collapse
No announcement yet.

Front page split into 2 tables....

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

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




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


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


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


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


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


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


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


                • #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 14th Jan '02, 8: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


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


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


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


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


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


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

                              http://www.sportsnimports.com/forums



                              Comment

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