vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   working with body and header (https://vborg.vbsupport.ru/showthread.php?t=118202)

Staxed 06-10-2006 06:46 AM
working with body and header
 
this is what i currently have in the admincp style settings for the page body

#ffffff url(images/styles/Irisfire/misc/irisfirelogo.jpg) fixed no-repeat;

I have it working the way i want, except for one small detail, i would like to make the header not move with the rest of the page. How can I get the header to be located above the page body? (i.e...so it doesn't scroll with the forumhome display)

Staxed 06-10-2006 06:55 AM
1 Attachment(s)
just a little more info since i didn't explain that very well...

number 1 is what it looks like on opening the page
number 2 is what it looks like when you scroll
number 3 is what i want it to look like when you scroll

Staxed 06-14-2006 05:33 AM
anyone?

Staxed 06-20-2006 10:57 AM
no ones got a clue how to do this at all?

Staxed 07-06-2006 09:46 AM
still need an answer to this

Guest210212002 07-06-2006 12:49 PM
You want everything but the header to scroll? You'd have to stick everything but the header in a frameset, or get slick with DHTML.

Behemoth 07-07-2006 03:28 AM
Quote:
Originally Posted by Chris-777
You want everything but the header to scroll? You'd have to stick everything but the header in a frameset, or get slick with DHTML.
Actually, it can be done without those, with some tricky coding.

Go to All Style Options for your template.

Ok, first off, keep what you have in the background box. (Assuming that is placed in Body -> Background; if not, move it there.)

Now, in the header box at the top, add above all the code:
HTML Code:
<div id="outertable">
Now in the footer box, you should see code similar to:
HTML Code:
        $vboptions[copyrighttext]
        </div>
</div>
Below that, add a
HTML Code:
</div>
Now, go just under the footer box, and set your Main Table Width to 100% and your Spacer Size to 0.

At the very bottom, in one of your Additional CSS Definitions boxes, add something similar to:
HTML Code:
#outertable {
        width: [what you want width as]; /* Set this to what you had Main Table Width as before */
        padding: [what you want padding as]; /* Set this to what you had Spacer Size as before */
        height: [height you want it to cover]%; /* Set this to the size of the page you want it to take up.  Must be a percent!! (can be 100)*/
        position: absolute; /* Just keep this */
        top: [(100% - height)/2] /* Needed to pad the top of it from the top of the screen */
        left: [((100% - width)/2) (unless your forum is fixed width, in which case it is slightly trickier.  Just tell me if your forum is fixed)] /* Needed to pad the left of the box from the left of the screen. */
        overflow: auto; /* Just keep this.  Makes scrollbar(s).*/
}
Also, you should probably delete the comments from the CSS (The text enclosed in /* */ tags).

Just ask for more help if you need any. I'll subscribe to this thread.

Staxed 07-21-2006 01:11 PM
hmm..that didn't seem to work at all...would you be willing to take a look at it for me?


All times are GMT. The time now is 07:03 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01207 seconds
  • Memory Usage 1,728KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (4)bbcode_html_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (8)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete