Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 2275 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

VBulletin Skin Coding Help Needed!

Thread title: VBulletin Skin Coding Help Needed!
Closed Thread    
    Thread tools Search this thread Display Modes  
04-23-2006, 08:44 PM
#1
Zero is offline Zero
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 147
iTrader: 1 / 100%
 

Zero is on a distinguished road

  Old  VBulletin Skin Coding Help Needed!

Hey, I was wondering how do I add an image to the right and left side of the topic bars.

I really really need to know how to do this! Thanks.

04-23-2006, 09:28 PM
#2
Cole is offline Cole
Status: I love this place
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 721
iTrader: 0 / 0%
 

Cole is on a distinguished road

  Old

http://www.vbulletin.org/forum/showthread.php?t=88815

I don't have time to type it out how to do it, but that does it pretty well. It's for vBulletin 3.0.x, but so little has changed in the templates other than the rel="nofollow" added to some links (watch for that, and readd the rel="nofollow" where nessesary in the modification when finished.)

04-23-2006, 10:58 PM
#3
Bas is offline Bas
Status: I love this place
Join date: Jan 2005
Location: The Netherlands
Expertise: Frontend, vBulletin
Software: Coda, Photoshop
 
Posts: 607
iTrader: -1 / 0%
 

Bas is on a distinguished road

Send a message via MSN to Bas

  Old

Cole, I don't think that's what he's asking for. And the code from the topic isn't valid.

Zero, if you're talking about side images on the tcat bars, it goes like this:
Open forumhome_forumbit_level1_nopost and look for '<td class="tcat" ..>..</td>'

If your images are just as high as the tcat bar, you're going to have a problem with padding. Therefore, set the padding to 0, like this: '<td class="tcat" style="padding: 0;" ..>..</td>'

Then you should let the 2 images float to the sides, lets say they're called 'tcat_left.gif' and 'tcat_right.gif' and you've put them in the 'misc' folder.

Your final code would look like this:

Code:
<td class="tcat" style="padding: 0;" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
	<img src="$stylevar[imgdir_misc]/tcat_left.gif" style="float: left;" alt="" />
	<img src="$stylevar[imgdir_misc]/tcat_right.gif" style="float: right;" alt="" />
	<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
	<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
	<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
	<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>

04-24-2006, 02:20 AM
#4
Zero is offline Zero
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 147
iTrader: 1 / 100%
 

Zero is on a distinguished road

  Old

Originally Posted by Bas
Cole, I don't think that's what he's asking for. And the code from the topic isn't valid.

Zero, if you're talking about side images on the tcat bars, it goes like this:
Open forumhome_forumbit_level1_nopost and look for '<td class="tcat" ..>..</td>'

If your images are just as high as the tcat bar, you're going to have a problem with padding. Therefore, set the padding to 0, like this: '<td class="tcat" style="padding: 0;" ..>..</td>'

Then you should let the 2 images float to the sides, lets say they're called 'tcat_left.gif' and 'tcat_right.gif' and you've put them in the 'misc' folder.

Your final code would look like this:

Code:
<td class="tcat" style="padding: 0;" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
	<img src="$stylevar[imgdir_misc]/tcat_left.gif" style="float: left;" alt="" />
	<img src="$stylevar[imgdir_misc]/tcat_right.gif" style="float: right;" alt="" />
	<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
	<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
	<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
	<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
Thanks! Exactly what I was looking for!

EDIT: How do I seperate each catagory by a few spaces?

Also how do I remove the border around the the forums body.

Thanks.

04-24-2006, 02:19 PM
#5
Zero is offline Zero
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 147
iTrader: 1 / 100%
 

Zero is on a distinguished road

  Old

Bump, anyone know? I really need help with this.

04-24-2006, 03:47 PM
#6
Jen is offline Jen
Status: Member
Join date: Dec 2004
Location: Australia
Expertise:
Software:
 
Posts: 413
iTrader: 0 / 0%
 

Jen is on a distinguished road

  Old

> EDIT: How do I seperate each catagory by a few spaces?

There is vbulletin.com tutorial.

04-24-2006, 03:50 PM
#7
Zero is offline Zero
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 147
iTrader: 1 / 100%
 

Zero is on a distinguished road

  Old

Thanks, looking now. Can you possibly link me?

Anyone know how to get rid of the table border around everything?

04-24-2006, 05:41 PM
#8
Jen is offline Jen
Status: Member
Join date: Dec 2004
Location: Australia
Expertise:
Software:
 
Posts: 413
iTrader: 0 / 0%
 

Jen is on a distinguished road

  Old

To rid of table border, use 0. eg <table border="0"...>

I don't know whats your vbulletin version, use search "space between forum categories". When I was new to vbulletin, I searched all the time. Search is your mate

04-24-2006, 08:30 PM
#9
Zero is offline Zero
Status: Member
Join date: Apr 2006
Location:
Expertise:
Software:
 
Posts: 147
iTrader: 1 / 100%
 

Zero is on a distinguished road

  Old

Originally Posted by Designgraphy
To rid of table border, use 0. eg <table border="0"...>

I don't know whats your vbulletin version, use search "space between forum categories". When I was new to vbulletin, I searched all the time. Search is your mate
lol, I know how to get rid of it. I cant find where. http://www.redwatergfx.com/forums/index.php?styleid=11 that is the skin I am working on.

I want to get rid of the padding or border or what ever around everything.

Thanks.

04-25-2006, 09:40 PM
#10
Techno is offline Techno
Techno's Avatar
Status: Sin Binner
Join date: Jul 2005
Location: Yorkshire, UK
Expertise:
Software:
 
Posts: 3,709
iTrader: 1 / 100%
 

Techno is on a distinguished road

  Old

If I understand you correctly then go into Main CSS, take away the padding in the body bit.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed