|
Here's a helpful little guide to those of you who wish to spice up your app a bit. All of the words in red in the codes are the ones that you replace. I've also included some tips in here that you will find in green. Finally, examples will be done in blue and codes will be done in purple.
Spacing
Spacing is very important, it helps us know where one paragraph or question ends and the next one starts. Now, there are two types of spacing, a line break and a paragraph break.
The line break is very simple. Just put <br> when you want to jump down a line. Like<br>This
Like
This
The paragraph break is very similar, only it puts an extra line between the two. Just type <p> Where you want it to go to the next paragraph.Like<p>This
LikeThis
Tip: Try not to put so much spacing that you get big blank areas or too little spacing that it all bunches.
CenteringAs you may have already noticed, some of this page is centered. You may want to center part or all of you app, and it is very easy to do so. Just type <center> before the part you want to be centered and </center> after.
Tip: Try to keep consistant with what is centered and what isn't. Font BasicsThere are many things that you can do with your font. Here are the most basic styles:
<b>Bolded</b>
<u>Underlined</u>
<i>Italics</i>
<s>Slashed</s>
Tip: Try not to go over board with these. They should be used to emphasize important words.Font SizeYou can also change the size of your font. There's about 6 different sizes to choose from, from 1 to 6. The code is very simple: <Font size=SIZE HERE>Text</font>.
<font size=1>Size 1</font>
<font size=2>Size 2</font>
<font size=3>Size 3</font>
<font size=4>Size 4</font>
<font size=5>Size 5</font>
<font size=6>Size 6</font>Tip: Try to remember your readers eyes. The bulk of your writing shouldn't be super big or super small, try to keep it to a comfortable size. Font ColoringColoring is one major step to add a bit more flavor to your app. The code is very simple, just add the accepted color name or hex code (hex codes are in the box below).<font color=Color Code>Text</font> | #FFFFFF | #CCFFFF | #00FFFF | #99FFFF | #66FFFF | #33FFFF | | #FFFFCC | #CCFFCC | #00FFCC | #99FFCC | #66FFCC | #33FFCC | | #FFFF00 | #CCFF00 | #00FF00 | #99FF00 | #66FF00 | #33FF00 | | #FFFF99 | #CCFF99 | #00FF99 | #99FF99 | #66FF99 | #33FF99 | | #FFFF66 | #CCFF66 | #00FF66 | #99FF66 | #66FF66 | #33FF66 | | #FFFF33 | #CCFF33 | #00FF33 | #99FF33 | #66FF33 | #33FF33 | | #FFCCFF | #CCCCFF | #00CCFF | #99CCFF | #66CCFF | #33CCFF | | #FFCCCC | #CCCCCC | #00CCCC | #99CCCC | #66CCCC | #33CCCC | | #FFCC00 | #CCCC00 | #00CC00 | #99CC00 | #66CC00 | #33CC00 | | #FFCC99 | #CCCC99 | #00CC99 | #99CC99 | #66CC99 | #33CC99 | | #FFCC66 | #CCCC66 | #00CC66 | #99CC66 | #66CC66 | #33CC66 | | #FFCC33 | #CCCC33 | #00CC33 | #99CC33 | #66CC33 | #33CC33 | | #FF00FF | #CC00FF | #0000FF | #9900FF | #6600FF | #3300FF | | #FF00CC | #CC00CC | #0000CC | #9900CC | #6600CC | #3300CC | | #FF0000 | #CC0000 | #000000 | #990000 | #660000 | #330000 | | #FF0099 | #CC0099 | #000099 | #990099 | #660099 | #330099 | | #FF0066 | #CC0066 | #000066 | #990066 | #660066 | #330066 | | #FF0033 | #CC0033 | #000033 | #990033 | #660033 | #330033 | | #FF99FF | #CC99FF | #0099FF | #9999FF | #6699FF | #3399FF | | #FF99CC | #CC99CC | #0099CC | #9999CC | #6699CC | #3399CC | | #FF9900 | #CC9900 | #009900 | #999900 | #669900 | #339900 | | #FF9999 | #CC9999 | #009999 | #999999 | #669999 | #339999 | | #FF9966 | #CC9966 | #009966 | #999966 | #669966 | #339966 | | #FF9933 | #CC9933 | #009933 | #999933 | #669933 | #339933 | | #FF66FF | #CC66FF | #0066FF | #9966FF | #6666FF | #3366FF | | #FF66CC | #CC66CC | #0066CC | #9966CC | #6666CC | #3366CC | | #FF6600 | #CC6600 | #006600 | #996600 | #666600 | #336600 | | #FF6699 | #CC6699 | #006699 | #996699 | #666699 | #336699 | | #FF6666 | #CC6666 | #006666 | #996666 | #666666 | #336666 | | #FF6633 | #CC6633 | #006633 | #996633 | #666633 | #336633 | | #FF33FF | #CC33FF | #0033FF | #9933FF | #6633FF | #3333FF | | #FF33CC | #CC33CC | #0033CC | #9933CC | #6633CC | #3333CC | | #FF3300 | #CC3300 | #993300 | #003300 | #663300 | #333300 | | #FF3399 | #CC3399 | #003399 | #993399 | #663399 | #333399 | | #FF3366 | #CC3366 | #003366 | #993366 | #663366 | #333366 | | #FF3333 | #CC3333 | #003333 | #993333 | #663333 | #333333 |
Tip: Try to limit the amount of colors. Too many colors can become an eye sore. Try to stick to 3 or less, one for the headers, one for the questions, and one for the answers. Also, try not to pick colors that are hard to read on your background.Font TypesFonts really add the final touch to anything, and are very easy to use. The code is very simple: <Font face="Font you want">Text</font>. In the scroll box below are a list of different fonts. Their names are in their styles so just copy and paste it in the code. |
Agency FB | Arial | Arial Black | Arial Narrow | Arial Rounded MT Bold | Blackadder ITC | | Bodoni MT | Bodoni MT Black | Bodoni MT Condensed | Book Antiqua | Bookman Old Style | Bookshelf Symbol 7 | | Bradley Hand ITC | Calisto MT | Castellar | Century Gothic | Century Schoolbook | Comic Sans MS | | Copperplate Gothic Bold | Copperplate Gothic Light | Courier | Courier New | Curlz MT | Edwardian Script ITC | | Elephant | Engravers MT | Eras Bold ITC | Eras Demi ITC | Eras Light ITC | Eras Medium ITC | | Estrangelo Edessa | Felix Titling | Fixedsys | Forte | Franklin Gothic Book | Franklin Gothic Demi | | Franklin Gothic Demi Cond | Franklin Gothic Heavy | Franklin Gothic Medium | Franklin Gothic Medium Cond | French Script MT | Garamond | | Gautami | Georgia | Gigi | Gill Sans MT | Gill Sans MT Condensed | Gill Sans MT Ext Condensed Bold | | Gill Sans Ultra Bold | Gill Sans Ultra Bold Condensed | Gloucester MT Extra Condensed | Goudy Old Style | Goudy Stout | Haettenschweiler | | Impact | Imprint MT Shadow | Kartika | Latha | Lucida Console | Lucida Sans | | Lucida Sans Typewriter | Lucida Sans Unicode | Maiandra GD | Mangal | Marlett | Microsoft Sans Serif | | Modern | Monotype Corsiva | MS Reference Sans Serif | MS Sans Serif | MS Serif | Myriad Condensed Web | | Myriad Web | OCR A Extended | Palace Script MT | Palatino Linotype | Papyrus | Perpetua | | Perpetua Titling MT | Pristina | Roman | Rage Italic | Rockwell | Rockwell Condensed
| | Rockwell Extra Bold | Script | Script MT Bold | Shruti | Small Fonts | Sydnie | | Sylfaen | Symbol | System | Tahoma | Terminal | Times New Roman | | Trebuchet MS | Tunga | Tw Cen MT | Tw Cen MT Condensed | Tw Cen MT Condensed Extra Bold | Verdana | | Vrinda | Webdings | Wingdings | Wingdings 2 | Wingdings 3 | |
Tip: Try to pick a font that is easy to read and not too complicated.CombiningWant to change the size, color, AND type of font without typing too much. Well just combine the codes you want. It's very simple:<font color=Color Code size=Your size Face="Font Name">Text</font> SymbolsSymbols can add extra fun to your app. Just type the code for the symbol you want. A list of them are in the table below. | ♥ | ♥ | ♦ | ♦ | ♣ | ♣ | ♠ | ♠ | | ← | ← | → | → | ↑ | ↑ | ↓ | ↓ | | † | † | ‡ | ‡ | ¢ | ¢ | £ | £ | | ¤ | ¤ | ¥ | ¥ | ¦ | ¦ | § | § | | ¨ | ¨ | © | © | ª | ª | « | « | | ¬ | ¬ | ® | ® | ¯ | ¯ | ° | ° | | ± | ± | ² | ² | ³ | ³ | ´ | ´ | | µ | µ | ¶ | ¶ | · | · | ¸ | ¸ | | º | º | » | » | ¼ | ¼ | ½ | ½ | | ¿ | † | ‡ | ‡ | ¢ | ¿ | ∞ | ∞ | | ƒ | ƒ | ™ | ™ | ↔ | ↔ | ∂ | ∂ | | ∩ | ∩ | ∫ | ∫ | ≈ | ≈ | ≠ | ≠ | | ≡ | ≡ | ≤ | ≤ | ≥ | ≥ | ◊ | ◊ | | Œ | Œ | œ | œ | Š | Š | „ | „ | | α | α | β | β | γ | γ | δ | δ | | ε | ε | ζ | ζ | η | η | θ | θ | | ι | ι | κ | κ | λ | λ | μ | μ | | ν | ν | ξ | ξ | ο | ο | π | π | | ρ | ρ | ς | ς | σ | σ | τ | τ | | υ | υ | φ | φ | χ | χ | ψ | ψ | | ω | ω | Α | Α | Β | Β | Γ | Γ | | Δ | Δ | Ε | Ε | Ζ | Ζ | Η | Η | | Θ | Θ | Ι | Ι | Κ | Κ | Λ | Λ | | Μ | Μ | Ν | Ν | Ξ | Ξ | Ο | Ο | | Π | Π | Ρ | Ρ | Σ | Σ | Τ | Τ | | Υ | Υ | Φ | Φ | Χ | Χ | Ψ | Ψ | | Ω | Ω |
Tip: Try not to use too many symbols. That can become distracting and tack away from the good points of your app.
For pictures:
Make a photobucket/tiny pic account click for photobucket.
Use this code (remove the spaces between the < >'s): < img src="IMAGE URL HERE" >
My final Tip would be, Test your app out in your journal. Alot of times, people make mistakes with their HTML and writing. It's always best to make sure you're app. is the way you want it.
If you have any extra questions, please post them here.
This HTML Helper was created by Leinnxx.
***STAFF***Please do not try to edit this thread! To do so will cause the scroll box information to disappear! Please inbox me if you need to change anything in this post. Thank you! Jenny.
|
