There are already a lot of options at the top of the text editor (click "more options" when posting comments / in chapters when writing guides) so check those out too!
When using multiple parameters such as text that is both bold and underlined, make sure the parameters are nested. This means the parameter that comes first ends last, the parameter that comes second ends second to last, the parameter that comes third ends third to last, and so on.
Example: [b][i][u]Bold Italicized AND Underlined![/u][/i][/b] = Bold Italicized AND Underlined!
Images and Media
When linking an image it needs to be uploaded somewhere on the internet. You then need to get the IMAGE URL (not the page url). Do this by right clicking the image and selecting "Copy Image URL", then paste into the [img] code. If you need somewhere to upload your image, you can always upload and post it in the official Vainglory forums, or an image upload service like Imgur or Photobucket.
[img=http://i.imgur.com/IU4PLTL.png] OR [img]http://i.imgur.com/IU4PLTL.png[/img]
Center images and videos with [center], and link videos with [embed]. Be sure to get the direct video url (again, right click the video and copy the video url / paste).
Columns
Columns and Tables are a way to put things exactly where you want them. They can get a little complicated, but if you mess around with them you can make some very nice layouts!
Columns code goes like so, you can have as many [nextcols] as you want:
[columns]
[nextcol]
[nextcol width=50]
[/columns]
This starts the column code
This adds a column
This adds another column, that is 50px wide
This ends the column code
Example:
I made the first column 65px in width, since I knew I'd be adding a 50x50 icon to it. This way there is nice spacing between my icon and my text. This is a generally useful code for explaining abilities, classes, what have you, as people can find the icons easily then read the text!
Click here to see the code!
[columns]
[nextcol width=65]
[icon=glaive size=50]
[nextcol]
I made the first column 65px in width, since I knew I'd be adding a 50x50 icon to it. This way there is nice spacing between my icon and my text. This is a generally useful code for explaining abilities, classes, what have you, as people can find the icons easily then read the text!
[/columns]
Tables
Now onto tables! Tables are more complicated, but you have better controls for the look of your layout. Tables work exactly the same as they do in html if you are familiar with it, and you can read html table help here.
Parameters that affect [table], [tr] and [td]: bgcolor, width, height
Parameters that affect [tr] and [td]: padding, colspan
You can add as many [tr]'s and [td]'s as you want! (tr = table row, td=table cell)
Think of rows fitting in tables, and cells fitting in rows, you have to have them in order, cells within rows and rows within tables: [table][tr][td][/td][/tr][/table]
Also there needs to be the same amount of cells per row if you have multiple rows, otherwise the layout can get funky. See my example for how to handle this with colspan.
[table]
[tr]
[td]
[/td]
[/tr]
[/table]
This starts the table code
This adds a row, you always need at least 1 row
This adds a cell to the row you just made, you need at least 1 cell
This ends the cell
This ends the row
This ends the table code
Example:
The row above has padding="10px" added to the cells so that they have some breathing room, this adds an invisible 10px border around every cell. This row I'm typing on right now has a bgcolor="#2b2727" to make it pop, as well as padding="10px" to give a nice margin. The cells to the right and left are colored white and use width="15px" to control their width. The height automatically adjusts to the height of this cell. There are also 2 more cells that are the same but without bgcolor for padding. The colspan=6 makes the number of cells in both rows even, and the width="350px" in the table constrains the size so the class icons don't spread out.
Click here to see the code!
[table width="350px"]
[tr]
[td padding="10px"][icon=adagio size=50][/td]
[td padding="10px"][icon=arcane renewal size=50][/td]
[td padding="10px"][icon=gift of fire size=50][/td]
[td padding="10px"][icon=agent of wrath size=50][/td]
[td padding="10px"][icon=verse of judgement size=50][/td]
[td padding="10px"][icon=adagio size=50][/td]
[/tr]
[tr]
[td bgcolor="#2b2727" padding="10px" colspan=6]
The row above has [color=#ffffff]padding="10px"[/color] added to the cells so that they have some breathing room, this adds an invisible 10px border around every cell. This row I'm typing on right now has a [color=#ffffff]bgcolor="#2b2727"[/color] to make it pop, as well as [color=#ffffff]padding="10px"[/color] to give a nice margin. The cells to the right and left are colored white and use [color=#ffffff]width="15px"[/color] to control their width. The height automatically adjusts to the height of this cell. There are also 2 more cells that are the same but without bgcolor for padding. [color=#ffffff]The colspan=6[/color] makes the number of cells in both rows even, and the [color=#ffffff]width="350px"[/color] in the table constrains the size so the class icons don't spread out.
[/td]
[/tr]
[/table]
[/spoiler]
You can copy / paste the stuff in here and replace it with whatever text you want. You can also hit the buttons if you go to "more options" on comments or are just in the guide builder (see the buttons above the box?).
I will see what I can do to assist iPad users further. :)
Haha, ok for sure. I'll work on putting that code up as well as some other options. :)
So I just wanna make sure, did you try to copy the code that's in the spoiler? ("Click here to see the code!") I could try something else if that copy/paste isn't working.
Yeah, tried re-editing it but made some stuff fly all over the place.
I'll try again later, to check it.
Edit:
I finally managed to do those fancy stuff. I found a bbcode table generator in the web, coming from an iPad user, it really helps a lot, hope you add this feature in the future!
Can i ask whether or not The site supports Html coding and such? BBcode is a hassle now, especially because i havent used it in 50000000000837383929 years.
IGN:TiTan. KARMA LEVEL:10 ( cba to level up anymore, since i just lag out and get kicked. lmfao ). MAIN HEROES: Petal Koshka PRACTICING: Celeste. TIER LEVEL:Decent-ish.[bgcolor=#ffffff]
Can i ask whether or not The site supports Html coding and such? BBcode is a hassle now, especially because i havent used it in 50000000000837383929 years.
@gGumi - No it doesn't support HTML but to be honest BBCode is REALLY similar in a lot of ways, often just replacing <'s with ['s. I hope you can get use to it quickly and let me know if you have any issues. :)
VaingloryFire is the place to find the perfect build guide to take your game to the next level. Learn how to play a new hero, or fine tune your favorite VG hero’s build and strategy.
Mowen
<Administrator>
Remarkable (47)
Posts: 218
Sixx
<Editor>
Notable (11)
Posts: 54
Mowen
<Administrator>
Remarkable (47)
Posts: 218
Sixx
<Editor>
Notable (11)
Posts: 54
Mowen
<Administrator>
Remarkable (47)
Posts: 218
Sixx
<Editor>
Notable (11)
Posts: 54
Sixx
<Editor>
Notable (11)
Posts: 54
KARMA LEVEL:10 ( cba to level up anymore, since i just lag out and get kicked. lmfao ).
MAIN HEROES:
PRACTICING:
TIER LEVEL:Decent-ish.
gGumi
<Editor>
Posts: 11
Janitsu
Notable (2)
Posts: 3
Mowen
<Administrator>
Remarkable (47)
Posts: 218