Wednesday, January 27, 2016

Extra BBCodes and THE TEST THREAD

Hello! If you are unfamiliar with how posting works- please feel free to use this thread as a place to test things out.

Below you will find additional BBCodes and how they work. You might want to know about these, because you'll see them every time you go to make a post but, since I added them myself, they're not found in the regular BBCode guide.

Also: IF you need to convert HTML to BBcode (like if you want to post your fanfiction) this should be extremely useful for you:http://www.seabreezecomputers.com/html2bbcode



hr
(Example in use) Horizontal Rule: You MUST type an hr between the tags.
Code:
[hr]hr[/hr]




Strike-Through
for crossing out text
Code:
[s]example[/s]




To Quote a person specifically, you have to alter the quote code from this:
Code:
[quote]Hai![/quote]

To this:
Code:
[quote="Melora"]Hai![/quote]

Which will then look like this:
Melora wrote:
Hai!




Hidden Spoilers!
Thanks for this awesome code go to LDM at the modphpbb3 forums.

Type just like you normally would between the tags, including using other tags like img and url. everything will then be hidden under a nice little link that pops open when someone clicks it.

Example:
SPOILER: SHOW

Code:
[spoiler]like this![/spoiler]




NSFW: Mildly "unsafe for school or work" content
Thanks for this awesome code go to LDM at the modphpbb3 forums. Check the rules for more of an explanation, but: Anything that is REALLY NSFW should not be posted on the forums at all. But- I figured this would be a useful code in the art forum; for nudes and slightly graphic works.

This is exactly the same as the spoiler code. Just type like you normally would between the tags; including using other tags like img and url. Everything will then be hidden under a nice little link that only pops open when someone clicks it.

Example of how it could be used:
This is one of my favorite artists, he goes by the name Rockin Jelly Bean:
NSFW: SHOW

Code:
[nsfw]like this![/nsfw]




center (example in use) This is used to center anything but mostly used for making a table appear in the center of the post. (like table600) Used alone it will leave the text in the inner text aligned to the right.

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

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




centertxt (Example in use) Use this in the cases when center doesn't work: This will also center normal text and images BUT, unlike the other, it can also be used INSIDE a table to center the text (see examples below.)

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

Code:
<div style="text-align: center;">{TEXT}</div>

BTW: It will not move a table to the center of the screen, it only works on the text. Example with JUST it and the table600 tag:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor laoreet gravida. Aliquam tristique vestibulum gravida. Sed congue mi in nulla feugiat cursus. Vivamus ante neque, molestie non accumsan lacinia, semper vel metus. Sed vitae mauris nunc, sed lacinia risus. Aliquam luctus, ante eget mollis condimentum, mi metus pharetra purus, a dictum leo augue ac erat. Etiam ut posuere mi.




center with table600
This is one table, 600 wide, centered in the middle, has 3px cellspacing...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor laoreet gravida. Aliquam tristique vestibulum gravida. Sed congue mi in nulla feugiat cursus. Vivamus ante neque, molestie non accumsan lacinia, semper vel metus. Sed vitae mauris nunc, sed lacinia risus. Aliquam luctus, ante eget mollis condimentum, mi metus pharetra purus, a dictum leo augue ac erat. Etiam ut posuere mi. Nullam nisi massa, ultricies a scelerisque quis, mattis vitae mi. Donec at ante libero, ac iaculis lacus. Nulla viverra consectetur nunc, ac semper erat mollis consectetur. Nam lobortis rhoncus nunc vel consequat. Curabitur ultrices tellus eu ligula tempus sed iaculis leo mattis. Pellentesque enim sapien, ornare quis egestas a, venenatis eu lacus. Donec diam tortor, luctus non mattis a, posuere vel purus. Nam pharetra purus ac sapien dictum ac eleifend tortor faucibus. Aenean placerat rutrum velit, quis eleifend nisl vulputate ut. Praesent euismod varius diam, at vestibulum mi elementum iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, velit nec ullamcorper consequat, est ante venenatis tortor, ac auctor ligula mauris ut risus. Fusce bibendum tempor eros, id sagittis risus tempus sit amet.


This is the BBCode from above. 
Code:
[center][table600]inserted text[/table600][/center]




center with table600 and centertxt
This is 1 table, 600 wide, centered in the middle, with centered text...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor laoreet gravida. Aliquam tristique vestibulum gravida. Sed congue mi in nulla feugiat cursus. Vivamus ante neque, molestie non accumsan lacinia, semper vel metus. Sed vitae mauris nunc, sed lacinia risus. Aliquam luctus, ante eget mollis condimentum, mi metus pharetra purus, a dictum leo augue ac erat. Etiam ut posuere mi. Nullam nisi massa, ultricies a scelerisque quis, mattis vitae mi. Donec at ante libero, ac iaculis lacus. Nulla viverra consectetur nunc, ac semper erat mollis consectetur. Nam lobortis rhoncus nunc vel consequat. Curabitur ultrices tellus eu ligula tempus sed iaculis leo mattis. Pellentesque enim sapien, ornare quis egestas a, venenatis eu lacus. Donec diam tortor, luctus non mattis a, posuere vel purus. Nam pharetra purus ac sapien dictum ac eleifend tortor faucibus. Aenean placerat rutrum velit, quis eleifend nisl vulputate ut. Praesent euismod varius diam, at vestibulum mi elementum iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque cursus, velit nec ullamcorper consequat, est ante venenatis tortor, ac auctor ligula mauris ut risus. Fusce bibendum tempor eros, id sagittis risus tempus sit amet.


This is the BBCode from above. 
Code:
[center][table600][centertxt]inserted text[/centertxt][/table600][/center]




img2table=
imageThis a 2 column table that's 700px wide with a cellspacing of 3px. The first column is set at 50px wide (but will stretch) while the second has no setting. Both are valign top. Only an img url can follow the = in the img2table tags. Any text or tags can go in-between these two img2table tags. (Including more images.) If you want the image in the first table to have a link; sorry, you'll just have to add the link in this area. Example:
Serenity Wallpaper: 1600x1200


This is the basic BBCode from above. Remember: Only an image link can be used after the =
Code:
[img2table=Insert Image Link]Insert Text[/img2table]

This is the html code for "img2table="
Code:
<table width="700" border="0" cellpadding="0" cellspacing="3">
    <tr>
      <td width="50" valign="top"><img src="{URL}" class="image" alt="image" border="0" /></td>
      <td valign="top">{TEXT}</td>
    </tr>
  </table>




Avatar Display
The aimg tag was just made for the staff to use. It's not really useful to anyone else.



YouTube
Enter the video ID string between the tags: The video ID string is the part after v= in the URL.

Example:
Code:
[youtube]7JMIRqFle1Y[/youtube]



This is the actual html code for the youtube tags:
Code:
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/{IDENTIFIER}" width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}" />
<param name="wmode" value="transparent" />
</object>




vidgoogle
For Google Video only! Between the two tags, just add the number/text that comes after docid= in the url.

Example:
Code:
[vidgoogle]-1449284199962722524[/vidgoogle]

 

This is the actual html code for the youtube tags:
Code:
<embed id=VideoPlayback src=http://video.google.com/googleplayer.swf?docid={IDENTIFIER}&hl=en&fs=true style=width:400px;height:326px allowFullScreen=true allowScriptAccess=always type=application/x-shockwave-flash> </embed>




Email
There are two- and you wont see them in the posting menu; they're mostly just here for staff use.

Normal Email:
Code:
[email]melorasworld@gmail.com[/email]

Email with "REMOVE" surrounding the address. (The only reason for this is to help keep bots at bay. If you don't care about that; the other one is nicer)

Example: Email me!
If you make the TEXT just your email address when using this code; be sure to add "remove" or something else to help fool bots. Like this:melorasworld@remove_gmail.com
Code:
[emailr=YOUREMAIL]TEXT[/emailr]

Code:
<a href="mailto:REMOVE_{EMAIL}_REMOVE" >{TEXT}</a>

So, when clicked, the email address will look like this:
Code:
REMOVE_melorasworld@gmail.com_REMOVE

1 comment: