BB Code Enhancements - dBox (aka Download Box)

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:
   

   [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:
   

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

[LordVader]

Thanks It Works Perfectly

But, i was wondering if the following is possible ?

And if so could somebody please tell me how to do it ?

I have the hide hack installed on my forum & quite often i paste in my links & then i click the "down" image & then i click the "hide" image on the text editor, therefore hiding my links inside the download box.

Is there any way i can have BOTH Tags added at the same time with just the click of one image ?

For instance, clicking the "down" image would wrap both tags around my links like the example below.

[dbox][hide]
http://Example-Test-Link-Test-Link
http://Example-Test-Link-Test-Link
http://Example-Test-Link-Test-Link
[/hide][/dbox]

Any help with this will be really appreciated

Thanks for reading

Will.

[steve1966]

thanks great

[cengizer]

thank you

[YankForum]

excellent idea , tnx 4 sharing

[Ichigo88]

any upgrade for vb 4.1.4?? please

[Nirjonadda]

please update for 4.1.10