Forum Wrapper and Moving Text [Archive]

View Full Version : Forum Wrapper and Moving Text

Daisyboo

02-19-2011, 05:05 PM

Is it possible to add an image to go around my forum instead of just a line? I've searched for wrapper etc but I can't work out where I need to add the code.

Also http://bumples.co.uk/vb4/forumdisplay.php?2-Main-Forum

How can I move the text 'Forum: Main Forum Main Forum Description' over so that there is a space before it?

Thanks!

Lynne

02-19-2011, 05:21 PM

What do you mean have an image go around? Can you post a link to an example or an image of an example?

And you want space just before the text "Forum: Main Forum"? Change stylevar "pagetitle_padding" to add some padding to the left.

Daisyboo

02-20-2011, 07:17 AM

Thanks Lynne that worked :)

An example of the forum wrapper is here http://www.themesbase.com/preview/?preview=6959

The purple edging is what I want to add.

Lynne

02-20-2011, 03:59 PM

They applied a class called "border" to the right and left column of the table (main content is in the center column) and then added this CSS for it:
.border { background-color: #B4B5CC; background-image: url("images/recipe/recipe_bdr.gif"); background-repeat: repeat-y; width: 10px;}

Daisyboo

02-21-2011, 07:06 AM

Thanks again!
Just one more question - how and where do I add the class? I really wanted to work it out myself but I can't :(

Lynne

02-21-2011, 03:04 PM

I always add extra CSS to the additional.css template.

Daisyboo

02-21-2011, 03:08 PM

Ah yes I thought that but I wasn'[t sure about this They applied a class called "border" to the right and left column of the table (main content is in the center column)
How do I do that?

Lynne

02-21-2011, 03:31 PM

Ah yes I thought that but I wasn'[t sure about this
How do I do that?
Take a look at their page source. They have the whole thing in a table. You'd have to redo your templates to do this their way. Probably the way to do it is to put another div around your main div and give it a background or what you want your border to look like and then a margin of just xx px and it will put an image around your main div.

Daisyboo

02-21-2011, 03:44 PM

OK I'll give that a go cheers! Could you tell me where I do that - which file/stylevars.

Lynne

02-21-2011, 05:21 PM

This would have to all be custom. Find the div you want to put the border around and then put a div around that and give it isn't own class, like .myborder:

<div class="myborder">
stuff you want to put border around
</div>

Then define .myborder:
.myborder {background:url(whatever....) blue repeat etc; margin: 10px;}

Daisyboo

02-22-2011, 08:54 AM

Brill thanks for that! Would that be forum home?

--------------- Added 1298380735 at 1298380735 ---------------

I found another thread which I tried but it didn't work https://vborg.vbsupport.ru/showthread.php?t=248980

Lynne

02-22-2011, 04:23 PM

What didn't work? Exactly what are you trying to put a div, with the border, around? Do you have an image of what you want to achieve?

Daisyboo

02-22-2011, 04:59 PM

Well I'm not exactly sure! I really am a n00b with vB and all its files.

Reading that thread it said about putting the code in the header so I put -

<div class="myborder">
<div class="above_body"> 
<div id="header" class="floatcontainer doc_header">
<div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">

And the closing div in the nav bar then added the code you gave to the additional.css

I want to achieve this edging http://www.themesbase.com/preview/?preview=6959

Lynne

02-22-2011, 10:13 PM

What you are doing is only going to put a border around the very top part of your forum. The navbar template is the area where the tabs are at the very top. If you want it down the whole entire page, you're gonna need to put it right below the <body> tag (at the top of the header) and right above the </body> tag (at the very bottom of the footer).

Daisyboo

02-23-2011, 07:55 AM

Blimey I can't believe I'm not getting this!

All I can see in those templates is <div class="above_body"> and <div class="below_body"> (header and footer templates)

Lynne

02-23-2011, 05:05 PM

OK, so....
<div class="border">
<div class="above_body">

and
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_footer}
</vb:if>
</div>
</div>
and then:
.border{background: pink; padding: 0 10px;}

Daisyboo

02-23-2011, 06:13 PM

Thank you for being patient! I got it!

Just one little thing lol is it possible to get the border going right across the top too? Above the logo and facebook connect button?
http://bumples.co.uk/vb4/forum.php

Lynne

02-23-2011, 08:24 PM

Yes. Change the padding to include the top - padding: 10px 10px 0;

Daisyboo

02-23-2011, 09:10 PM

Thanks Lynne!

Could you just take a quick look and see that the bottom border is really wide. Can I change that? (Last border question!)

Lynne

02-23-2011, 10:03 PM

You don't have a background color for the bottom info - forum time, copyright, etc - and so it is showing the same background you input for the border. So, either end the border div right above it - right above the <div class="below_body"> tag, or add a background to that class - .below_body {background: pink;}