vb.org Archive - Forum Wrapper and Moving Text

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

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

- - Forum Wrapper and Moving Text (https://vborg.vbsupport.ru/showthread.php?t=259129)

Daisyboo

02-19-2011 05:05 PM

Forum Wrapper and Moving Text

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:

HTML Code:

.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

Quote:

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

Quote:

Originally Posted by Daisyboo (Post 2165003)

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:

HTML Code:

<div class="myborder">

stuff you want to put border around

</div>

Then define .myborder:

HTML Code:

.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 [DATE]1298380735[/DATE] at [TIME]1298380735[/TIME] ---------------

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 -

Code:

<div class="myborder">

<div class="above_body"> <!-- closing tag is in template navbar -->

<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

PHP Code:


		
			
<div class="above_body">

and

PHP Code:


		
			
<div class="below_body">

(header and footer templates)

Lynne

02-23-2011 05:05 PM

OK, so....

HTML Code:

<div class="border">  

<div class="above_body">

and

HTML Code:

<vb:if condition="$vboptions['enablefacebookconnect']">

    {vb:raw facebook_footer}

</vb:if>

</div>

</div><!-- to close border -->

and then:

HTML Code:

.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;}

All times are GMT. The time now is 01:27 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01307 seconds Memory Usage 1,760KB 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 (1)bbcode_code_printable (6)bbcode_html_printable (2)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (20)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: