BEFORE YOU START

               This guide will teach you how to install a user script
              that provides a ruler inside guide section previews!




           With it, you can easily format your text inside guide sections
                or even center it with an outstanding precision!

         Side note: This guide was written with a help of this ruler.

      The first and the most important step is to install a userscript manager on your web browser.

                     For Chrome:

      The most recommended extention for managing user scripts is Tampermonkey:
       chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

                         For Firefox:

    It is recommended to use Greasemonkey as a userscript manager for this browser:
             addons.mozilla.org/en-US/firefox/addon/greasemonkey


              After you install one of the userscript managers above,
             just click the link below to install the user script:

github.com/davidfigaromacintosh/SteamScripts/raw/master/scripts/GuidePreviewRuler.user.js/

         []

            Once you've installed everything correctly, open your guide,
          enter the edit mode of any section and press the "Preview" tab:




                   This is what you will see in the background of your guide preview:

         Now, let me explain you real quick about those lines you see on it...





These divide editable sections into equal parts.

The thickest one placed in the middle
separates the whole area in two equal halves.

Every next half is in turn separated in half by
thinner blue lines until the last half is separated.







These determine the width of quote areas.

The first ones, the closest to the edge, indicate
where the sides of the quote box will be laid in.
The second ones indicate the sides of
a quote box laid inside a bigger quote box.

There are also two orange lines which indicate
the padding of the first quote box.




         You can enable or disable the ruler by clicking the "Toggle Ruler" button.

           []

　　　　　　　　　  By default, Steam doesn't center the text in guide sections:

             If you want to make the text in your guide look centered,
              paste some blank characters before the sentence.

QUICK REFERENCE

Description

Character

Thin Space (microscopic)

[ ]

Hair Space (even thinner)

[ ]

Six-Per-Em Space (thin)

[ ]

Four-Per-Em Space (thin)

[ ]

Regular Space (regular)

[]

Non-Breaking Space (regular)

[]

Character Tabulation (various width)

[ ]

Medium Mathematical Space (regular)

[ ]

Punctuation Space (wide)

[ ]

Three-Per-Em Space (wide)

[ ]

En Quad (even wider)

[ ]

En Space (even wider)

[ ]

Figure Space (even wider)

[ ]

Em Quad (very wide)

[ ]

Em Space (very wide)

[ ]

Ideographic Space (very wide)

[　]

 

                   And here's the final result:

      If you feel your text is off by a few pixels from the center,
           try pasting a few thin blank characters.

https://gtm.you1.cn/sharedfiles/filedetails/?id=2187387847 https://gtm.you1.cn/sharedfiles/filedetails/?id=2206795707 https://gtm.you1.cn/sharedfiles/filedetails/?id=2205525263 https://gtm.you1.cn/sharedfiles/filedetails/?id=2196166506 https://gtm.you1.cn/sharedfiles/filedetails/?id=2184191755 https://gtm.you1.cn/sharedfiles/filedetails/?id=2175748848

           User script created by David Macintosh.