PDA

View Full Version : BB Code Enhancements - Dynamic Part Graphics


1Unreal
02-28-2009, 10:00 PM
https://vborg.vbsupport.ru/external/2009/06/24.png

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 (http://www.imben.co.uk/dev): The lines under the numbers wont show up when in vBulletin

Example
http://www.example.com

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
03-01-2009, 01:25 AM
Thanks :D :D
maybe u can create more button

Allan
03-01-2009, 05:49 AM
One demo ?

itsheinz
03-01-2009, 07:00 AM
What is the purpose anyway ^^

1Unreal
03-01-2009, 07:27 AM
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.

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
03-01-2009, 11:20 AM
thank you very much... its working perfectly ;)

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

User Name : Demo
Password : demo

1Unreal
03-02-2009, 04:36 AM
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
03-04-2009, 09:04 AM
you must loggin first

User Name : Demo
Password : demo

after you can see.. this working ;)