Golden Sun Hacking Community

Golden Sun Hacking Community => Feedback => Topic started by: Atrius on 11, November, 2009, 07:08:56 PM

Title: Custom BBCode Commands
Post by: Atrius on 11, November, 2009, 07:08:56 PM
Current custom BBC commands available

- [youtube]Video Url[/youtube] - Embeds a youtube video into a post
- [nicovideo]Video Url[/nicovideo] - Embeds a NicoVideo video into a post
- [sprite= ind #, anim #, dir #]Alternate Text[/sprite] - Inserts an image of a Golden Sun sprite into a post (As long as it's been uploaded)
- [heightmax=# in pixels]Content[/heightmax] - Allows a maximum height for content to be specified, will display a scrollbar if that maximum is exceeded.
- [imgleft]image url[/imgleft] - Aligns images to the left, and allows text to flow seamlessly around them.
- [imgright]image url[/imgright] - Aligns images to the right, and allows text to flow seamlessly around them.
- [float=side (left, or right)]content[/float] - "Float" content on the side of your post, allowing text to wrap seamlessly around it.
- [border]content[/border] - Add a border to content in your post.  (If used with [float] tag, it goes inside of it)

Make your requests for custom commands here.
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, November, 2009, 07:12:32 PM
[nicovideo]video url[/nicovideo] please!


Also, can we have examples?  I don't quite understand the sprite command...
Title: Re: Custom BBCode Commands
Post by: Atrius on 11, November, 2009, 07:25:09 PM
[sprite= ind #, anim #, dir #]Alternate Text[/sprite] - Inserts an image of a Golden Sun sprite into a post (As long as it's been uploaded)

ind # = Index Number of sprite to insert.
anim # = Animation Number for sprite to insert.
dir # = Direction Number for sprite to insert.

All of these values are the same as they would be in the editor while browsing the sprites in The Lost Age.

For example if you wanted to insert Master Hamma into a post, you could locate her in the sprite viewer in the editor at index # 59.  Looking through her animations we decide we want to insert Animation # 5 into a post, and since it only has direction 0 we insert it as such:
[sprite= 59, 5, 0]Master Hamma[/sprite]
which gives us the following:
[sprite= 59, 5, 0]Master Hamma[/sprite]
Title: Re: Custom BBCode Commands
Post by: suzumebachi on 11, November, 2009, 07:30:56 PM
I'm never going to get the sprite thing, with all its numbers, but anyways....

Okay, that makes sense.
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, November, 2009, 07:31:50 PM
So, what's the alternate text for?  Mouseover?  Also, what argument should we use for palette swaps?

[sprite=591, 1, 0]Ghost[/sprite] - Can I be lich now?
Title: Re: Custom BBCode Commands
Post by: Atrius on 11, November, 2009, 07:41:18 PM
The alternate text also appears if the image doesn't exist.

Seeing as how each sprite has to be uploaded onto the server, palette swaps aren't going to be available.
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, November, 2009, 07:43:06 PM
Tch.  I was hoping you could just have it use the same thing that the game does to swap the palette... or at least something similar. Ah well.
Title: Re: Custom BBCode Commands
Post by: Atrius on 11, November, 2009, 07:51:56 PM
- [nicovideo]Video Url[/nicovideo]
[nicovideo]http://www.nicovideo.jp/watch/sm3423552[/nicovideo]

Doesn't work in post preview for some reason, but does on the actual topic page.
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, November, 2009, 07:53:59 PM
I LOOOOOOOVE YOOOOOOU!  I never have to use youtube again! :heart:

[nicovideo]http://www.nicovideo.jp/watch/sm8628149[/nicovideo]

Tee hee...
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, November, 2009, 08:40:30 PM
Ah, the sprite command seems to have broken.  Edit:  FIXED!

[sprite=245, 3, 2]Mars Run[/sprite]
Title: Re: Custom BBCode Commands
Post by: Charon on 11, November, 2009, 09:20:41 PM
[sprite=4,1,0]hrm...[/sprite]

I approve of the sprite idea. It will make it a lot easier for people to talk about the editor when they can show the exact sprite!
Title: Re: Custom BBCode Commands
Post by: Rolina on 29, April, 2010, 03:18:33 AM
Here's a question - when we make final sprites for our hacks (FINAL, not the Beta sprites we're currently working with), could we perhaps have a command similar to the sprite command for them?  We'd need a reference thread for which sprite is which, but what am I good for, if not for reference threads? XD
Title: Re: Custom BBCode Commands
Post by: Atrius on 29, April, 2010, 05:56:45 PM
Maybe... I'll consider it.  You'll have to settle for using the [img] tag for now.
Title: Re: Custom BBCode Commands
Post by: Rolina on 29, April, 2010, 08:11:49 PM
Of course.  Not until we get enough for the [csprite] tag to be viable should we actually consider it.
Title: Re: Custom BBCode Commands
Post by: Rolina on 09, September, 2010, 02:47:17 PM
It's been months, I claim the right to post again.

Although the table tags exist already, you wouldn't mind giving us an in-depth explanation as to how they work and how to make them actually visible, would you?  So far what I've tried for making the table borders visible hasn't worked, and it's kinda frustrating.
Title: Re: Custom BBCode Commands
Post by: Atrius on 09, September, 2010, 11:01:31 PM
Basically the tags are supposed to be nested so that the table tag is on the outside, row tags are inside it, and column tags are inside the row tags.  It ends up looking something like this:

[table]
    [tr]
         [td]One[/td]
         [td]Two[/td]
    [/tr]
    [tr]
         [td]Three[/td]
         [td]Four[/td]
    [/tr]
[/table]


Which gives us this:


   
         
         
OneTwo
ThreeFour


As you can see the table itself is invisible, but it does align the contents properly.  You can even get more advanced, and do stuff like this:


   
         
         
[spoiler=One]One[/spoiler]Two
QuoteThree
[sprite=4,0,7]Four[/sprite]

As for actually making the table borders visible...  That's probably something I'll have to edit in the php code for the command.
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, September, 2010, 02:56:34 AM
Awww, that sucks.  It's gonna make me do ASCII tables for the summons list?


F you, forums.  F you.
Title: Re: Custom BBCode Commands
Post by: Atrius on 11, September, 2010, 03:07:02 AM
Fixed
Title: Re: Custom BBCode Commands
Post by: Rolina on 11, September, 2010, 08:59:54 AM
Thank you.  Thank you SO much.  Now I can actually make these things readable, AND have them be viewable in lower resolutions.  Fixed width fonts can be kind of... width restricting.
Title: Re: Custom BBCode Commands
Post by: Daddy Poi's Oily Gorillas on 11, September, 2010, 08:51:31 PM
I would like the BBCode for scrollboxes... (You know, like what was done with the sig... ) Edit: Hopefully it is possible to make one (box with attribute for height.)

(Atleast then, we won't have to worry about long spoilers taking up so much room....)
Title: Re: Custom BBCode Commands
Post by: Atrius on 11, September, 2010, 10:36:51 PM
[heightmax=440][nicovideo]http://www.nicovideo.jp/watch/sm3069003?alt=Hatred[/nicovideo]

[nicovideo]http://www.nicovideo.jp/watch/sm2599123[/nicovideo]

[nicovideo]http://www.nicovideo.jp/watch/sm4752984[/nicovideo][/heightmax]

[heightmax=# in pixels] Content [/heightmax]

The scroll bar only appears if necessary on compatible browsers so don't count on it to actually work for everyone.  In fact, Internet Explorer doesn't even support the tags necessary for it to work.
Title: Re: Custom BBCode Commands
Post by: Rolina on 12, September, 2010, 12:30:21 AM
If you still use IE, you deserve the crap you get.  Firefox/Chrome FTW!

Also, I wish they'd finish making that OP.  Ending it halfway is kinda... eh...
Title: Re: Custom BBCode Commands
Post by: Daddy Poi's Oily Gorillas on 12, September, 2010, 08:14:52 AM
I usually use Internet Explorer. (Though, for GBATEK, I use Firefox, due to a strange error I get there somehow..)

Thanks for the bbcode.. I'll just test it right here....

Quote[heightmax=60]Height 1




Height 1[/heightmax]

[heightmax=60]Height 1




Height 1[/heightmax]
[heightmax=60]Height 2




Height 2[/heightmax]
^No horrizontal scrollbar in IE, {yet, it is in firefox, and google chrome... (checked as guest)}

[heightmax=60]Height 1




Height 1[/heightmax]

[spoiler=test][heightmax=60]Height 1




Height 1[/heightmax][/spoiler]

v
[heightmax=0]Height 1, just testing [/heightmax]
^ And we can do heightmax=0 for hiding our post stuff. (Not from HTML view, however..)

Quote from: AtriusIn fact, Internet Explorer doesn't even support the tags necessary for it to work.
Hold on, the scrollbars are appearing for me...
Title: Re: Custom BBCode Commands
Post by: Atrius on 12, September, 2010, 09:22:49 AM
Huh... I guess newer versions do.  Older ones definitely didn't.
Title: Re: Custom BBCode Commands
Post by: Rolina on 28, September, 2010, 11:48:02 AM
Is there an Image Left and Image Right tag?  One to let images be in line with text?
Title: Re: Custom BBCode Commands
Post by: Atrius on 28, September, 2010, 11:52:59 AM
The left & right align tags for text work for images as well.
Title: Re: Custom BBCode Commands
Post by: Rolina on 28, September, 2010, 05:26:42 PM
I meant to make them in-line with text.  Image Left tags cause images to show up on the left, while the text works around it.  Likewise, Image Right allows it to be in-line with text, but on the right side
Title: Re: Custom BBCode Commands
Post by: Atrius on 28, September, 2010, 07:11:47 PM
[imgleft]http://img.photobucket.com/albums/v698/AtriusV/Games/Golden%20Sun%20Project/th_Kari_00-1.png?t=1285715058[/imgleft]
[imgright]http://img.photobucket.com/albums/v698/AtriusV/Games/Golden%20Sun%20Project/ColossoGirl.png[/imgright]M'kay let's test these out, and see if they work then.
So this is more what you want?
[imgleft]image url[/imgleft]
[imgright]image url[/imgright]
Title: Re: Custom BBCode Commands
Post by: Rolina on 28, September, 2010, 11:54:17 PM
Yup, that's what I was going for.  Being able to put images in line with text can make things much more aesthetically appealing, especially in a lot of the types of posts I make.
Title: Re: Custom BBCode Commands
Post by: Daddy Poi's Oily Gorillas on 29, September, 2010, 07:58:49 PM
I have, yet, another idea... Pretty much like a table, but instead, with all the cells over-lapping...


[tabbox=height][tab=Title of Tab 1]Content of Tab 1[/tab][tab=Title of Tab 2]Content of Tab 2[/tab]...[/tabbox]

(EDIT: Where height could be optional, with out it, it extends to the last line of the longest tab.)


Helpful for quick access to categories.. (For example, if you wanted to explain each section of the editor in separate tabs.)

EDIT: With Browsers that don't support this, you could probably do detection, and turn the tab titles into URLs of #tabname, to make it skip down to the appropriate section? Kinda like the CONTENTS section on Wiki.

Though, either way, the CONTENTS BBCode is more-ly recommended, if tabbing is a problem. (Since it's perfect for linking from other pages... to a specific location in a post.) (I forget, but I think it was the <a name=NAME>Content</a> and <a href=#NAME>Link Title</a> in HTML.?


As for that imgleft/right code, sounds good, I'll try it out sometime...? Though, I would have thought [alignleft]content[/alignleft] and [alignright]Content[/alignright] would have been even more useful.
Title: Re: Custom BBCode Commands
Post by: Atrius on 29, September, 2010, 09:42:27 PM
There are already tags for aligning content left/right built into SMF.

[left]content[/left]
[right]content[/right]

Doing it with images, and allowing text to flow around them takes extra code attached to the img tag so they need a separate one.


Tabbing would probably take a lot more work than it's really worth.  I could definitely do something with in-page links, though there are some potential problems I need to work out first.
Title: Re: Custom BBCode Commands
Post by: Rolina on 29, September, 2010, 10:12:09 PM
The first lines randomly indent themselves.  WTF.  I had to use a premptive tag to get them to not do so - apparently, they indent every line up until a tag.  May wanna find that error.  ANYWHO:

Yeah, I'm with atrius.  How the images are aligned within the post are much more different than one would think at first. Basically, here's the difference:

Standard [img] tag:

Greetings to the epic discussion thread.  What can you expect, well...
Epically awesome discussions I guess.  Heck, we even have pictures every
now and then.  I mean, look!  It's a THUNDERSTORM!
                 ___________________
                [ X                 ]
                [ -                 ]
                [ B                 ]
                [ A                 ]
                [ W       H       P ]
                [ K       U       I ]
                [ S       G       C ]
                [         E       T ]
                [                 U ]
                [                 R ]
Here I am talkin [                 E ] -BAM, lightning strike,
baby!  See how cool that was?  Oh yeah, babes, that looks leet.


Now, I dunno about you, but when I'm making a post and it contains in X-BAWKS HUGE PIC, I prefer it to NOT double the length of my post by forcing everything around it to be above or below it. The solution?  Organisation!  Remember, computers are idiots.  No exceptions.  Just because it makes sense doesn't mean that a computer knows how to do it.  So a SEPERATE command is needed to make this asthetically pleasing.

[imgleft] example:


___________________
[ X                 ] Welcome to the True Epic Discussion thread.
[ -                 ] We here at the epic discussion thread like
[ B                 ] to use a lot of pictures.  However, we
[ A                 ] believe that pictures and text should work
[ W       H       P ] together.  As you can plainly see beside
[ K       U       I ] me, Chuck Norris, Kamina, and freaking
[ S       G       C ] Leluche have joined forces in support of this
[         E       T ] thread.  That's better than a stupid picture
[                 U ] of commonplace weather phenomenon, EDT. Yeah.
[                 R ] Hell, I hear Usain Bolt's even trying to join
[                 E ] us, though he's already probably moved on
by now, when you think about it.  Man, that guy is fast.


As you can see, it's nice and neat and aligned prettily.  Of course, then you have things like:

[imgright] example:

  • Epic Listing Thread.                          ___________________
  • This Thread is comprised of ordered lists.   [ X                 ]
  • It is affiliated with the TEST, thus         [ -                 ]
    opposed to the EST.                                [ B                 ]
  • Usain Bolt was INDEED here, but he left like [ A                 ]
    three seconds later.                               [ W       H       P ]
  • Instead, bow down to the nice picture of our [ K       U       I ]
    glorious queen, Role.                              [ S       G       C ]
  • She standing triumphantly over her most      [         E       T ]
    recent victory.  Or sitting.  Or something.        [                 U ]
    It's one of those randomly changing pics she's     [                 R ]
    so fond of.                                        [                 E ]
  • Of course, we put in on the other side, because if we didn't then
    our epic list would be all fugly, and of course we just can't have
    that, now, can we?  Role'd kill us!
  • No she wouldn't.  Her motto is "Why kill, when you can
    torture?", after all.


As you can plainly see, there is indeed a need for such things, you'll see most often that Character sheets require any pictures to be aligned to the right so as to not disrupt the rest of the character sheet.  Pics aligned to the left are great for, say, storytelling.  You're doing a clan lore post, and it's a LONG one. To make it NOT a solid brick wall of text, though, you put a nice pastel-shaded picture next to the plot-related point that the picture is of.  Aligned to the left, of course, so that it doesn't interrupt the story, but rather blends in with the story.

[img] cannot do that.  Can NEVER do that.

Dunno WHY we'd ever need an [imgcenter], so I really see no point to ever getting it.  I mean, really - you can work around left and right and resolution is ignored, but any fancy formatting you try to do with center has one HUGE flaw - on any width EXCEPT the one you used, it'll look like crap. So yeah, pretty much EVERY RESOLUTION BUT THE ONE YOU USED will make the post eye-gougingly disgusting.  As such, just stick with left and right inserts.  For really long stories, you may want to alternate left and right inserts, and possibly use a, oh, say Justified aligned text  Can we do that, atrius?  Or do we run into the same problems with resolution?
Title: Re: Custom BBCode Commands
Post by: Daddy Poi's Oily Gorillas on 29, September, 2010, 11:22:05 PM
QuoteThere are already tags for aligning content left/right built into SMF.

content
content

Doing it with images, and allowing text to flow around them takes extra code attached to the img tag so they need a separate one.

Oh, that's nice to know, except content doesn't "wrap" around those.. from what I'm aware of, lol. (Which was the difference from my "[alignleft], [alignright]" idea, so maybe I want a caption on my image...)

Well, either way, imgleft, and imgright, should be useful.. :)

QuoteTabbing would probably take a lot more work than it's really worth.

Hm.. that's what I was beginning to think...

QuoteI could definitely do something with in-page links, though there are some potential problems I need to work out first.

I figured in-page links would be easy enough...
Title: Re: Custom BBCode Commands
Post by: Atrius on 30, September, 2010, 03:16:02 AM
Ah, that's right, there is another way of doing it.  I completely forgot about it, but I could make tags similar to the [imgleft] [imgright] that would work for any type of content.  It seems a bit much for a forum setting, but if there's a demand for it I'll remove the image tags in favor of all purpose ones.

Edit:
[border]
Usage

[float=side (left, or right)]content[/float]
[border]content[/border]

  Remember! [border]
- tags go inside of
 [float] tags.

:!:
:Kraden:  

[/border]

Meh, what the heck, why not.

(http://img.photobucket.com/albums/v698/AtriusV/Avatars/LinkAvatar.gif)
My Avatar
I'll even include a border tag so that you can add a border to them easily without having to go through all the trouble of doing the full code for a table.
Unfortunately center isn't even a possible option with this method, not that there would be many uses for it anyway.

I imagine you could do quite a bit of advanced stuff with these tags, enjoy!
Title: Re: Custom BBCode Commands
Post by: Rolina on 30, September, 2010, 11:40:14 AM
Oh, nice.  Do the imageleft/right tags still work, or will we have to go update old posts?