#1 Free Forum Host

Register FAQ Search Members Login

View unanswered posts | View active topics It is currently Wed Jun 19, 2013 7:54 am


Board index » General Community » Off Topic

All times are UTC - 7 hours [ DST ]




Post new topic Reply to topic   Page 1 of 9
  [ 203 posts ]  Go to page 1, 2, 3, 4, 5 ... 9  Next
Previous topic | Next topic 
Custom BBcodes for phpBB3 
Author Message
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post Custom BBcodes for phpBB3
THIS FIRST SECTION IS DIRECTLY FROM THE MANUAL FOR phpBB3.

Adding a BBCode is very easy. If done right, allowing users to use your new BBCode may be safer than allowing them to use HTML code. To add a BBCode, click Add a new BBCode to begin. There are four main things to consider when adding a BBCode: how you want your users to use the BBCode, what HTML code the BBcode will actually use (the users will not see this), what short info message you want for the BBCode, and whether or not you want a button for the new BBCode to be displayed on the posting screen. Once you are done configuring all of the custom BBCode settings, click Submit to add your new BBCode.
ImageCreating a new BBCode. In this example, we are creating a new [font] BBCode that will allow users to specify the font face of the specified text.

In the BBCode Usage form, you can define how you want your users to use the BBCode. Let's say you want to create a new font BBCode that will let your users pick a font to use for their text. An example of what to put under BBCode Usage would be
Code:
[font={FONTNAME}]{TEXT}[/font]
This would make a new [font] BBCode, and will allow the user to pick what font face they want for the text. The user's text is represented by TEXT,while FONTNAME represents whatever font name the user types in.

In the HTML Replacementform, you can define what HTML code your new BBCode will use to actually format the text. In the case of making a new [font] BBCode, try
Code:
<span style="font-family: {FONTNAME}">{TEXT}</span>
This HTML code will be used to actually format the user's text.

The third option to consider when adding a custom BBCode is what sort of help message you want to display to your users if they choose to use the new BBCode. Ideally, the helpline message is a short note or tip for the user using the BBCode. This message will be displayed below the BBCode row on the posting screens.
Quote:
Note:

If the next option described, Display on posting, isn't enabled, the helpline message will not be displayed.


Lastly, when adding a new BBCode, you can decide whether or not you want an actual BBCode button for your new BBCode to be displayed on the posting screens. If you want this, then check the Display on posting checkbox.

<hr>

Now on to the codes.

Note: Lots of these came from other sites, I only wrote a couple.

Horizontal Rule Makes a line accross the page

BBCode usage box

Code:
[hr][/hr]


HTML replacement box

Code:
<hr></hr>
Some say the closing for this needs to be there for the BBC to work.

Help line box

Code:
Makes a line across the page


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Spoiler to show and hide a large post inside a quote style box

BBCode usage box

Code:
[spoiler]{TEXT}[/spoiler]


HTML replacement box

Code:
<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>


You want to be sure that there are no spaces in the HTML replacement text.

Help line box

Code:
Show and Hide a large post


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>


Center a object or text

BBCode usage box

Code:
[center]{TEXT}[/center]


HTML replacement box

Code:
<div align="center">{TEXT}</div>


Help line box

Code:
Center Object or Text


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Align object right

BBCode usage box

Code:
[right]{TEXT}[/right]


HTML replacement box

Code:
<div align="right">{TEXT}</div>


Help line box

Code:
Align object right


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Align object left

BBCode usage box

Code:
[left]{TEXT}[/left]


HTML replacement box

Code:
<div align="left">{TEXT}</div>


Help line box

Code:
Align object left


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Back Ground Color

BBCode usage box

Code:
[bgcolor={COLOR}]{TEXT}[/bgcolor]


HTML replacement box

Code:
<span style="background:{COLOR}">{TEXT}</span>


Help line box

Code:
Back Ground Color


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Marquee with mouseover and colored text. Smiles also work. This one is mine lol.

BBCode usage box

Code:
[marquee={COLOR}]{TEXT}[/marquee]


HTML replacement box

Code:
<marquee style="color:{COLOR}"  onmouseout="this.start()" onmouseover="this.stop()" loop="-1" scrollamount="4" width="100%">{TEXT}</marquee>


Help line box

Code:
[marquee=color here]TEXT HERE[/marquee]


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Subscript Text

BBCode usage box

Code:
[sub]{TEXT}[/sub]


HTML replacement box

Code:
<sub>{TEXT}</sub>


Help line box

Code:
Subscript Text


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Superscript text.

BBCode usage box

Code:
[sup]{TEXT}[/sup]


HTML replacement box

Code:
<sup>{TEXT}</sup>


Help line box

Code:
Supperscript text.


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Bordered text.

BBCode usage box

Code:
[border]{TEXT}[/border]


HTML replacement box

Code:
<fieldset>{TEXT}</fieldset>


Help line box

Code:
Border around text.


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

NOTES ONLY SEEN WHEN EDITING A POST

BBCode usage box

Code:
[note]{TEXT}[/note]


HTML replacement box

Code:
<!-- {TEXT} -->


Help line box

Code:
NOTES ONLY SEEN WHEN EDITING A POST.


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

Google search text or a word

BBCode usage box

Code:
[google]{TEXT}[/google]


HTML replacement box

Code:
<a href="http://www.google.com/search?q={TEXT}" target="_blank">{TEXT}</a>


Help line box

Code:
Google search text or a word


Display on posting page Note: this is where you decide to display a button or not. Ticked=yes

SUBMIT

<hr>

MORE TO COME

:lol:

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Last edited by topdown on Thu Dec 06, 2007 11:24 pm, edited 3 times in total.
Wed Oct 03, 2007 7:26 pm
Profile WWW
HydroJohn
User avatar

Joined: Tue Aug 07, 2007 7:25 am
Posts: 1,234
Karma: 0
Post 
Thanks TopDown :D Will Use This When PhpBB3 Comes Out :!: Hopefully Soon :)

_________________
The Number 1 Place On The Web To Advertise Your Forum, Blog or Site:

http://myforumadvertiser.freeforums.org

Sat Oct 06, 2007 5:29 am
Profile WWW
MostWanted

Joined: Thu Jun 14, 2007 8:01 am
Posts: 1,316
fDollar: 13 | Donate
Karma: 1
Post 
Woah! Thanks for the info!

_________________
Image
Helpful Links
FreeForums Support||FreeForums Tutorials|FreeForums Search|

Sat Oct 06, 2007 6:15 am
Profile
Victor
User avatar

Joined: Sat Jun 16, 2007 3:33 pm
Posts: 1,502
fDollar: 681 | Donate
Karma: 14

Location: United States Age:18
Post 
thanks this will help ppl alot

_________________
For Support
FF KnowledgeBase
Recovery Console
Community Control Panel
Image

Sat Oct 06, 2007 8:12 pm
Profile YIM
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
Thanks Guys. Glad to help.8) If anyone needs additional help with this or needs some specific tags, feel free to post it in this thread.

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Tue Oct 09, 2007 7:12 pm
Profile WWW
Brian Russell

Joined: Fri Oct 19, 2007 6:19 pm
Posts: 13
Karma: 0
Post 
Is there a code to put a button for color tags? The coding in long form doesn't work the greatest


Sat Oct 20, 2007 2:37 am
Profile
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
Brian Russell wrote:
Is there a code to put a button for color tags? The coding in long form doesn't work the greatest

Do you mean for text,
Whats wrong with the color picker in phpBB3?

A button can be made, but you would still need to fill in the color.

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Sat Oct 20, 2007 2:15 pm
Profile WWW
dj-budda

Joined: Sun Oct 07, 2007 9:36 pm
Posts: 219
Karma: 0
Post 
Woha I actually understood that

_________________
<a href="http://www.habbobabble.net" target="_blank"><img src="http://i20.tinypic.com/24pxfo7.jpg" border="0"></a>

Sun Oct 21, 2007 5:17 pm
Profile
tymon
User avatar

Joined: Fri Aug 31, 2007 8:35 am
Posts: 2,723
Karma: 0

Location: Planet Pluto Loves:Gfx
Post 
GO TOPDOWN

_________________
Image

Image
You may chat with me or leave a messege here
Image
Image



Please help me advertise :D click this link!

Wed Oct 24, 2007 12:47 pm
Profile
lapmonkey9

Joined: Thu Sep 13, 2007 2:00 pm
Posts: 124
Karma: 0
Post 
Does anyone know how to do the <embed> code :(

_________________
JOIN MY FREE FORUM
www.chatawaytoday.co.uk

<a href=http://chatawaytoday.com target="_blank"><img src="http://i165.photobucket.com/albums/u44/lapmonkey9/logo_phpBB.gif.jpg" border="0" alt="OFFICIAL CHAT AWAY WEBSITE"></a>
AFFILIATE US
Code:
<a href=http://chatawaytoday.com target="_blank"><img src="http://i165.photobucket.com/albums/u44/lapmonkey9/logo_phpBB.gif.jpg" border="0" alt="OFFICIAL CHAT AWAY WEBSITE"></a>


Wed Oct 24, 2007 3:21 pm
Profile WWW
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
lapmonkey9 wrote:
Does anyone know how to do the <embed> code :(


I need to know what it actually is your going to embed.

You can make a simple one, but it will be a pain, because of all the variables that will need to be filled in.

So, what are you trying to embed?


Note: this is only for phpBB3, not 2

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Wed Oct 24, 2007 8:23 pm
Profile WWW
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
forums error :oops:

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Last edited by topdown on Wed Oct 24, 2007 8:27 pm, edited 1 time in total.
Wed Oct 24, 2007 8:23 pm
Profile WWW
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
forums error :oops:

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Wed Oct 24, 2007 8:24 pm
Profile WWW
Karaflas 100

Joined: Sat Oct 20, 2007 2:13 am
Posts: 74
Karma: 0
Post 
nice


Sat Nov 10, 2007 7:49 am
Profile
Blockis2
User avatar

Joined: Wed Oct 03, 2007 7:23 pm
Posts: 2,091
Karma: 0

Location: Block Island
Post 
For Embedding Simple Stuff Like Sites, just use the
Code:
[web]link here[/web]
code.

_________________
Image
phpBB | PHP | HTML | Block Island | FreeForums.Org Award Winner (2) | Superheroes Are Among Us...

Thu Jan 03, 2008 3:52 pm
Profile WWW
Nexus
User avatar

Joined: Thu Sep 20, 2007 3:07 pm
Posts: 1,374
Karma: 0

Location: Charlottesville, Va
Post 
Thanks, this will prove to be extremely helpful with the release of phpbb3. :)

-Rich

_________________
ReKaul.com Newest Project: Satire on Recalls!

Image
Image
Image
GraphicWebz.com Scheduled Release: Spring 2008
Image
FREE SHOUTBOX!
[It's not about how many members you have...
...It's about how many come back.] - R. S.

Thu Jan 03, 2008 3:58 pm
Profile YIM
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
Blockis2 wrote:
For Embedding Simple Stuff Like Sites, just use the
Code:
[web]link here[/web]
code.


I am unsure as to what you are referring to.


This topic is for phpBB3, and there is no [web] tag in phpBB3.

The [web] tag is nothing more than a frame or iframe and the developers are suggesting not to use it as it could be a potential security risk.

The best thing would be to make the iframe replacement and keep it private to partially remove the security risk.

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Thu Jan 03, 2008 4:01 pm
Profile WWW
Blockis2
User avatar

Joined: Wed Oct 03, 2007 7:23 pm
Posts: 2,091
Karma: 0

Location: Block Island
Post 
Oh. Sorry. Heh,

_________________
Image
phpBB | PHP | HTML | Block Island | FreeForums.Org Award Winner (2) | Superheroes Are Among Us...

Thu Jan 03, 2008 4:18 pm
Profile WWW
Luci ShAnI

Joined: Mon May 05, 2008 3:22 am
Posts: 3
Karma: 0
Post 
how to hide nd code our links ???

_________________
ShAnI

Site : www.shani.freeforums.org

Mon May 05, 2008 4:11 am
Profile WWW
Jeroen
User avatar

Joined: Sat Dec 08, 2007 5:34 am
Posts: 366
Karma: 0

Location: The Netherlands
Post 
Can we also make a thing, like only moderators can use that button to write a warning in a special box in a post.
Do you understand me?

For example when a topic is locked by a moderator: (in Dutch):

Image

Translation:
This topic is locked by a moderator
Reason: here you can put the reason
This is an automatic lockpost

Don't know exactly how to translate :P

_________________
sz.freeforums.org
Sorry for my bad English!

Mon May 05, 2008 4:57 am
Profile WWW
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
No. it is not possible to have permissions on it at this time without a mod for it.

You can how ever make it and keep it hidden and tell the moderators about it so they can use it.

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Mon May 05, 2008 8:19 am
Profile WWW
Jeroen
User avatar

Joined: Sat Dec 08, 2007 5:34 am
Posts: 366
Karma: 0

Location: The Netherlands
Post 
Oke, I don't need permissions for it, I can keep it hidden 8)
Could you please help me making this?

Just like that example i've givven.
Like you can put a reasen in it :D

I would really appreciate that :) (Or via PB)

_________________
sz.freeforums.org
Sorry for my bad English!

Mon May 05, 2008 8:48 am
Profile WWW
Luci ShAnI

Joined: Mon May 05, 2008 3:22 am
Posts: 3
Karma: 0
Post 
Luci ShAnI wrote:
how to hide nd code our links ???


no answer ??..

_________________
ShAnI

Site : www.shani.freeforums.org

Mon May 05, 2008 10:17 am
Profile WWW
mr. Bond
User avatar

Joined: Fri Dec 28, 2007 6:59 pm
Posts: 2,107
Karma: 0
Post 
What does

Quote:
how to hide nd code our links ???
Mean? I don't understand what you are asking, could you explain further please?

_________________
<a href="http://thejamesbond.org" class="postlink">www.TheJamesBond.org</a>
<a href="http://the-webmasters-resource.info" class="postlink">The Webmasters Resource</a> - learn to code, get website help and much more!

Mon May 05, 2008 2:44 pm
Profile WWW
topdown
User avatar

Joined: Sun Mar 18, 2007 2:20 pm
Posts: 2,813
fDollar: 15 | Donate
Karma: 3

Location: In the CODE ©
Post 
Jeroen wrote:
Oke, I don't need permissions for it, I can keep it hidden 8)
Could you please help me making this?

Just like that example i've givven.
Like you can put a reasen in it :D

I would really appreciate that :) (Or via PB)


What style is it going to be for
prosilver based or subsilver 2 based?

Also note that : This only works on phpBB3
FreeForums currant version is phpBB2 with the exception of the Beta phpBB3 they are testing.

_________________
Image
Webmasters United Web Development My Mods SVN Proud member of the STG Styles Team

Mon May 05, 2008 5:16 pm
Profile WWW
Display posts from previous:  Sort by  
Post new topic Reply to topic   Page 1 of 9
  [ 203 posts ]  Go to page 1, 2, 3, 4, 5 ... 9  Next

Board index » General Community » Off Topic

All times are UTC - 7 hours [ DST ]



Who is online

Users browsing this forum: minurope and 53 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Hosted by FreeForums.org | Create a free forum | Powered by phpBB
A Member of the Crowdgather Forum Community
About FreeForums | Advertisers | Investors | Legal | Contact


Copyright © 2012 FreeForums.org All rights reserved.
Style by FreeForums.org.