vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Background Image (https://vborg.vbsupport.ru/showthread.php?t=253701)

Blade-uk 11-14-2010 11:13 PM

Background Image
 
Hi guys and girls,

Firstly, my site is www.eteknix.com and as you can see it takes up 78% of the page with some room for a background image.

Now i'm hoping to make a background, something similar to - http://www.hardwareheaven.com/ As you can see they have a background that kind of spouts from the edges of their main content.

Just wondering what size i would need to make something like that?

Thanks,

Andy

Blade-uk 11-16-2010 07:50 AM

Anyone got any ideas on this please?

Andy

Xtrato 11-16-2010 11:46 PM

well it all depends..... here is their BG : http://www.hardwareheaven.com/styles...e/backdrop.jpg
its far too large , i dont know why they made it like that, but in any case... their website is a FIXED Size , so they can actually position the Background so it will sit right in the middle... so it looks like its spurs out of the sides....... kind of like my site , check it out.. www.vbdesigners.com , how you can make a similar effect even with a Fluid site... the ideal size would be perhaps 1800PX.. screen nowadays are getting bigger , and so does their resolution.. so that would be a safe bet shall we say.. then since most likely your minimum width is about 800PX .. or 1024X , then you can just leave a space in the middle of that size.. to avoid an oversize bg (in terms of sizekb etc..)...

so do it trough the BODY tag , just under your CSS:

body {
}

and just place it on center top , that should do the trick.

Regards

Blade-uk 11-17-2010 09:33 AM

Quote:

Originally Posted by Xtrato (Post 2122623)
well it all depends..... here is their BG : http://www.hardwareheaven.com/styles...e/backdrop.jpg
its far too large , i dont know why they made it like that, but in any case... their website is a FIXED Size , so they can actually position the Background so it will sit right in the middle... so it looks like its spurs out of the sides....... kind of like my site , check it out.. www.vbdesigners.com , how you can make a similar effect even with a Fluid site... the ideal size would be perhaps 1800PX.. screen nowadays are getting bigger , and so does their resolution.. so that would be a safe bet shall we say.. then since most likely your minimum width is about 800PX .. or 1024X , then you can just leave a space in the middle of that size.. to avoid an oversize bg (in terms of sizekb etc..)...

so do it trough the BODY tag , just under your CSS:

body {
}

and just place it on center top , that should do the trick.

Regards

So would i be better off having my site as a fixed size instead of fluid?

Still a bit lost with this :(

Way beyond my skills to be honest :(

Fancy giving me a hand on this Xtrato? What kind of pricing would you charge?

Thanks,

Andy

--------------- Added [DATE]1290006284[/DATE] at [TIME]1290006284[/TIME] ---------------

Ok, i made an image which you can find on this style - http://www.eteknix.com/forum.php?styleid=27

It simply is a black background with eTe wrote on it which i can see fine on my 1920x1080 and 1920x1200 monitors but my friend on his laptop cant see it at 1280x800.

Any ideas?

My site is using a 78% width so that it adjusts to the resolution of the monitor.

Thanks,

Andy

Xtrato 11-17-2010 06:49 PM

well ,you should avoid static backgrounds , they tend to lag the page , and use it under a DIVISION or a tag , the body for example would be good.

dont just leave the image floating around.


All times are GMT. The time now is 05:04 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.01110 seconds
  • Memory Usage 1,724KB
  • 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
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)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