Jump to content
Luki

ScrapTF Styling Guide

Recommended Posts

Hey everyone, because there's a lot of people unaware of how to style text on the site, I thought it'd be useful to make a quick styling guide!

 

Note: The words in all-caps are your variables, you have to change these as you see fit

 

Anywhere (Raffle text, raffle+auction+profile comments):

Color:

You can use    

  | [color=#HEXVALUE] | OR | [color=COLORNAME] |      TEXT     [/color]

to give a color to any kind of text, this uses a hexadecimal value which you can pick at sites like W3, or you can use a memorable color name, which I'll post a list of in the next comment.

 

Bold:

[b]TEXT [/b]

➜ TEXT

 

Italic:

[i]TEXT[/i]

➜ TEXT

 

Underline

[u]TEXT[/u]

➜ TEXT

 

Strikethrough

[s]TEXT[/s]

➜ TEXT

 

Links

 

[url=URL]TEXT[/url]

 

Note: this only works with a few whitelisted domains, these ones work for certain:

  • scrap.tf
  • feen.us
  • youtube.com
  • (i.)imgur.com
  • store.steampowered.com
  • steamcommunity.com

 

Specific places

Raffles

YouTube videos automatically embedded, with a maximum of 2 per raffle

 

Profile comments

Embedding images:Note: make sure you link the image directly  (e.g. http://i.imgur.com/1h1vkfs.gif instead of http://imgur.com/1h1vkfs)

 

[img]
URL
[/img]

(for some reason the forum library edits this ><)

 

FINAL NOTE:

You can use multiple effects on the same text, e.g. boldunderlineitalicsstrikethroughcolor

Also, as links aren't underlined on the main site, you can make a link look like normal text with

[color=black][url=URL]secret link text[/url][/color]

also the color "transparent" is a thing.

Edited by Lukiday 🐱
aaaaaaaaaa why does the forum parse bbcodeeee, made it more public friendly, removed some things I wasn't sure staff would be happy with :P

Share this post


Link to post

Color names:

Alicewhite | F0F8FF]
Antiquewhite | FAEBD7
Aqua | 00FFFF
Aquamarine | 7FFFD4
Azure | F0FFFF
Beige | F5F5DC
Bisque | FFE4C4
Blanchedalmond | FFEBCD
Blue | 0000FF
Blueviolet | 8A2BE2
Brown | A52A2A
Burlywood | DEB887
Cadetblue | 5F9EA0
Chartreuse | 7FFF00
Chocolate | D2691E
Coral | FF7F50
Cornflowerblue | 6495ED
Cornsilk | FFF8DC
Crimson | DC143C
Cyan | 00FFFF
Darkblue | 00008B
Darkcyan | 008B8B
Darkgoldenrod | B8860B
Darkgray | A9A9A9
Darkgreen | 006400
Darkkhaki | BDB76B
Darkmagenta | 8B008B
Darkolivegreen | 556B2F
Darkorange | FF8C00
Darkorchid | 9932CC
Darkred | 8B0000
Darksalmon | E9967A
Darkseagreen | 8FBC8F
Darkslateblue | 483D8B         

Darkslategray | 2F4F4F
Darkturquoise | 00CED1
Darkviolet | 9400D3
Deeppink | FF1493
Deepskyblue | 00BFFF
Dimgray | 696969
Dodgerblue | 1E90FF
Firebrick | B22222
Floralwhite | FFFAF0
Forestgreen | 228B22
Fuchsia | FF00FF
Gainsboro | DCDCDC
Ghostwhite | F8F8FF
Gold | FFD700
Goldenrod | DAA520
Gray | 808080
Green | 008000
Greenyellow | ADFF2F
Honeydew | F0FFF0
Hotpink | FF69B4
Indianred | CD5C5C
Indigo | 4B0082
Ivory | FFFFF0
Khaki | F0E68C
Lavender | E6E6FA
Lavenderblush | FFF0F5
Lawngreen | 7CFC00
Lemonchiffon | FFFACD
Lightblue | ADD8E6
Lightcoral | F08080
Lightcyan | E0FFFF
Lightgoldenrodyellow | FAFAD2
Lightgreen | 90EE90
Lightgrey | D3D3D3         
Lightpink | FFB6C1
Lightsalmon | FFA07A
Lightseagreen | 20B2AA
Lightskyblue | 87CEFA
Lightslategray | 778899
Lightsteelblue | B0C4DE]
Linen | FAF0E6
Magenta | FF00FF
Maroon | 800000
Mediumaquamarine | 66CDAA
Mediumblue | 0000CD
Mediumorchid | BA55D3
Mediumpurple | 9370D8
Mediumseagreen | 3CB371
Mediumslateblue | 7B68EE
Mediumspringgreen | 00FA9A
Mediumturquoise | 48D1CC
Mediumvioletred | C71585
Midnightblue | 191970
Mintcream | F5FFFA
Mistyrose | FFE4E1
Moccasin | FFE4B5
Navajowhite | FFDEAD
Navy | 000080
Oldlace | FDF5E6
Olive | 808000
Olivedrab | 688E23
Orange | FFA500
Orangered | FF4500
Orchid | DA70D6
Palegoldenrod | EEE8AA
Palegreen | 98FB98
Paleturquoise | AFEEEE
Palevioletred | D87093         
Papayawhip | FFEFD5
Peachpuff | FFDAB9
Peru | CD853F
Pink | FFC0CB
Plum | DDA0DD
Powderblue | B0E0E6
Purple | 800080
Red | FF0000
Rosybrown | BC8F8F
Royalblue | 4169E1
Saddlebrown | 8B4513
Salmon | FA8072
Sandybrown | F4A460
Seagreen | 2E8B57
Seashell | FFF5EE 
Sienna | A0522D
Silver | C0C0C0
Skyblue | 87CEEB
Slateblue | 6A5ACD
Slategray | 708090
Snow | FFFAFA
Springgreen | 00FF7F
Steelblue | 4682B4
Tan | D2B48C
Teal | 008080
Thistle | D8BFD8
Tomato | FF6347
Turquoise | 40E0D0
Violet | EE82EE
Wheat | F5DEB3
White | FFFFFF
Whitesmoke | F5F5F5
Yellow | FFFF00
Yellowgreen | 9ACD32

Share this post


Link to post
16 minutes ago, Powmonkey | trade.tf said:

Did you manually set the color for each individual letter for that rainbow effect in the raffle?

 

Or did you use some kind of shortcut?

I used http://www.stuffbydavid.com/textcolorizer but it isn't too readable, I was just using it just to stand out, I wouldn't recommend it if you were writing a long batch of text.

Share this post


Link to post

So what you're telling me is I can post ponies without needing to link them?!

 

EDIT: I tried. ;-;

Edited by _BillCipher | ScrapTF

Share this post


Link to post
1 hour ago, _BillCipher | ScrapTF said:

So what you're telling me is I can post ponies without needing to link them?!

 

EDIT: I tried. ;-;

I swear I edited it

Edit: invision pls, it changes code even inside the code tags. Linebreaks seems to have fixed them

 

Edited by Lukiday 🐱

Share this post


Link to post
Guest
This topic is now closed to further replies.
×
×
  • Create New...