Buttons

https://phpbbstudio.com/ext/phpbbstudio/studio/styles/all/theme/images/studio-round-green.svg BBCodes 17-Sep-2019T22:45:55 phpBB Studio https://phpbbstudio.com/ext/phpbbstudio/studio/styles/all/theme/images/studio-round-yellow.svg https://phpbbstudio.com/ext/phpbbstudio/studio/styles/all/theme/images/studio-round-yellow.svg

Buttons

Ever wished that your links inside posts would match your style just a bit more?
Or that a title or header would stand out a bit more?
Well, why not make them match the buttons found through out your board!?
Using this BBCode will make your headers and links integrate into your style that much more!

tip

css3 This BBCode has no inline style!

note

You may want to use also kb/bbcodes/icon

 


 

pencil BBCode usage

[button={CHOICE=1,2;optional} url={URL;optional} #disableAutoLineBreaks=true #preventLineBreaks=true #trimFirstLine=true]{TEXT}[/button]

 

html5 HTML replacement

<xsl:choose>
	<xsl:when test="@url">
		<a class="button{@button}" href="{@url}"><xsl:apply-templates/></a>
	</xsl:when>
	<xsl:otherwise>
		<span class="button"><xsl:apply-templates/></span>
	</xsl:otherwise>
</xsl:choose>

 

question Help line

Button: [button=1|2|none url=http://www.example.com]The button text[/button]

 

Explanation

button={CHOICE=1,2;optional}
angle-double-right CHOICE=1,2: Allows to specify the button class, either one of 1 or 2. Note, this only affects buttons that have a url= specified!
angle-double-right ;optional: Makes this argument is optional, meaning it can be omitted.

url={URL;optional}
angle-double-right URL: Allows to add an URL, which scheme is automatically checked.
angle-double-right ;optional: Makes this argument is optional, meaning it can be omitted.

#disableAutoLineBreaks=true #preventLineBreaks=true #trimFirstLine=true
angle-double-right #disableAutoLineBreaks=true: Turns off the conversion of new lines into line breaks.
angle-double-right #preventLineBreaks=true: Prevent manual line breaks in the button’s text.
angle-double-right #trimFirstLine=true: Removes the first character inside the BBCode if it’s a newline.

Examples

[button]This is a button[/button]
[button][icon]pencil[/icon] Pencil[/button]

This is a button
pencil Pencil

[button url=https://www.phpbbstudio.com][icon]home[/icon] phpBB Studio[/button]
[button=1 url=https://www.phpbbstudio.com]phpBB Studio[/button]
[button=2 url=https://www.phpbbstudio.com]phpBB Studio[/button]

home phpBB Studio
phpBB Studio
phpBB Studio