User:Cinderstarz/Coding Help



 ~Coding Help!~

If you want to learn how to code a signature on this wiki or learn some coding basics, this is the spot for you! I'm not the best coder on this wiki, but I'm good enough to help you with the basics, so here we go.

 ~Coding~

When coding, be sure to edit in source mode. It doesn't work in regular mode.

To start a signature code, type: Then, put in your code. Here are some coding tags that will make your sig look fab!

To change the font size, use tag font-size:(size number)px. (no brackets around the number)

To change the font, use the tag font-family:(font name)

To change the color, use the tag color:(name of color or color hex code)

The place where I get my colors is colorhexa.com, but there are many other sites to get hex colors.

 DEMO:

If I want to code the words The quick brown fox jumps over the lazy dog in the font Times New Roman, colored purple, and size 20px, my code would be:

 The quick brown fox jumps over the lazy dog< /span>

(do not put spaces between < and span when you start the code, and do not put spaces between < and /span> when you end the code.)

If I did my code correctly, my result would be:  The quick brown fox jumps over the lazy dog

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;text-align:center;"> Linking your sig:

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">All signatures must have a link to your talkpage. To add a link to your sig, start with [ [ and end with] ] (no spaces between the brackets.)

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;text-align:center;"> DEMO:

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">Let's say I want to link  The quick brown fox jumps over the lazy dog  to my talk page.

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">My code would look like: [ [User talk:Cinderstarz| The quick brown fox jumps over the lazy dog< /span> ] ]

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">Without the spaces between the brackets, it would look like The quick brown fox jumps over the lazy dog

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">Now it has a nice link on it and if you click it you go to my talk (duh obviously)

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;text-align:center;"> Multiple Links

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">To add more than one link to your sig, you need to end your code for your first link and re write it for the second link.

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;text-align:center;"> DEMO:

<p style="color:rgb(255,255,255);font-family:'TWCenMT';font-size:15px;">Let's go back to The quick brown fox jumps over the lazy dog.

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">If I want to link The quick brown fox to my talk and jumps over the lazy dog to my fanfic Mapleshade's sorrow, my code would look like this:

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">[ [User talk:Cinderstarz| The quick brown fox ]][ [Mapleshade's Sorrow| jumps over the lazy dog ]]

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;"> Without the spaces it would look like: The quick brown foxjumps over the lazy dog

<p style="color:rgb(255,255,255);font-family:'TW Cen MT';font-size:15px;">||||More info coming soon||||