Box BBCode

[vbgamer45]

Link to the mod

Box BBCode v1.2

Compatible With:	SMF 1.1.X - SMF 2 Beta & RC1
Created By:	.LORD.
Version:	1.2
Languages:	Swedish translation by Nas Spanish translation by phpMyTony Turkish translation by Özgür´ French translation by @ngel

Image 1
Image 2
Image 3

You can include boxes and separate the message text into sections.

You can also edit the style of the box using the css rule box_bbcode or other styles through the attribute class.

After install you should do 'hard refresh'.

Version 1.1: attribute link added.
Version 1.2: attribute hlink added. Change validation in title (beta)

Total Attributes:

• class
• title
• link
• hlink

[box]Example[/box]

[box title=Abstract]Example[/box]

[box class=titlebg]Example[/box]

[box title=More Info link=http://en.wikipedia.org/wiki/Simple_Machines_Forum]
Simple Machines Forum (abbreviated as SMF) is a freeware Internet forum application...[/box]

[box title=SMF link=http://www.simplemachines.org/community/index.php]
Example with link attribute.
[/box]

[box title=SMF hlink=http://www.simplemachines.org/community/index.php]
Example with hlink attribute.
[/box]

[Marcus Forsberg]

This looks really cool. I gotta try this out when I have some time

[4Kstore]

really cool mod!! thanks!

[edi67]

nice

[NHWD]

anyway of using this as coda tags instead of using [box]---[/box]

[Blinker]

Nice mod, thanks .LORD.

It works similarly to the modbreak mod, but this time with a button to accompany it.

Could you by any chance please provide sample css styling code to give me an idea of what to aim for?

[shanksta13]

Is there any way you could add a feature to include hyperlinks in the box title?  For instance, I would like to use this mod to cite new articles from other sites and have a link to the original article in the title.

For instance:


     Box Title <this would be hyperlink to a website using the URL codes>
             
             Article content inside box.



The problem is right now, when you go to put the title into the [box title="Title here"] code, the first ] stops the title, so it won't allow for the BBC URL code.

[Minare]

nice job bro, thanks

[MaryLouW]

I love this mod... I installed it tonight but alas, there is no button - just text .  How do I get a button in place of the text?

[Marcus Forsberg]

I love this mod... I installed it tonight but alas, there is no button - just text .  How do I get a button in place of the text?

if you use a custom theme you'll have to place the button in that themes imagesfolder,

[MaryLouW]

Thanks!!!  I found it!  Appreciate the help.

[.LORD.]

anyway of using this as coda tags instead of using [box]---[/box]

Yes, What SMF version are you using?

1) Nice mod, thanks .LORD.

2) It works similarly to the modbreak mod, but this time with a button to accompany it.

3) Could you by any chance please provide sample css styling code to give me an idea of what to aim for?

1. Thanks for your comment

2. Oh, yes  T.T

I was looking if there were similar MODs, I was searching for: box, shell, case, fieldset, and i not found any.

I don't search for modbreak 

3. Yes, for example, in the images sample, i have used:

Image 1:

Code Select Expand


Test Box BBCode

[box]
In this case without title
Test Box BBCode
[/box]

[box title=Title with spaces and special chars: á Ñ 聖闘士星矢]
In this case with title
Test Box BBCode
[/box]

[box title=]
If the title is empty, not have error
Test Box BBCode
[/box]


Image 2:

Code Select Expand

Test Box BBCode
[box class=titlebg2]
Also is possible to assign a style to the box
Test Box BBCode
[/box]
[box title=Box Mother]
Also is possible to nest box
[box title=Box Daughter]
Test Box BBCode
[/box]
Test Box BBCode
[/box]
[box class=catbg]
Box Mother
[box class=titlebg]
Box Daughter
[/box]
[/box]

More example:

Code Select Expand


[box class=catbg]
Box Mother
[box class=titlebg]
Box dauther
[/box]
[/box]

[box class=titlebg]
Box Mother
[box class=titlebg]
Box dauther
[/box]
[/box]

Is there any way you could add a feature to include hyperlinks in the box title?  For instance, I would like to use this mod to cite new articles from other sites and have a link to the original article in the title.

For instance:


     Box Title <this would be hyperlink to a website using the URL codes>
             
             Article content inside box.



The problem is right now, when you go to put the title into the [box title="Title here"] code, the first ] stops the title, so it won't allow for the BBC URL code.

Try it:

Code Select Expand

[box title=http://custom.simplemachines.org/mods/index.php?mod=1676]
Test Box BBCode with link
[/box]

Let me know if that's what you want.

This looks really cool. I gotta try this out when I have some time

really cool mod!! thanks!

nice

nice job bro, thanks

Thanks for yours comments 

I love this mod... I installed it tonight but alas, there is no button - just text .  How do I get a button in place of the text?

if you use a custom theme you'll have to place the button in that themes imagesfolder,

Thanks for help

[shanksta13]

Is there any way you could add a feature to include hyperlinks in the box title?  For instance, I would like to use this mod to cite new articles from other sites and have a link to the original article in the title.

For instance:


     Box Title <this would be hyperlink to a website using the URL codes>
             
             Article content inside box.



The problem is right now, when you go to put the title into the [box title="Title here"] code, the first ] stops the title, so it won't allow for the BBC URL code.

Try it:

Code Select Expand

[box title=http://custom.simplemachines.org/mods/index.php?mod=1676]
Test Box BBCode with link
[/box]

Let me know if that's what you want.

Yeah, that doesn't actually allow the link to function as a hyperlink.  That's what I was asking for, some way to make it so that you can go to the actual page by clicking on the link.  As it is now, a URL appears as just an unlinked title.

[MaryLouW]

That would be pretty cool!!  I think I'd like that myself.

[NHWD]

anyway of using this as coda tags instead of using [box]---[/box]

Yes, What SMF version are you using?

1.1.8

[cme1st2302]

How would I go about change the font color of the Title when I use it?

Chris

[Marcus Forsberg]

Swedish translation:

Code Select Expand


//Box BBCode
$txt['box_bbcode'] = 'Infoga box';

[.LORD.]

Yeah, that doesn't actually allow the link to function as a hyperlink.  That's what I was asking for, some way to make it so that you can go to the actual page by clicking on the link.  As it is now, a URL appears as just an unlinked title.

Done.

Now exists the link attribute.

Now you can use:

Code Select Expand

[box title=More Info: link=http://en.wikipedia.org/wiki/Simple_Machines_Forum]
Simple Machines Forum (abbreviated as SMF) is a freeware Internet forum application...[/box]

Thanks for idea

That would be pretty cool!!  I think I'd like that myself.

Thanks for your comments. Done.

anyway of using this as coda tags instead of using [box]---[/box]

Yes, What SMF version are you using?

1.1.8

Sorry for delay.

Ok, I think I understood what you want.

1.- Search:

Code Select Expand


array(
'tag' => 'br',
'type' => 'closed',
'content' => '<br />',
),

Replace:

Code Select Expand

array(
'tag' => 'br',
'type' => 'closed',
'content' => '<br />',
),
/*

2.- Search:

Code Select Expand


array(
'tag' => 'center',

Replace:

Code Select Expand

*/
array(
'tag' => 'center',

3.- Install the MOD and open the Subs.php and Search 'box' and replace by 'code'

4.- In Post.template, delete the BBCode buttom. (the buttom that you want delete).

How would I go about change the font color of the Title when I use it?

Chris

Edit your style.css

Search:

.box_bbcode legend {color: #476C8E }

and change: #476C8E

Swedish translation:

Code Select Expand


//Box BBCode
$txt['box_bbcode'] = 'Infoga box';

Thanks for translate

[Smog]

Hi,
have implemented the 'box mod'and have found a great use for it.
It suits my needs for making 'Notes' stand out.

example:

Code Select Expand


[box class=catbg]
Note:
[box class=titlebg]
As you are using Vista... please right click the desktop icon and select '[color=red]Run as Administrator[/color]'
[/box]
[/box]

Now my question is,
How can i make this:

Code Select Expand


[box class=catbg]
Note:
[box class=titlebg]

[/box]
[/box]

into a shortcut?
what i want to do is to be able to post the above message as:

Code Select Expand


[note]As you are using Vista... please right click the desktop icon and select '[color=red]Run as Administrator[/color]'[/note]

is this possible?
I'm using Version 2 RC 1.
Many thanks for any help.

[phpMyTony]

Spanish translation

Code Select Expand

//Box BBCode
$txt['box_bbcode'] = 'Inserta caja';