vb.org Archive - Adding a graphicz Border to my forum Help.

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Adding a graphicz Border to my forum Help. (https://vborg.vbsupport.ru/showthread.php?t=304652)

Harpo

11-17-2013 12:05 PM

Adding a graphicz Border to my forum Help.

1 Attachment(s)

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. :)

webmastersun

11-17-2013 12:55 PM

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!

ozzy47

11-17-2013 01:37 PM

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");

Harpo

11-17-2013 01:42 PM

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 (Post 2461459)

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.

Lynne

11-17-2013 06:59 PM

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.

Harpo

11-18-2013 01:34 AM

Quote:

Originally Posted by Lynne (Post 2461566)

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.

Lynne

11-18-2013 03:18 AM

You need to put <div class="mainwrapper"> around the area you want to have the border (and the </div> at the end).

webmastersun

11-18-2013 04:53 AM

Quote:

Originally Posted by Harpo (Post 2461637)

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!

Harpo

11-18-2013 06:27 AM

Link sent through PM.

whitetailworld

05-09-2014 01:11 PM

Did you get the border in? I am curious to this as well. could you send me a link to the finished product? Thanks!

webmastersun

05-14-2014 01:35 AM

Quote:

Originally Posted by Harpo (Post 2461695)

Link sent through PM.

I have not received your PM yet

Quote:

Originally Posted by Lynne (Post 2461660)

You need to put <div class="mainwrapper"> around the area you want to have the border (and the </div> at the end).

I agree with this
or Harpo need to change mainwrapper to your main dive on your forum, it will work.

All times are GMT. The time now is 12:28 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01102 seconds Memory Usage 1,735KB 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 (3)bbcode_code_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (11)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
Messages: