Changing a Background in VB

This is a discussion on Changing a Background in VB within the Forums, Blogs, & Content Management Systems forums, part of the Website Management category; Hello, Can someone make a tutorial on how to change the background in VBulletin? What i want to do is ...


Reply
 
LinkBack Thread Tools Display Modes
Old 16th April 2009, 11:33 AM   #1
moderator
 
Wrams's Avatar
 
Join Date: Apr 2009
Location: Bristol, UK
Posts: 906
Blog Entries: 1
Thanks: 50
Thanked 7 Times in 7 Posts
Wrams has a spectacular aura aboutWrams has a spectacular aura aboutWrams has a spectacular aura about
Expertise: (X)HTML / CSS
Experience: Intermediate
Default Changing a Background in VB

Hello,

Can someone make a tutorial on how to change the background in VBulletin? What i want to do is add a pattern to the background of a VBulletin board i'm practicing on. However i'm not sure how to do this.

If anyone could explain to me what i need to do that would be great.

Thank you!!
__________________
Wrams is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 11:40 AM   #2
admin
 
saltedm8's Avatar
 
Join Date: Dec 2008
Location: Kent Uk
Posts: 1,595
Blog Entries: 6
Thanks: 15
Thanked 49 Times in 49 Posts
saltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond repute
Expertise: (X)HTML / CSS
Experience: Professional
Default

it depends on which background, do you mean where we have white ?... or the background that is a sort of peach colour ?
__________________
web design kent
saltedm8 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 11:41 AM   #3
moderator
 
Wrams's Avatar
 
Join Date: Apr 2009
Location: Bristol, UK
Posts: 906
Blog Entries: 1
Thanks: 50
Thanked 7 Times in 7 Posts
Wrams has a spectacular aura aboutWrams has a spectacular aura aboutWrams has a spectacular aura about
Expertise: (X)HTML / CSS
Experience: Intermediate
Default

No the background thats white...
__________________
Wrams is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 11:55 AM   #4
admin
 
saltedm8's Avatar
 
Join Date: Dec 2008
Location: Kent Uk
Posts: 1,595
Blog Entries: 6
Thanks: 15
Thanked 49 Times in 49 Posts
saltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond repute
Expertise: (X)HTML / CSS
Experience: Professional
Default

ok, that's easy enough, you need to go to Styles and Templates in the admincp, then go to styles manager, find your templates name and on the option all style options. click go

once there find 'Body' ( its near the top under 'HTML Doctype' ); to change the colour you change 'Background' to include an image do this in the box beside it.

background-image:url( images/background.jpg); for example

or if you are adjusting a template that is within a folder

background-image:url(images/templatename/innerfolder/background.png);

but you need to make sure the root is right ( where you placed the new image ).
__________________
web design kent
saltedm8 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 11:59 AM   #5
moderator
 
Wrams's Avatar
 
Join Date: Apr 2009
Location: Bristol, UK
Posts: 906
Blog Entries: 1
Thanks: 50
Thanked 7 Times in 7 Posts
Wrams has a spectacular aura aboutWrams has a spectacular aura aboutWrams has a spectacular aura about
Expertise: (X)HTML / CSS
Experience: Intermediate
Default

Ok i have that, where do i load the image in the first place? I mean will there be a folder or do i need to create one in my forums root? And if so what do i call it?
__________________
Wrams is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 12:01 PM   #6
admin
 
saltedm8's Avatar
 
Join Date: Dec 2008
Location: Kent Uk
Posts: 1,595
Blog Entries: 6
Thanks: 15
Thanked 49 Times in 49 Posts
saltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond reputesaltedm8 has a reputation beyond repute
Expertise: (X)HTML / CSS
Experience: Professional
Default

you upload it to your server, I would just put it inside the images folder,
__________________
web design kent
saltedm8 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 12:05 PM   #7
moderator
 
Wrams's Avatar
 
Join Date: Apr 2009
Location: Bristol, UK
Posts: 906
Blog Entries: 1
Thanks: 50
Thanked 7 Times in 7 Posts
Wrams has a spectacular aura aboutWrams has a spectacular aura aboutWrams has a spectacular aura about
Expertise: (X)HTML / CSS
Experience: Intermediate
Default

Once its in the images folder where do i get its path from? Like images/background.jpeg or whatever its called. Then that path is what i would put into the template manager correct?
__________________
Wrams is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 12:46 PM   #8
Senior Member
 
Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
Michael is on a distinguished road
Default

Quote:
Originally Posted by Wrams View Post
Once its in the images folder where do i get its path from? Like images/background.jpeg or whatever its called. Then that path is what i would put into the template manager correct?
If you have uploaded it to the images folder at /images/yourimage.gif then you just edit what glynn has said above to the correct path.
Michael is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 01:15 PM   #9
moderator
 
Wrams's Avatar
 
Join Date: Apr 2009
Location: Bristol, UK
Posts: 906
Blog Entries: 1
Thanks: 50
Thanked 7 Times in 7 Posts
Wrams has a spectacular aura aboutWrams has a spectacular aura aboutWrams has a spectacular aura about
Expertise: (X)HTML / CSS
Experience: Intermediate
Default

Ok, i'm going to try this. Wish me luck...Lol

I know it seems simple to you guys but remember i'm very new to this so this is part of my learning curve.

Once i've done something once i don't need to be tought again.so thats one good thing...;)

Anyway thanks for your help guys i really appreciate it.
__________________
Wrams is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Old 16th April 2009, 03:30 PM   #10
Senior Member
 
Join Date: Jan 2009
Posts: 974
Thanks: 56
Thanked 11 Times in 11 Posts
Michael is on a distinguished road
Default

Hope it all goes well, can we see a screenshot of the results too?
Michael is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!twitter
Reply With Quote
Reply

Tags
background, changing

Thread Tools
Display Modes