Views: 2284 Sizes & Headers
|
It's me! Back with another blog post on another facet of BBCode. During the process of editing my guide I stumbled on something by accident. And that is... double sizes. On MFN you can change the size of your text by adding [size=x]Text[/size] where x can be the numbers 1 to 7. 3 is the standard size of text (and it is fine, please don't change the size of your regular text). Buut perhaps you want to put text below images/make headers and whatnot. So you'll need one of the different sizes!
Overview: classic sizes
Ok ok, so what's up with the double size thing I mentioned? It turns out that if you put multiple size tags around text, you can get even more possible sizes! So let's say, you think size 1 isn't quite small enough, you can put [size=1][size=2][/size][/size] around the text to make it readable for ants.
You can use this to get sizes that are between the ones that already exist, or reach even larger sizes. With [size=5][size=6][size=7]hello![/size][/size][/size] becomes gigantic!
Overview
Coming with the very large sizes there is an problem: within the guide editor the text doesn't quite realize it's big and starts overlapping text above it ,but it works fine in this blog post... somehow. I had to code everything twice because of this >:(
Same thing as in previous spoiler, but within a guide
So, how can you solve that? You can put the text in a table/responsive column with padding. (or press "enter" a lot of times).
Example code, responsive column
Example code, table
For Size 7,6 changing the "5" within the padding to "15" and for Size 5, 6, 7 changing it to "30" works pretty well.
code of this thing up here
Why is this interesting? Well, the reason is this thing up here. There are loads of people out there who use banners to indicate new chapters and use them as headers. But if you're not that good at making banners, or you just don't want to make banners whenever you need a header, then this is a good solution. Previously, the maximum size (7) was not quite large enough to give that 'header' feeling, but the 'new' sizes certainly do!
Of course, the other sizes can still be used for subheaders. Those can have refreshing effects and help with making your guide look more organized. I myself like subheaders a lot, and sub-subheaders and sub-sub-subheaders.
Here's an example:
Code
Orr another one
Code
I don't take responsibility for my horrible color choices
There's a lot more ways to combine lines and text in something that resembles a header. Icons/images can also help with making things look spicy :D
Alright, enough ramblings about headers and size code. If you read this then I am proud of you, for you managed to reach the end. If you have any questions about anything of the topics I talked about, or coding questions in general, feel free to ask :)
Have a nice day!

Ok ok, so what's up with the double size thing I mentioned? It turns out that if you put multiple size tags around text, you can get even more possible sizes! So let's say, you think size 1 isn't quite small enough, you can put [size=1][size=2][/size][/size] around the text to make it readable for ants.
Surely ants can read
You can use this to get sizes that are between the ones that already exist, or reach even larger sizes. With [size=5][size=6][size=7]hello![/size][/size][/size] becomes gigantic!

Coming with the very large sizes there is an problem: within the guide editor the text doesn't quite realize it's big and starts overlapping text above it ,but it works fine in this blog post... somehow. I had to code everything twice because of this >:(

So, how can you solve that? You can put the text in a table/responsive column with padding. (or press "enter" a lot of times).


For Size 7,6 changing the "5" within the padding to "15" and for Size 5, 6, 7 changing it to "30" works pretty well.
Headers

Why is this interesting? Well, the reason is this thing up here. There are loads of people out there who use banners to indicate new chapters and use them as headers. But if you're not that good at making banners, or you just don't want to make banners whenever you need a header, then this is a good solution. Previously, the maximum size (7) was not quite large enough to give that 'header' feeling, but the 'new' sizes certainly do!
Of course, the other sizes can still be used for subheaders. Those can have refreshing effects and help with making your guide look more organized. I myself like subheaders a lot, and sub-subheaders and sub-sub-subheaders.
Here's an example:
Cookies |

Orr another one
More cookies

There's a lot more ways to combine lines and text in something that resembles a header. Icons/images can also help with making things look spicy :D
Alright, enough ramblings about headers and size code. If you read this then I am proud of you, for you managed to reach the end. If you have any questions about anything of the topics I talked about, or coding questions in general, feel free to ask :)
Have a nice day!
New Comment
You need to log in before commenting.