Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
  #1  
Old 10-20-2007, 05:54 PM
rokked rokked is offline
 
Join Date: Apr 2007
Posts: 29
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Vbull/CSS/coding Help?

I'm fairly new to the coding angle of things, and want to redesign my layout in a rather complicated (or what I consider complicated) manner. I'm trying to figure out things like making the background just one image instead of using a header image, how to keep the forum index from changing sizes when windows get smaller, that sort of thing. Basically set up a format where the background (including the header) is behind the forum index.

I looked through the tutorial thread, I know Photoshop and all of that, but my question is if anyone knows any resources where I can look at specifically designed formats of VBulletin formats and maybe even find tutorials on how to build similar projects. Like I said, I know what I want it to look like, I'm just having trouble getting it to play out since I'm new to coding.

Any advice appreciated!
Reply With Quote
  #2  
Old 10-20-2007, 06:28 PM
Freesteyelz's Avatar
Freesteyelz Freesteyelz is offline
 
Join Date: Jan 2006
Posts: 1,552
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Most lay the overall background in Admin CP --> Styles & Templates --> Style Manager --> Main CSS and in the first text-box area in "Body" add CSS attributes for "background":

Code:
#000000 url(path/to/background/image.gif/jpg) repeat-x top left

1) #000000 = overall background color (shown is black)
2) gif/jpg = whichever extension you're using
3) repeat-x = the image will repeat horizontally (repeat-y = vertical; repeat = both horizontal and vertical; no-repeat = image will be static)
4) top = image will start from the top of page (keep this at top)
5) left = image will start left of page (or right and center)

------------------------

To change the width of from a percentage to static go to Admin CP --> Styles & Templates --> Style Manager --> StyleVars and change the "Main Table Width (pixels or percentage)" to a different number.

Percentage = 100% (make sure to add the percentage after number)
Pixel (or fixed width) = just add the number but do not add the "px" after it)

-------------------------

For more information for vB template stuff go to vBulletin Manual and in the left column search box type "Color Map Reference".

Hope this helps.
Reply With Quote
  #3  
Old 10-22-2007, 03:04 PM
rokked rokked is offline
 
Join Date: Apr 2007
Posts: 29
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Very much. Thanks!
Reply With Quote
Reply

Thread Tools
Display Modes

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 12:45 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03273 seconds
  • Memory Usage 2,161KB
  • Queries Executed 11 (?)
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_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (3)post_thanks_box
  • (3)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (3)post_thanks_postbit_info
  • (3)postbit
  • (3)postbit_onlinestatus
  • (3)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_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