[BBCode] DlBox

[FTH]

Author : FTH
Description : Display a nice BBCode to disturb your Mods or other with pretty background (with differents colors)

BBCode :

Code: Select all

[dlbox]{TEXT},{TEXT1},{SIMPLETEXT}[/dlbox]

HTML Replacement :

Code: Select all

<style type="text/css">
.title {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
        text-align: center;
        padding-top: 17px;
        overflow: hidden;
        text-shadow:0px 2px 4px #333333
}
.version {
	font-weight: bold;
	color: #AECB8C;
	font-size: 15px;
        font-style: italic;
        text-align: center;
        padding-top: 18px;
        text-shadow:0px 2px 4px #333333
}
.blue {
	background-image : url(./images/dlbox/blue.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 80px;
    overflow: hidden;
}
.green {
	background-image : url(./images/dlbox/green.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 80px;
    overflow: hidden;
}
.red {
	background-image : url(./images/dlbox/red.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 80px;
    overflow: hidden;
}
.grey {
	background-image : url(./images/dlbox/grey.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 80px;
    overflow: hidden;
}
.orange {
	background-image : url(./images/dlbox/orange.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 80px;
    overflow: hidden;
}
</style>
<div class="{SIMPLETEXT}">
<div style="text-align:center; padding-right: 4px;">
<div class="title">{TEXT}</div>
<div class="version">{TEXT1}</div>
</div>
</div>

Help Line :

Code: Select all

[dlbox]Name,Version,Color[/dlbox]

Upload the zip file "dlbox" to your root/images/*.*

dlbox.zip

(54.25 KiB) Downloaded 142 times

Demo :
http://graphogames.fr/demo/viewtopic.ph ... 9&p=62#p62

Example :

Code: Select all

[dlbox]User Status,1.0.0,red[/dlbox]

For the moment, use only 5 colors as red, blue, green, orange and grey...

Screenshot :

[martin123456]

Nice but how come this code

[dlbox]User Status,1.0.0,red[/dlbox]

pulls up the green box lmao ?

You need to rename the red and green

[dlbox]User Status,1.0.0,red[/dlbox] >> shows the green

and

[dlbox]User Status,1.0.0,green[/dlbox] >> shows the red

all other box's are good

[FTH]

so easy

example :

Code: Select all

[dlbox]User Status,1.0.0,green[/dlbox]

[martin123456]

edited my post

[FTH]

Post updated, sorry for inconveniensce, the color code is now ok

[Galandas]

Very nice interesting bbcode
I took the liberty of adding
function download
if someone wants
add this function
Just insert this

BBcode:

Code: Select all

[dlbox]{URL},{TEXT},{TEXT1},{SIMPLETEXT}[/dlbox]

Html:

Code: Select all

<style type="text/css">
.title {
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF;
        text-align: center;
        padding-top: 17px;
        overflow: hidden;
        text-shadow:0px 2px 4px #333333
}
.version {
   font-weight: bold;
   color: #AECB8C;
   font-size: 15px;
        font-style: italic;
        text-align: center;
        padding-top: 18px;
        text-shadow:0px 2px 4px #333333
}
.blue {
   background-image : url(/images/dlbox/blue.png);
   background-repeat: no-repeat;
   width: 200px;
   height: 80px;
    overflow: hidden;
}
.green {
   background-image : url(/images/dlbox/red.png);
   background-repeat: no-repeat;
   width: 200px;
   height: 80px;
    overflow: hidden;
}
.red {
   background-image : url(/images/dlbox/green.png);
   background-repeat: no-repeat;
   width: 200px;
   height: 80px;
    overflow: hidden;
}
</style>
<a href="{URL}" onclick="window.open(this.href); return false;">
<div class="{SIMPLETEXT}">
<div style="text-align:center; padding-right: 4px;">
<div class="title">{TEXT}</div>
<div class="version">{TEXT1}</div>
</div>
</div>
</a>

Help Line :

Code: Select all

[dlbox]URL,Name,Version,Color[/dlbox]

Example :

Code: Select all

[dlbox]http://www.google.it/,User Status,1.0.0,red[/dlbox]

[FTH]

Thanks for that and improved this

[Galandas]

It's a pleasure

[Vox Populi]

Nice contribution. Very attractive.