Webmaster Forum

Go Back   Webmaster Forum > Webmaster Discussion Forums > Web Design and Graphics

Notices

Reply
 
LinkBack Thread Tools Display Modes
Old 04-10-2008, 07:10 PM   #1
Regular Member
 
Join Date: Apr 2008
Location: California
Posts: 56
Credits: 1
Osirus is on a distinguished road
Send a message via MSN to Osirus Send a message via Yahoo to Osirus
Default [3.6.8]Postbit Modification

This tutorial will liven up your postbit legacy a bit. Screen shot coming soon.

Basically it is like the postbit legacy view on Web-Talks

Navigate to your skin templates and find postbit legacy and do the following edits.



Code:

Code:
<div class="info"></div>
CSS:

Code:
.info {

padding: 3px 0px 3px 3px;

background-color: #181818;

border-top: 1px solid #000000;

border-right: 2px solid #000000;

border-left: 1px solid #000000;

border-bottom: 2px solid #000000;

margin-bottom: 3px;

}
Example:

Code:
    <div class="info">

     $vbphrase[posts]: $post[posts]

    </div>


Here is what I did to mine:

Code:
   <div class="smallfont">

    &nbsp;<br />

<div class="info">

$post[onlinestatus]</div>

<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>

    <if condition="$post['field2']"><div class="info">$vbphrase[location_perm]: $post[field2]</div></if>

    <if condition="$post['age']"><div class="info">$vbphrase[age]: $post[age]</div></if>

    <div class="info">

     $vbphrase[posts]: $post[posts]

    </div>

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

    <if condition="$show['reputation']"><div class="info"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>

    $template_hook[postbit_userinfo_right]

    <div class="info">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>

   </div>


Special thanks to Shadab for shorting the CSS for me.
__________________
Wicked3X|3xGuilds.com|
"As long as darkness flows through my veins, I will never cease, As long as my dreams still haunt me, I will never show mercy, and as long as evil lives I will never die.....
Osirus is offline   Reply With Quote
Old 04-10-2008, 09:16 PM   #2
Counting 10,000 :D
 
Swastik's Avatar
 
Join Date: Mar 2008
Location: India
Posts: 494
Credits: 0
Swastik has a spectacular aura aboutSwastik has a spectacular aura about
Send a message via MSN to Swastik Send a message via Yahoo to Swastik
Default

Well, I will test it on a child style. Though I guess you are referring to making it more organized which is already there.

You could make it more explanatory though, Where should I apply the div's?

And yea, Shadab is a masterpiece at vBulletin ;)

Swastik
Swastik is offline   Reply With Quote
Old 04-10-2008, 10:32 PM   #3
Regular Member
 
Join Date: Apr 2008
Location: California
Posts: 56
Credits: 1
Osirus is on a distinguished road
Send a message via MSN to Osirus Send a message via Yahoo to Osirus
Default

I am sorry yes when I get some time I will update my tut,

Example

Before:
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>

Replace the <div> tag with <div class="info"> as per the example below.

After:
<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>
__________________
Wicked3X|3xGuilds.com|
"As long as darkness flows through my veins, I will never cease, As long as my dreams still haunt me, I will never show mercy, and as long as evil lives I will never die.....
Osirus is offline   Reply With Quote
Old 04-11-2008, 01:16 AM   #4
Counting 10,000 :D
 
Swastik's Avatar
 
Join Date: Mar 2008
Location: India
Posts: 494
Credits: 0
Swastik has a spectacular aura aboutSwastik has a spectacular aura about
Send a message via MSN to Swastik Send a message via Yahoo to Swastik
Default

Yeah, tha's more explanatory now and I guess, I was right ;)
Swastik is offline   Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

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
Trackbacks are On
Pingbacks are On
Refbacks are On



vBCredits v1.4 Copyright ©2007 - 2008, PixelFX Studios