dBox (aka Download Box)

[demgel]

dBox BBCode for vBulletin 3.x/4.x

https://vborg.vbsupport.ru/external/2010/01/68.png

This BBCode was previously called Download Box (https://vborg.vbsupport.ru/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)
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>
In Description field, I suggest you copy this:
Put your links in a very nice vBulletin 4.0 Style box.
In Button Image (Optional) field copy this:
images/misc/dbox-button.png
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 (https://vborg.vbsupport.ru/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 ;).

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 (https://vborg.vbsupport.ru/member.php?u=242472) 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]

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

[demgel]

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?

Just what i needed,
thanks man!

1 question:
What font did you use for the "Download" text?
It's called Delicious (http://www.josbuivenga.demon.nl/delicious.html).

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.

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 (http://screplays.com)

[demgel]

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]

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]

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

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


http://Example-Test-Link-Test-Link
http://Example-Test-Link-Test-Link
http://Example-Test-Link-Test-Link


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