Show Thread Enhancements - Dynamic License Plate & Text in Postbit.

~~~~~MARK INSTALLED~~~~~~


Here is it is for all Car Enthusiast Site's all i ask is that you link back to my site in way, shape or form. Site: http://www.nycjdm.com Or please throw a donation my way I will not help support this unless you have marked this installed, can either send me a link with the link back to my site or have placed a donation.

This Mod should work for any vB 4.+

So first we need to setup the CSS for the custom div that positions the License Plate & Text

so
1. Navigate to Admin CP => Styles & Templates => Style Manager => Edit Templates => CSS Templates => additional.css

At the bottom of this file add (you can change the css to match your site width etc..

div.jdm_plate{
height:66px;
}
div.jdm_plate p {
padding-top: 25px;
margin: 0 auto;
font-size:24px;
text-transform:uppercase;
color:black;
}

2. Navigate to AdminCP => User Profile Fields =>Add New User Profile Field

You will need to create 2 fields, one to Select License Plates the Other to Add the Text to it.

So create the first custom field we will call this x (make sure u get the field id)

Profile Field Type: Single Selection Menu

Title: License Plate

Description: Please choose your License Plate from the drop down list above. If you do not see yours listed please request them <a href="www.yoursite.com/your_forum_for_requests">here.</a>
<br/>

<img src="path-to/license_plates/Japan.png" alt="Japan" />
<img src="path-to/license_plates/New_York.png" alt="NY" />

Options: Now this is case sensitive and each option must be named exactly like the corresponding image so for me its: 

Japan
New_York

The Second Profile Field we will call y (make sure u get the field id)

Profile Field Type: Single-Line Text

Title: License Plate Text

Description: Enter your License Plate Text Here.

Max length of allowed user input: 6 or 7

Default Value: What ever you want up to 6 or 7 Characters.


Now save that ... Hopefully you have both Field Id's and now on to the next step

3. Navigate to Admin CP => Styles & Templates => Style Manager => Edit Templates => Postbit Templates => postbit_legacy

find and place code between the code in the box or place it where you would like it to show in the post bit.

</vb:if> 
{insert bottom code here}
<vb:if condition="$post['userid']">

Display Code make sure you change the X and Y to the correct profile id's

<vb:if condition="$post['userid']">
<vb:if condition="$post['fieldxx']">

    <div class="jdm_plate" style="background-image:url(http://path-to/license_plates/{vb:raw post.fieldxx}.png);">
<p><b>{vb:raw post.fieldyy}</b></p>
</div>
</vb:if> 
</vb:if>

Note: Blank License Plates can be found @ http://www.blankplates.com/

[demo7up]

reserved

[bosanci28]

hi,and thanks for this,

any clue why i get this:?

if i take avatar out ,there are 6 plates numbers,

also my plates are in .jpg

thanks

>>>>>>>>>>>>>>>>>>>>>>>>>

update:

i manage to fix it:


find this in postbit_legacy

<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>

and add above the code from first post or main post! (change path to whatever you want where you put your pictures
and also the field X and Y !)

</vb:if> 


<vb:if condition="$post['userid']">
<vb:if condition="$post['fieldXX']">


    <div class="jdm_plate" style="background-image:url(http://www.yoursite.com/images/buttons/plates/{vb:raw post.fieldXX}.jpg);">
<p><b>{vb:raw post.fieldYY}</b></p>
</div>
</vb:if> 
</vb:if>

<vb:if condition="$post['userid']">

and in my case or my forum skin that i have , i used this code :

div.jdm_plate{
height:93px;
}
div.jdm_plate p {
padding-top: 35px;
padding-left: 35px;
font-size:24px;
text-transform:uppercase;
color:black;
}

and my blank plates are re-sized to 180x90 .jpg

thanks

(sorry for the codes added just in case other people have the same problem
like i had in my case.)

[demo7up]

Im glag you were able to get it to work. No sweat if it helps others #whynot lol

[duketxboy]

no luck with it here

[demo7up]

Originally Posted by duketxboy

no luck with it here

what seems to be the issue? what step isnt working? Also if you have tried to install it please mark as installed and i will help you set it up correctly.

[bosanci28]

is there a way in my case on the code above ,to <center> the text?
like if you put "M5" to be in the middle !... i mean to auto align , if one letter was entered to be in the middle ,
because if i add only like this:

</vb:if> 


<vb:if condition="$post['userid']">
<vb:if condition="$post['field46']">


    <div class="jdm_plate" style="background-image:url(http://www.forum.dynavin.us/digitalvb/morbid/buttons/plates/{vb:raw post.field46}.jpg);">
<center><p><b>{vb:raw post.field47}</b></p>
</div>
</vb:if> 
</vb:if>

<vb:if condition="$post['userid']">

will start from the middle...

if 1,2,3,4,5,6,7 letters to auto center itself... if possible...

thanks

[demo7up]

Originally Posted by bosanci28

is there a way in my case on the code above ,to <center> the text?
like if you put "M5" to be in the middle !... i mean to auto align , if one letter was entered to be in the middle ,
because if i add only like this:

</vb:if> 


<vb:if condition="$post['userid']">
<vb:if condition="$post['field46']">


    <div class="jdm_plate" style="background-image:url(http://www.forum.dynavin.us/digitalvb/morbid/buttons/plates/{vb:raw post.field46}.jpg);">
<center><p><b>{vb:raw post.field47}</b></p>
</div>
</vb:if> 
</vb:if>

<vb:if condition="$post['userid']">

will start from the middle...

if 1,2,3,4,5,6,7 letters to auto center itself... if possible...

thanks

Please mark as installed! Also It should be auto centering the text. After you mark as installed send me the link to your site any page with the license plate enabled. And ill check it out.

[bosanci28]

i marked install yesterday !...friend.

post 7 thats my code....that i have right now... and the .css from above post.

thanks

[demo7up]

okay what i think u need to do is

in the css replace

padding-left: 35px;

with

margin: 0 auto;

that should do it. Let me know if that works for you.