Need Help in Designing of Postbit_Legacy

A

Ab.Nath

New Member
hello

I want to Design my posbit _template

In my forum i have like this as one of my members like this

2d945z9.jpg


But i want to add boxes and stuff's to make it clear and more visible to the members like this for example

2po8aco.gif


How can i make it , and also it suits the style and makes it more prominent and clear about all things

like a box
____________________________________
| Post : 32 |
|___________________________________|
| Country : India |
|___________________________________|


Like this and which matches with my Style color
Please can anyone please give me the code
Thanks
Ab.Nath
 
Hello fellaw, hope I got your idea right... So what i use in users information is like this:

HTML: 
<div class="smallfont">
				&nbsp;<br />
				<if condition="$post['joindate']"><div class="postbitfields">$vbphrase[join_date]: $post[joindate]</div></if>
                                <if condition="$show['last_seen_online']"><div class="postbitfields">$vbphrase[last_seen_online]: $post[lastseen_date] $post[lastseen_time]</div></if>
				<if condition="$post['field2']"><div class="postbitfields">$vbphrase[location_perm]: $post[field2]</div></if>
				<if condition="$post['age']"><div class="postbitfields">$vbphrase[age]: $post[age]</div></if>
				<div class="postbitfields">
					$vbphrase[posts]: $post[posts]
				</div>
<div class="postbitfields">$vbphrase[threads]: $post[threads]</div>
				$template_hook[postbit_userinfo_right_after_posts]
				<if condition="$show['infraction']"><div class="postbitfields">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
				<if condition="$show['reputation']"><div class="postbitfields">$vbphrase[reputation]: $post[reputation] </div></if>
				$template_hook[postbit_userinfo_right]
<if condition="$post[icqicon] OR $post[aimicon] OR $post[msnicon] OR $post[yahooicon] OR $post[skypeicon]"><div class="postbitfields">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div></if>
			</div>

As you can see i have a div with the class postbitfields
wich is then defined in the CSS (
goto "All style options" and then "Customized in this Style" )

Add the following
PHP: 
.postbitfields {
	background: #F9F9F9;
	margin-bottom: 0.13em;
	padding: 0.19em;
	border-top: 0.06em solid #A2A2A2;
	border-right: 0.06em solid #A2A2A2;
	border-left: 0.06em solid #A2A2A2;
	border-bottom: 0.06em solid #A2A2A2;
	font: 0.74em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
Of course... you may change the colors in the css to look better under your own style

Useful links:
Color generator
CSS Optimiser
 
Ab he gave you the workings now all you have to do is play around with it until you get what you want..also the two links he gave are a good resource.
 
In addition, you can check out some of the released postbit/postbit_legacy design mods to inspire you to greater creative results, or to serve as baseline for your design.
 
You must log in or register to reply here.
Back
Top