Back to vBulletin 4.x Template Modifications

dBox (aka Download Box)
Mod Version: 1.01, by demgel

vB Version: 4.0.x Rating: (15 votes - 4.73 average) Installs: 109
Released: 04 Jan 2010 Last Update: 05 Jan 2010 Downloads: 528
Not Supported Additional Files Re-usable Code Translations  

dBox BBCode for vBulletin 3.x/4.x



This BBCode was previously called Download Box, now dBox it's updated and it works in theory with any version of vBulletin (Forum & Suite).

To install dBox BBCode, follow these instructions:
  1. Upload both dbox.gif and dbox-button.png images to your /images/misc directory.
    (You can find them in the upload folder)
  2. Go to Admin CP > Custom BB Codes > Add New BB Code and fill the following fields:
  3. In Title field, write whatever you want (Download Box or something).
  4. In BB Code Tag Name you can algo use the code tag you want, I suggest dbox.
  5. In Example field, copy:
    Code:
    [dbox]http://www.somewebsite.com/some/path/file.zip[/dbox]
    (Change [dbox] tag in case you decided to use a different one)
  6. In Replacement field, copy the following code:
    HTML 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:
    Code:
    Put your links in a very nice vBulletin 4.0 Style box.
  8. In Button Image (Optional) field copy this:
    Code:
    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 mod, you just have to copy the new replacement code and upload the images. No need to delete the old one .

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).

Download

File Type: %1$s dBox.BBCode.for.vBulletin.v3.x-4.x.v1.01.zip (215.0 KB, 788 downloads)


vblts.ru supports vBulletin®, 2022-2024