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;
}
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;
}