BB Code Enhancements - Dynamic Part Graphics

Dynamic is probably the wrong word, but it appears that way. :erm:

Download the attached image and upload it to your server. Then replace background-image: url('IMAGE LOCATION'); in the CSS with the location of your image

Demo - Non - vB: The lines under the numbers wont show up when in vBulletin

Example

[part=1]http://www.example.com[/part]

Replacement

<a href="{param}" target="_blank">
<ul class="partimage">
<li class="partimageli">{option}</li>
</ul>
</a>

Add this to the Main CSS
:erm:

.partimage {
     background-image: url('IMAGE LOCATION');
     width: 150px;
     text-decoration: none;
     background-repeat: no-repeat;
     padding-top: 11px;
     padding-left: 5px;
     margin: 0px;
}
.partimageli {
     height: 50px;
     width: 150px;
     text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 22px;
     font-weight: bold;
     color: #000;
     text-decoration: none;
}

[kawe]

Thanks
maybe u can create more button

[Allan]

One demo ?

[itsheinz]

What is the purpose anyway ^^

[1Unreal]

Originally Posted by Allan

One demo ?

Does it need a demo? All it does is displays an image as a link. But with a number on it to show a part.

Originally Posted by itsheinz

What is the purpose anyway ^^

I use it for linking videos. Because alot of videos cant be hosted as a whole they need to be in parts. So this is a nice way of linking them.

[AzaDiyaR]

thank you very much... its working perfectly

this is DEMO : http://www.azadiwelat.org/showthread...23065&langid=1

User Name : Demo
Password : demo

[1Unreal]

Aza, that demo doesn't work. I added a working one in the thread. Its non-vBulletin unfortunatly so if someone can offer something better I would be very greatful.

[AzaDiyaR]

you must loggin first

User Name : Demo
Password : demo

after you can see.. this working