MOBAFire's first Mini Guide Contest of Season 14 is here! Create or update guides for the 30 featured champions and compete for up to $200 in prizes! 🏆
bsurma
<Member>
<Member>
Very nice, mind if I link it in my columns guide? :)
DuffTime wrote:
ok ok plz carry me omg
i was only waiting for you to ask
Temzilla wrote:
Too hot to be icecream.
Luther3000 wrote:
He looks like a hair gel advert on legs
Toshabi wrote:
Icecreamy, with hair as slick and smooth as the ocean waves of Cocobana
Thanks, will link it then ^^
+rep coming your way.
+rep coming your way.
DuffTime wrote:
ok ok plz carry me omg
i was only waiting for you to ask
Temzilla wrote:
Too hot to be icecream.
Luther3000 wrote:
He looks like a hair gel advert on legs
Toshabi wrote:
Icecreamy, with hair as slick and smooth as the ocean waves of Cocobana
^^ Only just updated my own Making a Guide Guide to fix the black text issue, but I'm sure others will find this just as helpful :)
I should also say, I'm probably 99% responsible for black text, so when you're writing reviews, don't beat people up about black text, it's not their fault.
When Searz started using columns, he didn't have any space between them, so it'd look terrible. When I started using columns, and wrote my Guide Making Guide, the only way I could figure out to add space, was to add "space" literally, as black text in another column. When I did this, guides on MobaFire didn't have gradients, so "spaaaace" at the very top of a chapter was never seen.
It was only recently that the gradients were added.
But yeah, thanks for sharing the width parameter, never even thought of it.
When Searz started using columns, he didn't have any space between them, so it'd look terrible. When I started using columns, and wrote my Guide Making Guide, the only way I could figure out to add space, was to add "space" literally, as black text in another column. When I did this, guides on MobaFire didn't have gradients, so "spaaaace" at the very top of a chapter was never seen.
It was only recently that the gradients were added.
But yeah, thanks for sharing the width parameter, never even thought of it.
CrimsonSkyz
<Member>
<Member>
You need to log in before commenting.
Part 1: Making the Columns
Display:
Here I've started writing about Corki, and made simple column tags which allow me to stack the information in vertical columns. However, there's no space between the vertical columns which makes things harder/annoying to read. Let's fix that.
Part 2: Black Text
Display:
The current common solution to create space between columns is to make black filler text in its own column as seen above (color=black space).
But there are some issues with this. Like the top of each chapter in a guide is not actually black. People can see your "black" text.
Here's a lightened screenshot to make it stand out:
The other issue is that you have to write multiple words/letters to create space, and thus, when people copypaste things from your guide, they might actually copypaste your filler text.
Part 3: Width and Indent
There are 2 simple solutions/alternatives for this: Setting the width, or indenting.
Part 4: Width
Display:
Here, I set "columns width=100", and it screws up my formatting. Why? Because I said "columns width=100", so it literally sets every column's width to 100 pixels.
Display:
First, I move Corki's icon to a new column. I set this column width to 100 (nextcol width=100), and now only the column with Corki's icon is 100 pixels.
Display:
Here, I've replaced my two columns that said space in black text with columns that have certain width (nextcol width=50). By doing this, I've created blank space in another method besides black text.
Part 5: Indent
Display:
Here, I used indent tags to create a similar effect (nextcol indent). Indent tags are always a fixed width, so using them is different from setting the width.
Part 6: Setting width on columns with icons
In my code for the the end with the Trinity Force and Corki's skills, I have 2 icons on each line.
It should appear as 3 lines with 2 icons each, but it doesn't. They appear on 6 lines in a big vertical column.
The reason why this happens is because my columns are "liquid" - they aren't really set/fixed.
To fix this, I'm going to set the width of the column with the icons.
If I want 2 icons that are size 24 to display, then obviously I should make the width 48... (nextcol width=48)
Display:
...or not.
The rows with Corki's skills appear fine, but the Trinity Force and Corki's passive are on different lines.
To make it so they appear together on one line, I'm going to increase the width. (nextcol width=55)
Display:
Now the Trinity Force and passive appear on one line together. This happens because of how Mobafire's tooltips are coded. Just remember to make columns with icons a bit wider.
Part 7: Horizontal Space
Display:
Here I have two columns with content and an empty column with an indent for spacing. I want to make the text on the right display near the top instead of in the middle.
Display:
I can force this by hitting the enter key a bunch of times and making blank horizontal space.
Display:
Or I can make a bunch of lines before the text, and now the text displays near the bottom.
Etc