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]

Originally Posted by 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

Didn't understand you either, sorry. Can you be more specific?

Originally Posted by MrKramer

Just what i needed,
thanks man!

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

It's called Delicious.

Originally Posted by 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.?

It doesn't matter if you post links with/without this BBCode, just make sure to mark "Automatically parse links in text" in Additional Options when posting.

Originally Posted by elwachiman

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

Do you have that compatibility view thing active?

[dtommy79]

Thanks for the mod.

My only problem is that it parses the URLs into links automatically so I have to use it along with the code tag to disable clicking.

[Dr.osamA]

installed

plzzz chek attachment

thanxxx
________
STARCRAFT 2 RELAY

[demgel]

Originally Posted by Dr.osamA

installed

plzzz chek attachment

thanxxx

It's fixed now, check the main post for the new code (just added text-align style value for main div). Just replace your current replacement code with the new one.

[Cloud_Strife]

Originally Posted by Dr.osamA

installed

plzzz chek attachment

thanxxx

ADD:
<span style="border: 1px solid #5a7f97; background: #7394a9 none repeat scroll 0% 0%; width: 100%; display: inline-block; text-align: left;">

[evildon]

Really a great one..perfectly match my needs..

Can you please also help me to insert a tag inline with the BBcode so that i need not put the code everytime i post a link...

Thanks

[Cloud_Strife]

Originally Posted by evildon

Really a great one..perfectly match my needs..

Can you please also help me to insert a tag inline with the BBcode so that i need not put the code everytime i post a link...

Thanks

The Code will Look like this:

<div class="bbcode_container" style="border: 1px solid #F0F; margin: 5px 10px 0px 10px; padding: 2px; text-align: left; margin: 5px 10px 0px 10px; padding: 2px; border: 1px solid #535353; background: #414141;">
	<div class="bbcode_description" style="padding-left: 25px;">
{vb:rawphrase code}:
</div>
<div style="font: 12px Verdana, Geneva, sans-serif; color: #666; padding: 3px;  text-align: left;">
	<pre style="padding-top: 5px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; font: 12px Verdana, Geneva, sans-serif; text-align: left; margin: 5px 10px 10px 10px; overflow:auto; color: #666; background: #EFEFEF; border: 1px solid #535353;">{vb:raw code}</pre></div>
</div>

You can change The colors, message...etc...

[CheeSie]

I've experienced what if you do not supply a linebreak right after the dbox tag the first url wont be parsed automatically.. is there a way to fix this?

[darkdevilz]

Hello,

I have a problem. it is showed attachement. İf ı add a short link my table is short and it is seem bad.. How can ı set a standart table weight..

[NTT]

how to fix this bug ?
see Attach Files