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-17-2013, 12:05 PM
Harpo's Avatar
Harpo Harpo is offline
 
Join Date: Dec 2011
Location: Canada
Posts: 100
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Adding a graphicz Border to my forum Help.

Forgive me If I placed this in the wrong section.

Well I am trying to add a left and right border to my forum. If you see the attachments you will see my left & right borders I plan on using as the border for my forum. Another sample is supplied to give you guys a visualization of what I am trying to do.

The red lines indicate where I want my borders to go. If anyone can assist me that would be awesome.
Attached Images
File Type: jpg index_forum_sample.jpg (34.5 KB, 0 views)
File Type: png left_borderzb.png (6.7 KB, 0 views)
File Type: png right_borderZB.png (6.6 KB, 0 views)
Reply With Quote
  #2  
Old 11-17-2013, 12:55 PM
webmastersun's Avatar
webmastersun webmastersun is offline
 
Join Date: Oct 2013
Location: www.webmastersun.com
Posts: 433
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

your idea looks like my forum border that I made http://www.webmastersun.com ?
you need create a image file with height 1px and width depends on your forum width

add css
Code:
.mainwrapper
{
  width: 1025px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: transparent;
  background-image: url("http://www.webmastersun.com/images/piewrapm.png");
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  z-index: -1;
}
If you have problem let me know.

Good luck!
Reply With Quote
  #3  
Old 11-17-2013, 01:37 PM
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Location: USA
Posts: 10,929
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You would of course have to change this line to your site and image path.

Code:
background-image: url("http://www.webmastersun.com/images/piewrapm.png");
Reply With Quote
  #4  
Old 11-17-2013, 01:42 PM
Harpo's Avatar
Harpo Harpo is offline
 
Join Date: Dec 2011
Location: Canada
Posts: 100
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hmm nope never saw your website before.

Also your code did not work for me. The background image did not show up. I added the code to additional.css. was that the correct section?

Anyone else?

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

Quote:
Originally Posted by ozzy47 View Post
You would of course have to change this line to your site and image path.

Code:
background-image: url("http://www.webmastersun.com/images/piewrapm.png");
Affirmative.

Also webmastersun it did not work but thanks.
Reply With Quote
  #5  
Old 11-17-2013, 06:59 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Did you add a div with class mainwrapper around your forums (or whatever you want to have the border)? If you don't use that class, then any CSS you write for it is useless.
Reply With Quote
Благодарность от:
tbworld
  #6  
Old 11-18-2013, 01:34 AM
Harpo's Avatar
Harpo Harpo is offline
 
Join Date: Dec 2011
Location: Canada
Posts: 100
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
Did you add a div with class mainwrapper around your forums (or whatever you want to have the border)? If you don't use that class, then any CSS you write for it is useless.
No I did not. Would you mind explaining how? I've just been playing around with the Stlyevars. No good.
Reply With Quote
  #7  
Old 11-18-2013, 03:18 AM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You need to put <div class="mainwrapper"> around the area you want to have the border (and the </div> at the end).
Reply With Quote
  #8  
Old 11-18-2013, 04:53 AM
webmastersun's Avatar
webmastersun webmastersun is offline
 
Join Date: Oct 2013
Location: www.webmastersun.com
Posts: 433
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Harpo View Post
No I did not. Would you mind explaining how? I've just been playing around with the Stlyevars. No good.
Send forum link here and I will send you right CSS style for your forum.

Cheers!
Reply With Quote
  #9  
Old 11-18-2013, 06:27 AM
Harpo's Avatar
Harpo Harpo is offline
 
Join Date: Dec 2011
Location: Canada
Posts: 100
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Link sent through PM.
Reply With Quote
  #10  
Old 05-09-2014, 01:11 PM
whitetailworld whitetailworld is offline
 
Join Date: Feb 2013
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Did you get the border in? I am curious to this as well. could you send me a link to the finished product? Thanks!
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:44 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.04618 seconds
  • Memory Usage 2,285KB
  • Queries Executed 14 (?)
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
  • (3)bbcode_code
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (1)post_thanks_box_bit
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (3)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)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
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete