Page 1 of 1

[BBCode] DlBox

Posted: 11 Dec 2011, 16:17
by 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 136 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 :
dlbox.png

[BBCode] DlBox

Posted: 11 Dec 2011, 17:03
by 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

[BBCode] DlBox

Posted: 11 Dec 2011, 17:11
by FTH
so easy

example :

Code: Select all

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

[BBCode] DlBox

Posted: 11 Dec 2011, 17:15
by martin123456
edited my post
snapshot15.png

[BBCode] DlBox

Posted: 11 Dec 2011, 17:23
by FTH
Post updated, sorry for inconveniensce, the color code is now ok ;) :?

[BBCode] DlBox

Posted: 11 Dec 2011, 17:26
by Galandas
Very nice interesting bbcode
I took the liberty of adding
function download
if someone wants
add this function
Just insert this :D

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]

[BBCode] DlBox

Posted: 11 Dec 2011, 17:31
by FTH
Thanks for that and improved this :)

[BBCode] DlBox

Posted: 11 Dec 2011, 17:35
by Galandas
It's a pleasure :thumb:

[BBCode] DlBox

Posted: 11 Dec 2011, 17:41
by Vox Populi
Nice contribution. Very attractive.