How to add cells in "Element" Skin's Postbit

T

TehMaster

New Member
Guys has anyone an idea on how to add dividor cells on the postbit legacy?

I am talking about the vBStyles Element skin (http://www.vbteam.info/3-7-x-premiu...ment-skin-vbulletin-3-7-2-nullified-gysn.html)

See the attachments to understand better.

I want my postbit legacy to be like this (But with Elements skin colours)
attachment.php


Not like this :

attachment.php


I would really appreciate it if you could help me.
 
Well fellow, all i can tell you is this code i use on one of my custom skins from Element.

HTML: 
<table align="center" border="0" width="%100">
<if condition="$post['joindate']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[join_date]: $post[joindate]</div></td></tr></if>
<if condition="$show['last_seen_online']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[last_seen_online]: $post[lastseen_date] $post[lastseen_time]</div></td></tr></if>			
<if condition="$post['field2']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[location_perm]: $post[field2]</div></td></tr></if>
<tr  bgcolor="#E6E6E6"><td>				<if condition="$vboptions['enable_htnx_tag'] AND in_array(THIS_SCRIPT, array('showthread', 'showpost', 'editpost'))">
				<div>
					<br />
					<if condition="$bbuserinfo['userid'] == $post['userid'] OR in_array($post['postid'], $hidetag['said_thanks'])">
						<img src='$stylevar[imgdir_misc]/thanks.gif' alt="" border="0" />
					<else />
						<a href="showthread.php?t=$post[threadid]&thanks=$post[postid]"><img src='$stylevar[imgdir_misc]/thanks.gif' alt="$vbphrase[say_thank_you]" border="0" /></a>
					</if> =
					<br />
					<strong>$post_thanks_count</strong> $vbphrase[for_this_post],<br />
					<strong>$user_thanks_count</strong> $vbphrase[total]
				</div>
				</if><div>$vbphrase[posts]: $post[posts]</div></td></tr>
<tr bgcolor="#E6E6E6"><td>
<div>$vbphrase[threads]: $post[threads]</div>
</td></tr>       
<if condition="$post['age']"><tr bgcolor="#E6E6E6"><td><div>$vbphrase[age]: $post[age]</div></td></tr></if>
	<tr  bgcolor="#E6E6E6"><td><div>$vbphrase[userid]: $post[userid]</div></td></tr>
	<if condition="$show['reputation']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[reputation]: $post[reputation] $post[reputationdisplay]<br/><!--VBSEO_BOOKMARKS--></center></div></td></tr></if>
        <tr class="alt2"><td><if condition="$show['ws_warninglevel']"><div><strong>$vbphrase[ws_warninglevel]: $post[ws_warninglevel]</strong></div></if><div><center>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon]<center></div></td></tr>
        </table>

You see that I've created a table, and each field is a TR. You can adjust the background color and border to look like Element default very easily. I use a gray color to be more light.
Remember to add the if conditional BEFORE the tr tag, or you'll get empty fields using your space.

I hope this can help you in some way.
 
Try changing the td tag to this:
HTML: 
<td style="border-width: 1px"> ...content... </td>
This will add a border with 1px to your cells.
 
Galeras said:
Try changing the td tag to this:
HTML: 
<td style="border-width: 1px"> ...content... </td>
This will add a border with 1px to your cells.
Click to expand...

thanks again .

You helped me a lot.

But I am having one more problem :(

This is my code

HTML: 
<table align="center" border="0" width="%100">
<if condition="$post[posts]"><tr bgcolor="#E6E6E6"><td><div>$vbphrase[posts]: $post[posts]</div></td></tr></if>
			<div class="smallfont">
				&nbsp;<br />
        <tr class="alt2"><td><if condition="$show['infraction']"><div><strong>$vbphrase[infractions]: $post[warnings]</strong></div></if></tr>

				<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

				<if condition="$post['joindate']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[join_date]: $post[joindate]</div></td></tr></if>

<if condition="$post['field2']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[location_perm]: $post[field2]</div></td></tr></if>

				<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
	<tr  bgcolor="#E6E6E6"><td><div>$vbphrase[userid]: $post[userid]</div></td></tr>

<if condition="$post['age']"><tr bgcolor="#E6E6E6"><td><div>$vbphrase[age]: $post[age]</div></td></tr></if>
<if condition="$show['last_seen_online']"><tr  bgcolor="#E6E6E6"><td><div>$vbphrase[last_seen_online]: $post[lastseen_date] $post[lastseen_time]</div></td></tr></if>			

				<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
				<if condition="$show['reputation']"><if condition="$show['reppower']"><div><span id="reppower_$post[postid]_$post[userid]">$vbphrase[reppower]</span>: $post[reppower]</div></if></if>

        <tr class="alt2"><td><if condition="$show['ws_warninglevel']"><div><strong>$vbphrase[ws_warninglevel]: $post[ws_warninglevel]</strong></div></if><div>

				</table>


But even if I am using

HTML: 
<tr class="alt2"><td><if condition="$show['infraction']"><div><strong>$vbphrase[infractions]: $post[warnings]</strong></div></if></tr>

The Infractions cell won't show up even if the user has infractions :?

Posts: 16
Join Date: Jul 2008
Location: micro
Userid: 1
^
|
These are shown perfectly in a cell, but the infractions dont even appear.

Also have a note that I am using 3.7.1 and the code may be different
 
using a css class is alot easier

Add this to the additional css section
HTML: 
.postbit {
background-color: #f0f0f0;
border-right: 1px solid #C2C9CF;
border-bottom: 1px solid #C2C9CF;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
padding:4px;
margin-bottom:2px;
}
(you may want to change the colors)

and for every section you want boxed add this:
HTML: 
class="postbit"

to the
HTML: 
<div>

so ithey will look like:
HTML: 
<div class="postbit">

ie:
HTML: 
<div class="postbit">$vbphrase[posts]: $post[posts]</div>
 
LOL Hoxxy made it much easier.
And for sure the coding is a lot cleanner when using CSS and Div.
Follow Hoxxy instrutions, should work. Remember Tables aren't a pretty thing in html...
 
You must log in or register to reply here.
Back
Top