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 02-19-2011, 05:05 PM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default 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!
Reply With Quote
  #2  
Old 02-19-2011, 05:21 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #3  
Old 02-20-2011, 07:17 AM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #4  
Old 02-20-2011, 03:59 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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;}
Reply With Quote
  #5  
Old 02-21-2011, 07:06 AM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #6  
Old 02-21-2011, 03:04 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I always add extra CSS to the additional.css template.
Reply With Quote
  #7  
Old 02-21-2011, 03:08 PM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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?
Reply With Quote
  #8  
Old 02-21-2011, 03:31 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Daisyboo View Post
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.
Reply With Quote
  #9  
Old 02-21-2011, 03:44 PM
Daisyboo Daisyboo is offline
 
Join Date: Jul 2008
Location: Somerset UK
Posts: 174
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

OK I'll give that a go cheers! Could you tell me where I do that - which file/stylevars.
Reply With Quote
  #10  
Old 02-21-2011, 05:21 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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;}
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 06:28 PM.


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.07583 seconds
  • Memory Usage 2,256KB
  • Queries Executed 13 (?)
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_html
  • (2)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
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (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
  • 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
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete