51,220 bells
 
 
» Site Support Board
Topic: Markup Magic: a Guide to Markup

Page of 1

Dimentio95
 
Name
Chris
ACNL Town
Last Active
12:52pm
Introduction

Welcome to Markup Magic, ACC’s Markup Guide! This guide will cover colors, tricks, and all sorts of tips for using markup on ACC.

The original Markup Magic guide was made by shadowsquid86, and this is a modern updated version of the guide to reflect ACC’s markup today.



I. The Basics

A brief overview can be found at Using Markup. You'll find that it's not difficult and yields limitless possibilities!

Markup, which allows you to make many text effects on your posts and profile, is done by entering various codes inside "[]" brackets. Every [] bracket must be closed, meaning a [/] bracket must follow the text receiving the effect. You can also insert markup into a post simply by clicking one of the symbols just above your post.



II. Colors

Code: [color=null]TEXT[/color]
Display: TEXT

To color your text simply place a color name in place of "null" in the code, and place the text between the two brackets. The other spelling, "colour", works as well!

(2a) Color List

The following is a very expansive list of colors, gathered by BargainBob. There are even more possibilities for colors, which will be covered in Section V.

Cornsilk
LightYellow
LemonChiffon
PapayaWhip
Moccasin
PeachPuff
FireRed
BlanchedAlmond
PaleGoldenRod
Khaki
LightCoral
Salmon
DarkSalmon
LightSalmon
LightPink
HotPink
Crimson
Carrot
Red
Devil
DarkRed
IndianRed
DeepPink
MediumVioletRed
PaleVioletRed
Coral
Tomato
OrangeRed
DarkOrange
Orange
Gold
Yellow
DarkKhaki
Pink
Plum
Violet
Orchid
Fuchsia
Emerald
DevilRed
Magenta
MediumOrchid
MediumPurple
BlueViolet
DarkViolet
Apple
DarkOrchid
DarkMagenta
Purple
Indigo
SlateBlue
Thistle
Lavender
GreenYellow
Chartreuse
LawnGreen
Lime
GoldOchre
LimeGreen
Jean
Grass
Ruby
PaleGreen
LightGreen
MediumSpringGreen
SpringGreen
MediumSeaGreen
ForestGreen
Green
DarkGreen
YellowGreen
BlueJean
CornerFlowerBlue
OliveDrab
Olive
DarkOliveGreen
MediumAquamarine
LightSeaGreen
DarkCyan
Teal
Aqua
Cyan
OliveGreen
GreenBean
LightCyan
PaleTurquoise
Aquamarine
Turquoise
DarkTurquoise
CadetBlue
SteelBlue
LightSteelBlue
PowderBlue
LightBlue
SkyBlue
LightSkyBlue
DeepSkyBlue
DodgerBlue
MediumSlateBlue
RoyalBlue
Blue
Lipstick
Saphire
MediumBlue
DarkBlue
Navy
MidnightBlue
DarkSlateBlue

(2c) Gradients

Gradients are a great way to add radiance to a post. You can select two or more colors from the entire spectrum, and type in text which will have a gradient that blends the colors together across the text. I recommend using this website. Simply enter your message, select the colors and fade type, change the output to "Standard Forum Code", and generate the code!

This ends up looking very cool, if not overwhelming. Here's an example. It generates a long code, so these colors should be used sparingly. Please note that you do not need to post any other text, just copy and paste the code.

(2d) Username Colors

Enter anything into the code as the color - any random word, name, or number - and it will still make a color. Thanks to the hexadecimal system, ACC will convert anything you put in into a color. A fun thing to do would be to try your username as a color, and then other words. For example, this is color=dimentio95. Experiment, and find something you like!



III. Other Markup

(3a) The Big Four

Code: [b]TEXT[/b]
Display: TEXT

Code: [u]TEXT[/u]
Display: TEXT

Code: [i]TEXT[/i]
Display: TEXT

Code: [s]TEXT[/s]
Display: TEXT

Bold, Italics, Underline, and Strikethrough are all coded very similarly, just with a change in the letter used. These four are used very often. Bold can be used when you want people to notice particular text or for adding emphasis. Underlining can be used for titles, or for emphasis. Italics can be used for irony, clarification, or for emphasis. Strikethrough can be used to cross something out, or sarcasm.

(3b) Spoiler

Code: [spoiler]TEXT[/spoiler]
Display: TEXT (highlight to see)

Spoiler markup is used to hide text, so that members who do not want to view the text do not need to. You can also use it to slyly hide text from other users.
Congratulations, you found one!
(3c) Blockquote

Code: [bq]TEXT[/bq]
Display:
"TEXT"
The main use for blockquote is for quoting other users, for example taking something someone said in a post above yours. We don’t have a quote button, so use this instead.

(3d) Horizontal Rule

Code: [hr]
Display:

Note that Horizontal Rule is the only code that does not need a closing tag! This markup adds a horizontal line to the space above it to divide text in a post.

(3e) Hyperlink

Code: [link=URL]TEXT[/link]
Display: TEXT

This markup will turn text a cerulean blue color, and will underline if the cursor is moved over it. If the text is clicked, you will load the linked webpage. This can be used to trace back to threads and places on ACC and link to other websites.



IV. Emotes

Emotes can be added by clicking them in their box to the right or typing their code manually. There are currently 66 emotes: 18 emotes with a femote (female emote) counterpart for each, 6 NPC emotes from Animal Crossing, and 24 emotes of various ACC symbols to help communicate with others on the site.

These are emotes:

And these are femotes:

You can only place emotes 10 per post. This is to prevent emote overuse, which qualifies as overuse of markup. Emotes can also be blocked to show the original text, such as if you want to show :P instead of its emote counterpart. (This will be covered in Section V.)

Emotes are not affected by markup other than links, in which case they will also link to a page when clicked. Since they aren't affected by spoilers you can’t hide text that contains emotes, as the emote will give it away.



V. Advanced Tricks

(5a) Showing Codes

Code: [code][color=null]TEXT[/color][/code]
Display: [color=null]TEXT[/color]

This markup tag breaks the others, and allows you to share a template or show other users how to use markup! Just put your text with markup in between a pair of [code][/code] tags. In your post the text will appear with the broken markup codes in it! This also works for emotes, to display :D for example.

(5b) Hexadecimal / Other Colors

Code: [color=XXXXXX]TEXT[/color]
Display: TEXT

Hexadecimal colors enable you to use any color from the spectrum. It is six digits, inserted in place of a color name. These digits can be found from websites such as here. The six-digit number it gives you can be placed directly into the color tag to replicate that color!

(5c) Centering Text:

Code: [spoiler]xxxxxxxx[/spoiler]TEXT
Display: xxxxxxxxTEXT

Code:            TEXT
Display:            TEXT

Code: [spoiler][bq][/spoiler]TEXT[spoiler][/bq][/spoiler]
Display:
"TEXT"

If you want to center text, for example in your profile, you have these three options. A group of spoilers or spaces in each row will push the text over as far as you would like it to. The third option centers the text too and uses far fewer characters, but it only works if you're content with the text being italicized.

(5d) Combined Codes

Markup codes can be combined together rather than being limited to one type. This works, for example.



VI. Additional Information

(6a) Donations

Users who donate $5 or more to ACC can use markup in their signatures. Users who donate $10 or more gain a larger character count in their signature and gain a third line. Finally, users who donate $20 or more gain an even larger capacity and a fourth line, as well as more space in their profiles. As using markup requires extra room, a higher character cap will allow you to use even more.

(6b) Overuse of Markup
"Forum Rules-2.10-Overuse of Markup
There are certain special markup tags that you can use in your message board posts to make text bold or italic, or to change the color of your text. These are intended to be used for emphasis or to make one particular part of your post stand out from the rest of it. They are not for making every word of every post a different style text. So please use markup tags only when needed for emphasis, or in the special cases of making a link with the [link=][/link] tags or posting a spoiler with the [spoiler][/spoiler] tags."
This is a violation you might receive for being a little too enthusiastic with markup. Markup is intended to be used sparingly to give emphasis and decorate a bit, so prevent a notification and annoying users with sensitive eyesight by exercising judgment in not overusing it!

(6c) Admin Markup

There are some markup codes that aren’t available to regular users. Administrators have special markup codes that allow them to post images without links, create lists with bullets or numbers, and more. They’re mostly used for announcements and official threads, so if you’d like a glance of this rare markup, check out those threads.

(6d) Useful links

ACC's "Using Markup"
Site Rules
Gradient Generator
Hex Color Generator
Hexagonal Color Chart
Bells: 5,274,970 Catalog: 0 Feedback: 0 WiFi:  (77) Patterns: 0 Pocket Camp ID: 0354 9438 858  
Site Support Board » Topic: Markup Magic: a Guide to Markup

Page of 1


Legend:   Site Owner    Administrator    Moderator    Researcher    Developer    Scout    New Member   Honorary Citizen   Birthday