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

[demgel]

Special thanks to Sworm who made a donation.

[zonaenlinea]

Thank prefect

[Hasann]

I really love your graphic mods

[elwachiman]

install it but sometimes distorted leaves and sometimes not, because I do not understand this problem. thanks
I also placed some screenshots about
forgive my poor English

[MrKramer]

Just what i needed,
thanks man!

1 question:
What font did you use for the "Download" text?

[masons]

Great mod.. thank you.
But as these are all links we add in there, can you change this so that the link we put in are actual links.... I mean, clickable.?

[ryacine]

Great and very useful mod. Thank you.

But as these are all links we add in there, can you change this so that the link we put in are actual links.... I mean, clickable.?

All you have to do is inside the [dbox] tags, use the usual [url] bbcode, found by default in the editor.

[masons]

Originally Posted by ryacine

Great and very useful mod. Thank you.

All you have to do is inside the [dbox] tags, use the usual [url] bbcode, found by default in the editor.

I understand that, but I am sure for a fairly technical person, unlike myself, it would be easy to write this one in such a way that it does so for us, as all we place within these BB codes will actually be links, it makes sense anyway you look at it.

[elwachiman]

dbox viewed from different browsers, ie8, mozilla and google crome ff3.5 two firefox and chrome look good but ie8 is elongated