Arvyre.com
Community Forum

HOW TO: Our Custom BBCode

Post any problems or questions here. Read the stickies before posting.

HOW TO: Our Custom BBCode

Postby Sci » Fri Jun 18, 2010 2:24 am

This is a guide to the forum's custom BBC. In this guide "fish cakes smell like fish" is used as filler text, it would be replaced with the text you want the BBC to affect. Currently the guide only contains BBC available for click to add, the rest will be added later.

Requests for functions and questions about the BBCs also go in this thread.

ARVYRE
A short & simple way of posting your Arvyre pets, place the id# between the tags and your pet will be displayed. The id# is the number at the end of the feed link. http://www.arvyre.com/levelup.php?id=123 <- the id#
Example:
In Code
In Use
Code: Select all
[ARVYRE]123[/ARVYRE]
Arvyre Pet #123
*The above pet was chosen at random and its use is not intended to benefit the owner.

ARVYREIO
A variant of the ARVYRE tag. When used only the image will be posted, useful for topics like "Favorites" and "Uglies". Place the id# between the tags. http://www.arvyre.com/levelup.php?id=123 <- the id#
Example:
In Code
In Use
Code: Select all
[ARVYREIO]123[/ARVYREIO]
Arvyre Pet #123
*The above pet was chosen at random and its use is not intended to benefit the owner.

BG=
Creates a section of post with a customizable background color.
Your desired color goes between the "=" and the "]".
Both color names and hexadecimal numbers are accepted.
Example:
In Code
In Use
Code: Select all
[BG=#DD0000]fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish[/BG]
fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish


BGHOVER=
Creates an area that the background will change to a color of your choice when someone brings their cursor over it.
In Code
In Use
Code: Select all
[BGHOVER=#FF0055]fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish[/BGHOVER]
fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish


BORDER=
Creates a section of post with a customizable border around it.
You can choose the thickness of the border and the color.
You must specify a color and a thickness and do so in that order for this BBC to function
In Code
In Use
Code: Select all
[BORDER=#00DD00/3]fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish[/BORDER]
fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish


CENTER
Creates a section of post where the text and images will be centered.
In Code
In Use
Code: Select all
[CENTER]fish cakes smell
like fish cakes smell
like fish cakes smell like fish[/CENTER]
fish cakes smell
like fish cakes smell
like fish cakes smell like fish


FONT=
Allows you to change the font of text. Font name goes after the "=".
In Code
In Use
Code: Select all
[FONT=System]fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish[/FONT]
fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish



S
Strikes out text.
In Code
In Use
Code: Select all
[S]fish cakes smell like fish[/S]
fish cakes smell like fish


Scroll
Creates a box with a max height of 250 pixels, if the content is taller or wider than the box it will scroll.
In Code
In Use
Code: Select all
[SCROLL]fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish[/SCROLL]
 Scrollbox
fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish cakes smell like fish
*the code part contains much fewer repetitions of the the filler text to save room.

SPOILER
The content of this tag will be hidden until the button is clicked. If you'd like to include a title on your spoiler add "=title here" after the word spoiler in the first tag
In Code
In Use
Code: Select all
[SPOILER]fish cakes smell like fish[/SPOILER]
Spoiler
fish cakes smell like fish



Tables.
You may have noticed while reading this thread that the forums have tables. You may even be asking "Why aren't the tables up with the buttons for the other BBC?" This is because if the tables tags are improperly used they will distort the layout of the post they are in. You need to have read the following information or know how to write a basic html tale to use the table bbc properly.

Here's the basics of it:
the [table] tag starts it off, then the [tr] tag comes next then the [td]
[table]this is the most important part of the table, sets of [tr] or [td] tags posted without the table tag around them would screw up the layout of the post they were put in and I'd have to hide the text of the post.
[tr] tags define rows "[tr] text [/tr]" would be one row on a table and is also required for the code to function properly
[td] defines columns and goes inside the [tr] tags.
*NOTE: The tags in the above paragraph were able to be posted without messing up the layout because they are broken by the text inside the brackets being colored red.

Example table:
In Code
Code: Select all
[table][tr][td][img]http://r.undev.org/?r=216505.png[/img][/td][td]Filler Text
Filler Text
Filler Text
Filler Text
Filler Text[/td][/tr][/table]
In Use
ImageFiller Text
Filler Text
Filler Text
Filler Text
Filler Text
*NOTE:The table instructions were not formated in the same way as the rest because you cannot nest any BBC with itself in PhpBB except QUOTE.

There are a couple variants of the table tags which can replace their originals to give you more formatting options.
The variants are: -to be added-

-Text has been hidden-
^ignore that line of text, you see nothing...
>.> <.<
User avatar
Sci
Official Mooer
 
Posts: 490
Joined: Tue Apr 13, 2010 8:44 am

Re: HOW TO: Our Custom BBCode

Postby silverwolf42 » Sun Jun 20, 2010 6:28 pm

Great additions to the board's BBC! Thanks!
silverwolf42
 
Posts: 697
Joined: Fri Apr 16, 2010 5:47 pm

Re: HOW TO: Our Custom BBCode

Postby Sci » Thu Jul 08, 2010 4:27 pm

Our newest BBC is BGHOVER, it creates an area with a transparent background that will change to the color of your choice when someone hovers their mouse over it. It's only been tested in firefox and ie.

(put your cursor over this to see it in action)

I'll add it to the guide later.


Edit: well there's a problem with the new BBC, if more than one of them are used on used on a page the color of the one lowest on the page is applied to all, I'm working on a fix.

Edit #2: works now, had to change from CSS to javascript (of which I know nothing) to get it to work properly.
*QUIT*

R.I.P. Arvyre
Jan 20, 2013: Logged to look for signs of life. Found flood of spam. Cleaned some of the flood. Disabled new registration.
User avatar
Sci
Official Mooer
 
Posts: 490
Joined: Tue Apr 13, 2010 8:44 am

Re: HOW TO: Our Custom BBCode

Postby TokinoMukou » Sat Jul 10, 2010 7:33 pm

Sci wrote:
Our newest BBC is BGHOVER, it creates an area with a transparent background that will change to the color of your choice when someone hovers their mouse over it. It's only been tested in firefox and ie.

(put your cursor over this to see it in action)

I'll add it to the guide later.


Edit: well there's a problem with the new BBC, if more than one of them are used on used on a page the color of the one lowest on the page is applied to all, I'm working on a fix.

Edit #2: works now, had to change from CSS to javascript (of which I know nothing) to get it to work properly.


AUGH, MY EYESSSS~~~ *sizzle, burn*

Thanks for adding these features! :lol:
Arvyre Pet #29921ImageArvyre Pet #29925
Any and all clicks are appreciated! If you want your pets clicked back, visit my domain.
User avatar
TokinoMukou
Domain Mod.
 
Posts: 1586
Joined: Sun May 09, 2010 5:23 am

Re: HOW TO: Our Custom BBCode

Postby Sci » Sun Jul 11, 2010 3:08 pm

*points and laughs at Toki's burned eyes*

Added another one, TIP=, adds a tool tip of your choice to content.

Tested in FF and IE.
*QUIT*

R.I.P. Arvyre
Jan 20, 2013: Logged to look for signs of life. Found flood of spam. Cleaned some of the flood. Disabled new registration.
User avatar
Sci
Official Mooer
 
Posts: 490
Joined: Tue Apr 13, 2010 8:44 am

Re: HOW TO: Our Custom BBCode

Postby Sci » Wed Aug 11, 2010 1:02 am

Added an expand option to the scrollbox. It's ugly right now but it works and I will try and pretty it up later. It's only been tested in firefox and you have to have javascript enabled for it to work. I'm thinking about making it a separate bbc, opinions?

Also making this thread the official place to discuss the BBC and make requests.
*QUIT*

R.I.P. Arvyre
Jan 20, 2013: Logged to look for signs of life. Found flood of spam. Cleaned some of the flood. Disabled new registration.
User avatar
Sci
Official Mooer
 
Posts: 490
Joined: Tue Apr 13, 2010 8:44 am

Re: HOW TO: Our Custom BBCode

Postby Sen » Tue Aug 17, 2010 3:19 pm

Whoa, didn't even know some of these things existed...

I've nothing to suggest - I'm quite the happy camper with simple things, like colored text. Though, making it so that a certain BBCode format was applied to all posts without having to type in the code every single time would be nice.
Arvyre Pet #20493
Click the Beetle for my Domain!
Feel free to PM me about any problems, questions, etc.
My powers are limited but I'll try to help!

Image
ImageImageImage
User avatar
Sen
Domain Mod.
 
Posts: 1991
Joined: Mon Jul 26, 2010 8:34 pm

Re: HOW TO: Our Custom BBCode

Postby Sci » Wed Aug 18, 2010 7:13 am

What you want is not within my skills, it would take php or something to code and idk any php and it's not something I could just do trial and error till I got it right like javascript is. Dunno if you saw this post or not (assuming you didn't since you didn't reply to it) but it's the best I can offer.
Sci wrote:"3. Forum Posting Setting"
I probably would if I could but it's not within my skills to do it, best I can offer is to make sure you know of the full editor option for posting since I get the feeling you're using the quick reply option. Click this button to go to it Image. Once there you can click the button "font colour" to bring up a color picker.
*QUIT*

R.I.P. Arvyre
Jan 20, 2013: Logged to look for signs of life. Found flood of spam. Cleaned some of the flood. Disabled new registration.
User avatar
Sci
Official Mooer
 
Posts: 490
Joined: Tue Apr 13, 2010 8:44 am

Re: HOW TO: Our Custom BBCode

Postby Sen » Wed Aug 18, 2010 9:44 pm

Oh, alright then. I already know how to use both post settings, but thanks.
Arvyre Pet #20493
Click the Beetle for my Domain!
Feel free to PM me about any problems, questions, etc.
My powers are limited but I'll try to help!

Image
ImageImageImage
User avatar
Sen
Domain Mod.
 
Posts: 1991
Joined: Mon Jul 26, 2010 8:34 pm


Return to Help/Bugs/Questions

Who is online

Users browsing this forum: No registered users and 1 guest

cron