Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 11-14-2010, 11:13 PM
Blade-uk Blade-uk is offline
 
Join Date: Nov 2003
Posts: 70
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default 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
Reply With Quote
  #2  
Old 11-16-2010, 07:50 AM
Blade-uk Blade-uk is offline
 
Join Date: Nov 2003
Posts: 70
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Anyone got any ideas on this please?

Andy
Reply With Quote
  #3  
Old 11-16-2010, 11:46 PM
Xtrato's Avatar
Xtrato Xtrato is offline
 
Join Date: Feb 2005
Location: New Jersey
Posts: 510
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #4  
Old 11-17-2010, 09:33 AM
Blade-uk Blade-uk is offline
 
Join Date: Nov 2003
Posts: 70
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Xtrato View Post
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
Reply With Quote
  #5  
Old 11-17-2010, 06:49 PM
Xtrato's Avatar
Xtrato Xtrato is offline
 
Join Date: Feb 2005
Location: New Jersey
Posts: 510
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:27 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.05722 seconds
  • Memory Usage 2,203KB
  • Queries Executed 13 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (5)post_thanks_box
  • (5)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (5)post_thanks_postbit_info
  • (5)postbit
  • (5)postbit_onlinestatus
  • (5)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete