admin
16-03-2010, 04:46 PM
dBox BBCode for vBulletin 3.x/4.x
http://i49.tinypic.com/33onluq.png
This BBCode was previously called Download Box (http://www.vbulletin.org/forum/showthread.php?t=168611), now dBox it's updated and it works in theory with any version of vBulletin (Forum & Suite).
To install dBox BBCode, follow these instructions:
Upload both dbox.gif and dbox-button.png images to your /images/misc directory.
(You can find them in the upload folder)
Go to Admin CP > Custom BB Codes > Add New BB Code and fill the following fields:
In Title field, write whatever you want (Download Box or something).
In BB Code Tag Name you can algo use the code tag you want, I suggest dbox.
In Example field, copy:
http://www.somewebsite.com/some/path/file.zip
(Change [dbox] tag in case you decided to use a different one)
6. In Replacement field, copy the following code:
<span style="border: 1px solid #5a7f97; background: #7394a9; display: inline-block; text-align: left">
<div style="float: right; width: 39px; height: 34px; background: url(images/misc/dbox.gif) top right; margin: -1px -1px 0px 0px;"></div>
<div style="width: 120px; height: 34px; background: url(images/misc/dbox.gif); margin: -1px 0px 0px -1px;"></div>
<div style="border: 1px solid #F0F; margin: 5px 10px 0px 10px; padding: 2px; border: 1px solid #5a7f97; background: #fff;">
<div style="font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 3px;">{param}</div>
</div>
<div style="float: right; width: 10px; height: 10px; background: url(images/misc/dbox.gif) bottom right; margin: 0px -1px -1px 0px;"></div>
<div style="width:10px; height: 10px; background: url(images/misc/dbox.gif) bottom left; margin: 0px 0px -1px -1px;"></div>
</span>
7. In Description field, I suggest you copy this:
Put your links in a very nice vBulletin 4.0 Style box.
8. In Button Image (Optional) field copy this:
images/misc/dbox-button.png
9. Leave the rest by default and click Save.
Changes in v1.01
- {CODE, 05-JAN-2010}: Updated to work when center tag is used (added text-align style value to main div).
- {INSTRUCTIONS, 05-JAN-2010}: Forgot to include the instruction to add the button (step 8).
If you have my old Download Box (http://www.vbulletin.org/forum/showthread.php?t=168611) mod, you just have to copy the new replacement code and upload the images. No need to delete the old one http://www.vbulletin.org/forum/images/smilies/wink.gif.
I also included the PSD file so you can change the colors/text/icon and match your current style (in case you change colors make sure to edit also the colors in the Replacement code).
http://i49.tinypic.com/33onluq.png
This BBCode was previously called Download Box (http://www.vbulletin.org/forum/showthread.php?t=168611), now dBox it's updated and it works in theory with any version of vBulletin (Forum & Suite).
To install dBox BBCode, follow these instructions:
Upload both dbox.gif and dbox-button.png images to your /images/misc directory.
(You can find them in the upload folder)
Go to Admin CP > Custom BB Codes > Add New BB Code and fill the following fields:
In Title field, write whatever you want (Download Box or something).
In BB Code Tag Name you can algo use the code tag you want, I suggest dbox.
In Example field, copy:
http://www.somewebsite.com/some/path/file.zip
(Change [dbox] tag in case you decided to use a different one)
6. In Replacement field, copy the following code:
<span style="border: 1px solid #5a7f97; background: #7394a9; display: inline-block; text-align: left">
<div style="float: right; width: 39px; height: 34px; background: url(images/misc/dbox.gif) top right; margin: -1px -1px 0px 0px;"></div>
<div style="width: 120px; height: 34px; background: url(images/misc/dbox.gif); margin: -1px 0px 0px -1px;"></div>
<div style="border: 1px solid #F0F; margin: 5px 10px 0px 10px; padding: 2px; border: 1px solid #5a7f97; background: #fff;">
<div style="font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 3px;">{param}</div>
</div>
<div style="float: right; width: 10px; height: 10px; background: url(images/misc/dbox.gif) bottom right; margin: 0px -1px -1px 0px;"></div>
<div style="width:10px; height: 10px; background: url(images/misc/dbox.gif) bottom left; margin: 0px 0px -1px -1px;"></div>
</span>
7. In Description field, I suggest you copy this:
Put your links in a very nice vBulletin 4.0 Style box.
8. In Button Image (Optional) field copy this:
images/misc/dbox-button.png
9. Leave the rest by default and click Save.
Changes in v1.01
- {CODE, 05-JAN-2010}: Updated to work when center tag is used (added text-align style value to main div).
- {INSTRUCTIONS, 05-JAN-2010}: Forgot to include the instruction to add the button (step 8).
If you have my old Download Box (http://www.vbulletin.org/forum/showthread.php?t=168611) mod, you just have to copy the new replacement code and upload the images. No need to delete the old one http://www.vbulletin.org/forum/images/smilies/wink.gif.
I also included the PSD file so you can change the colors/text/icon and match your current style (in case you change colors make sure to edit also the colors in the Replacement code).