Announcement

Collapse
No announcement yet.

Header

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

  • Header

    My site - www.tech-arena.co.uk
    My Forums - www.tech-arena.co.uk/forum

    I have adjusted the forums to the same size as the site, and similar colours, what i want to do now is take the top part of the site, see attachment below, and stick it in the header of the forums, any ideas how i would do this, i am using css for the site, when i try adding it it comes out in wrong colours, and i dont know where to put the css file, if anyone could help and tell me where in the header to put the code etc... i would greatly appreciate it.

    Thanks

    Blade

    P.S. i attached my header file code aswell

    Thanks
    Attached Files
    http://www.eteknix.com/images/misc/vbulletin4_logo.png
    eTeknix.com - http://www.eteknix.com
    eTeknix Forums - http://forums.eteknix.com

  • #2
    Originally posted by Blade-uk
    My site - www.tech-arena.co.uk
    My Forums - www.tech-arena.co.uk/forum

    I have adjusted the forums to the same size as the site, and similar colours, what i want to do now is take the top part of the site, see attachment below, and stick it in the header of the forums, any ideas how i would do this, i am using css for the site, when i try adding it it comes out in wrong colours, and i dont know where to put the css file, if anyone could help and tell me where in the header to put the code etc... i would greatly appreciate it.

    Thanks

    Blade

    P.S. i attached my header file code aswell

    Thanks
    Go to your admin control panel. In the styles & templates section, select Style Manager and then navigate to the "common templates" section of your style. In the "head" section, you should find the area you're lookin' for.

    Comment


    • #3
      ye i've done that, but i've fiddled and can't get it right, can anyone help with where the code has to go, what code i need etc...
      http://www.eteknix.com/images/misc/vbulletin4_logo.png
      eTeknix.com - http://www.eteknix.com
      eTeknix Forums - http://forums.eteknix.com

      Comment


      • #4
        If you'll post the code you use to create the html header from the rest of your site I'll modify the header template for you.

        Comment


        • #5
          cheers mate, i really appreciate this

          here is the code -

          Code:
          <table width="700" align="center" cellpadding="0" cellspacing="0" class="table_whiteborder">
            <tr>
          	<td bgcolor="#A7A7A7"><div align="right">
          	  <table width="100%"  border="0" cellpadding="1" cellspacing="0" class="table_blueborder">
          		<tr>
          		  <td><div align="right"><span class="small_bold"><a href="index.php">Home</a> | <a href="index.php?page=about">About Us</a> | <a href="index.php?page=contact">Contact Us</a></span></div></td>
          		</tr>
          	  </table>
          	  </div></td>
            </tr>
            <tr>
          	<td height="80" bgcolor="#2A4E66"><center>
          	  <img src="http://www.tech-arena.co.uk/images/banner_1.gif" width="700" height="80">
          	</center></td>
            </tr>
            <tr>
          	<td bgcolor="#A7A7A7"><center>
          	  <table width="100%" cellpadding="1" cellspacing="0" class="table_blueborder">
          		<tr>
          		  <td><center>
          			<b>			<a href="index.php?page=news">News</a> | <a href="index.php?page=reviews">Reviews</a> | <a href="index.php?page=guides">Guides</a> | <a href="index.php?page=downloads">Downloads</a> | <a href="index.php?page=affiliates">Affiliates</a> | <a href="index.php?page=staff">Staff</a> | <a href="http://www.tech-arena.co.uk/forum/" target="_blank">Forums</a>			</b>
          		  </center></td>
          		</tr>
          	  </table>
          	</center></td>
            </tr>
          </table>
          many thanks, appreciated

          my header at the moment is -

          Code:
          <!-- logo -->
          <a name="top"></a>
          <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
          <tr>
           <td align="$stylevar[left]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
           <td align="$stylevar[right]">
            &nbsp;
          <!--
            NEW HEADER &amp; NAVBAR
            
            Now that the nav buttons are in the
            navbar template, you can stick whatever
            you like into this space.
            This makes it much easier for novice
            admins to customize their header
            template without affecting important
            navigation elements.
          -->
           </td>
          </tr>
          </table>
          <!-- /logo -->
          <!-- content table -->
          $spacer_open
          $_phpinclude_output
          which is standard
          http://www.eteknix.com/images/misc/vbulletin4_logo.png
          eTeknix.com - http://www.eteknix.com
          eTeknix Forums - http://forums.eteknix.com

          Comment


          • #6
            I just tried this on my test board, and it works. You may have to make minor adjustments for some of the spacing.

            For the CSS to work, go to your template manager, select "Main CSS" for the template you want to modify, and scroll down to the "Additional CSS Definitions" box and enter your custom CSS here.
            Attached Files

            Comment


            • #7
              cheers mate, works a treat, i made it 100% too,

              www.tech-arena.co.uk - site
              www.tech-arena.co.uk/forum/ - forum


              what u think?

              once again thanks alot
              http://www.eteknix.com/images/misc/vbulletin4_logo.png
              eTeknix.com - http://www.eteknix.com
              eTeknix Forums - http://forums.eteknix.com

              Comment


              • #8
                Looks good. Glad I could help.

                Comment


                • #9
                  just looking at the css now

                  any idea what i have to add ?

                  i know im useless and a pain lol

                  http://www.tech-arena.co.uk/main.css is the css to the site and in the additional css bit at the moment is this -

                  Code:
                  /* ***** styling for 'big' usernames on postbit etc. ***** */
                  .bigusername { font-size: 14pt; }
                  /* ***** small padding on 'thead' elements ***** */
                  td.thead, div.thead { padding: 4px; }
                  /* ***** basic styles for multi-page nav elements */
                  .pagenav a { text-decoration: none; }
                  .pagenav td { padding: 2px 4px 2px 4px; }
                  /* ***** define margin and font-size for elements inside panels ***** */
                  .fieldset { margin-bottom: 6px; }
                  .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
                  /* ***** don't change the following ***** */
                  form { display: inline; }
                  label { cursor: default; }
                  .normal { font-weight: normal; }
                  .inlineimg { vertical-align: middle; }
                  http://www.eteknix.com/images/misc/vbulletin4_logo.png
                  eTeknix.com - http://www.eteknix.com
                  eTeknix Forums - http://forums.eteknix.com

                  Comment


                  • #10
                    Try adding this:

                    Code:
                     .table_blueborder td {
                     border-color:#2A4E66;
                     border-style:solid;
                     border-width:2px;}
                    
                    .table_whiteborder, td, th {
                     border-color:#ffffff;
                     border-style:solid;
                     border-width:1px;}
                    
                    .small_bold {
                     font-size: 12px;
                     font-weight: bold;}

                    Comment


                    • #11
                      thanks alot

                      much appreciated
                      http://www.eteknix.com/images/misc/vbulletin4_logo.png
                      eTeknix.com - http://www.eteknix.com
                      eTeknix Forums - http://forums.eteknix.com

                      Comment

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