tag testing (copied from rpf)

bastecklein

Developer
Member Since: 2017-09-02 00:09:04
Last Active: 2019-05-24 22:37:49
Post Count: 1680 (View Posts)
Brandon Stecklein (bastecklein) is the creator, owner, and principal developer of Ape Apps. He started the business back in 2010 and operates it out of Spring Hill, Kansas.
#1 2019-02-05 16:37:42
Apologies to @Reyn at RPF for stealing this post code for code, but I plan on using it to expand and improve the BB Code rendering of the general Ape Apps forum software. Some rendering will appear off, since sections here using RPF's spoiler tag would, on this software, be better suited for the collapse tag. -b

Bold Text:Bold Text
*
[b]Bold Text[/b]



*
Italic Text:Italic Text
*
[i]Italic Text[/i]



*
Strikethrough Text:Strikethrough Text
*
[s]Strikethrough Text[/s]



*
Highlighted Text:#FFFF00;">Highlighted Text
*
[highlight=#FFFF00]Highlighted Text[/highlight]



*
Tag:[tag="TagExample"]Tagged text (tags are invisible in the actual post, but visible in the editor)[/tag]
*
[tag="TagExample"]Tagged text (tags are invisible in the actual post, but visible in the editor)[/tag]



*
Size Huge:Big Text
*
[size=200]Big Text[/size]



*
Size Tiny:Baby Text
*
[size=50]Baby Text[/size]



*
Coloured Text:Coloured Text
*
[color=#FF0000]Coloured Text[/color]



*
Left Align:
Left Align Text

*
[align=left]Left Align Text[/align]



*
Right Align:
Right Align Text

*
[align=right]Right Align Text[/align]



*
Center Align:
Center Align Text

*
[align=center]Center Align Text[/align]



*
Font:Text in a different font (this one is perfect for serious posts)
*
[font=Comic Sans MS]Text in a different font.[/font]



*
Opacity:Text with different opacity
*
[opacity=50]Text with different opacity[/opacity]



*
Glow:Text that GLOWS!
You can also combine this with coloured text!

*
[glow=#ff0080]Text that GLOWS!
[color=#000000]You can also combine this with coloured text![/color][/glow]



*
Dropshadow:Text with a dropshadow
*
[dropshadow=#ff0080]Text with a dropshadow[/dropshadow]



*
Blur:You need an eye test.
*
[blur=black]Blurred text[/blur]



*
Subscript:Subscript
*
[sub]Sub[/sub]script



*
Superscript:Superscript
*
[super]Super[/super]script



*
Transparent Text:Secret invisible text
*
[color=transparent]Secret invisible text[/color]



*
Indent:Indent for your text
*
[tab=50]Indent for your text[/tab]



*
Marquee:Marquee text: text that moves across the screen. It doesn't work inside spoilers, but trust me. It works.
*
[marquee]Marquee text.[/marquee]



*
Link:Link Text
*
[url=https://www.youtube.com/watch?v=h01ONDD-QB0]Link Text[/url]



*
Link To Tag:[url=#TagExample]You can use the URL code to link people to tagged points.[/url]
*
[url=#TagExample]You can use the URL code to link people to tagged points.[/url]



*
Quote:
Reyn said:Text Someone Else Said

*
[quote=Reyn]Text Someone Else Said[/quote]



*
Code Block:
Hackerman Text (doesn't parse BBCode like [b]this[/b])

*
[code]Hackerman Text[/code]



*
Code Line:Also doesn't parse [s]BBCode[/s]
*
[c]Code[/c]



*
List (Bullet):
    Text In A List
  • More Text In A List

*
[list]Text In A List
[*]More Text In A List[/list]



*
List (Numbered):
    Text In A Numbered List
  1. More Text In A Numbered List

*
[list=1]Text In A Numbered List
[*]More Text In A Numbered List[/list]



*
External Image:
*
[img]http://i67.tinypic.com/ipnwut.jpg[/img]



*
Attached Image:[attachment=0]att.PNG[/attachment]
*
[attachment=0]att.PNG[/attachment]



*
MP3 Embed:

*
[mp3]https://d1490khl9dq1ow.cloudfront.net/sfx/mp3preview/laugh-track-3_fyWRzaNd.mp3[/mp3]



*
YouTube:
*
[YouTube=XUV863a1Lok][/YouTube]



*
Box:
Box

*
[box=#FF0080]Box[/box]



*
Box2:[box2= color=#00FF88 border=transparent]Box 2 (You can change the border with this one)[/box2]
*
[box2= color=#00FF88 border=transparent]Box 2[/box2]



*
Gradient Box (RGBA Values):[gradbox d=to right b=transparent c=rgba(255,223,223,0.8), rgba(160,49,86,0.8)]Gradient Box RGBA (Basic directions are "to top" for a vertical gradient and "to right" for a horizontal one)[/gradbox]
*
[gradbox d=to right b=transparent c=rgba(255,223,223,0.8), rgba(160,49,86,0.8)]Gradient Box RGBA[/gradbox]



*
Gradient Box (Colour Names):[gradbox d=to top b=black c=orange, yellow, green]Gradient Box Words (It only works with RGBA or colour names. Hex values are incompatible. You can put as many colours in as you want.)[/gradbox]
*
[gradbox d=to top b=black c=orange, yellow, green]Gradient Box Words[/gradbox]



*
Image Box:[imgbox=i68.tinypic.com/205sj77.jpg]This is an imgbox. There is an image as the background of this.[/imgbox]
*
[imgbox=http://i68.tinypic.com/205sj77.jpg]This is an imgbox. There is an image as the background of this.[/imgbox]



*
Spoiler:"Spoiler":Spoiler text
*
[spoiler="Spoiler"][spoiler="Spoiler"]Spoiler text[/spoiler][/spoiler]



*
Spoiler2:[spoiler2=blue,yellow,castellar,"SPOILER 2"]You can edit the colours and font etc.[/spoiler2]
*
[spoiler2=blue,yellow,castellar,"SPOILER 2"]You can edit the colours and font etc.[/spoiler2]



*
Columns:
Columns of text
Boxes work in these
Specifically, 2 columns of text."And guess what":Spoilers also work in these

*
[column][col]Columns of text[box=yellow]Boxes work in these[/box][/col][col]Specifically, 2 columns of text.[spoiler="And guess what"]Spoilers also work in these[/spoiler][/col][/column]



*
Float:[float=right]Float Text
[/float](Doesn't play nice with boxes or spoilers, but wraps normal text around it nicely. Use with caution. Lorem ipsum not included in code, for the sake of space and convenience.)
Lorem ipsum dolor sit amet consectetur adipiscing, elit porttitor ut sodales mauris aenean, primis nec dis per natoque. Primis laoreet pulvinar tempus senectus sociis pretium vehicula inceptos leo, malesuada eros nibh augue fringilla hendrerit et mattis pharetra, cum egestas in penatibus parturient imperdiet erat commodo. Placerat risus nam eros imperdiet faucibus vitae aptent accumsan, quisque massa laoreet ac est sem tellus, mattis curae vulputate egestas leo sociosqu eleifend.
Justo semper nulla enim eleifend tempor aenean integer pretium ultrices, mollis dis aliquet mi ornare pellentesque himenaeos diam potenti, neque vestibulum cursus dapibus commodo vivamus sociosqu in. Odio magnis nec non auctor dis magna eget vulputate, consequat faucibus tempus sed sem litora quam aliquam placerat, natoque eleifend ac metus per purus enim. Netus penatibus suscipit sem bibendum facilisi sed vulputate, montes inceptos curabitur cum nibh euismod, curae nunc rhoncus potenti parturient tellus.

*
[float=right]Float Text
[IMG]http://i64.tinypic.com/19phf8.png[/IMG][/float]



*
Width:[width=40]
Adjusts the amount of space text and images take up.[/width]

*
[width=40][img]http://i67.tinypic.com/ipnwut.jpg[/img]
Adjusts the amount of space text and images take up.[/width]



*
Comment:[comment]Only visible in the post editor.[/comment]
*
[comment]Only visible in the post editor.[/comment]



*
Line Break:Line
Broken

*
[hr][/hr]



*
Div:
Div blocks allow you to change all of the formatting in pretty much every way possible (text colour, border colour/type/weight, font, background colour, width, float, display type etc.).

It also works with other things
such as:spoilers [box=black]and boxes
[/box]
Guess what? It works with columns too. It works with pretty much everything, so go experiment with this!
You can also set the background to an image and have several div blocks next to each other. Neat!



Use THIS guide if you want more detail on div things.



*
[div="color:black;border:3px black dashed;font-family:arial;background-color:#FF6696;display:inline-block;float:left;width:70%;"]Text here.[/div][div="color:yellow;border:2px black solid;font-family:courier;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/SOUND_VOLTEX_Controls.JPG/220px-SOUND_VOLTEX_Controls.JPG);display:inline-block;float:right;width:28%;"]Wow![/div]



*
Table:








This is a TABLE You can put text here And it makes it into a table
The width of each column is determined by how much you type in it so don't be surprised if it doesn't work
with shorter entries [td]text here[/td] makes a new column [tr]text here[/tr] makes a new row

*
[table]
[tr][td]Row 1 Column [/td]
[td]Row 1 Column 2[/td]
[td]Row 1 Column 3[/td][/tr]
[tr][td]Row 2 Column 1[/td]
[td]Row 2 Column 2[/td]
[td]Row 2 Column 3 (etc.)[/td][/tr][/table]
Owner of Ape Apps
Edited by bastecklein on 2019-02-05 18:34:38
#2 2019-02-06 18:50:27
qr test
Owner of Ape Apps
#3 2019-02-06 18:53:59
another qr test...
Owner of Ape Apps
#4 2019-02-06 18:56:48
test3
Owner of Ape Apps
#5 2019-02-06 19:02:18
t4
Owner of Ape Apps
#6 2019-02-06 19:04:01
t5
Owner of Ape Apps
#7 2019-02-22 21:16:36
wow:I CAN'T BELIEVE ALL THESE TAGSSSSSSSSSSSSSSS


Go Pittsburgh Penguins!!
Edited by DolphinPride138 on 2019-02-22 21:25:08

Syndication