vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   how to: make background static and have body scroll? (https://vborg.vbsupport.ru/showthread.php?t=166725)

doobiefillin 01-02-2008 12:47 PM

how to: make background static and have body scroll?
 
i'm looking to get a layout like this:

www.glamzilla.com

if there is someone who knows how to do it i would greatly appreciate it. if not i could possibly pay someone to do it for me however i would first like to do it myself. thanks.

pedroenf 01-02-2008 01:42 PM

Easy. Just ad the word: fixed to the "page background" and/or "body" main css options in your admincp style manager. For example: #050505 url(put here the url to the image you want - inside your image folder or even an external url) repeat fixed;. The important here is the fixed, the repeat word is for if your image it's too small to fill the monitor area.

doobiefillin 01-02-2008 06:33 PM

that will only fix the background to the top without the repeat, but will it wont let me achieve the look like in the example i gave where the background is stationary and the body scrolls.

Freesteyelz 01-02-2008 09:17 PM

The site is using "iframe" to achieve what you want. The side sections (that don't scroll) are one page while the inner section (that scolls) is another page. Since there's different ways to apply it search in Google for "html iframe". :)


*For next time: Please warn people if you're linking to an adult-type site. ;)

pedroenf 01-02-2008 09:46 PM

What i said does exactly what you want and the example you named. The issue here is to have a background image that do not need the repeat condition. Play with the options. My forum does have the fixed background: www.g6-team.com

doobiefillin 01-03-2008 01:20 AM

yeah pedro i tried your way, beautiful. thanks a lot man.

can i center the image on the website so that no matter what resolution i choose it auto centers depending on what screen resolution a person has?

pedroenf 01-03-2008 01:25 AM

You're wellcome. ;)

Aken 01-05-2008 05:20 AM

Yes you can center a background image easily. Here are two examples:

Center your background image at the very top of the page:

Code:

background: url(/images/header.gif) no-repeat top middle;
Center your background image 100px from the top:

Code:

background: url(/images/header.gif) no-repeat 50% 100px;

Rev O 01-06-2008 08:42 PM

If I wanted a fixed background image (instead of the normal logo image), how would I know what size (in pixels) to make it?

Here's an example of what I'd like.

Thanks for any advise.

doobiefillin 01-07-2008 04:42 PM

i made mine the biggest size possible for a laptop monitor (1680x1400 ish). i'm guessing if you have something centred on the screen it won't matter what size you make it since it will be centred no matter what size your display is.

Aken your code doesn't work for my website, when i tried it it makes my background blank.


All times are GMT. The time now is 01:36 PM.

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.01141 seconds
  • Memory Usage 1,729KB
  • 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
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete