Signature Codes

Shop

Codes

Entire properties that control given variables are highlighted in red. Blank spaces _____ represent specific variable values to replace. White, gray, and black are given as placeholder colors that may be replaced with the colors of your choice.

Base

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Border

Shape

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Square

remove border-radius property

Hard rounded

5px

Soft rounded

10px

Round

20px

Width

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Extra thin

1px

Thin

2px

Medium

3px

Thick

4px

Extra thick

5px

Style

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

All styles

replace with style name

None

remove border property, add value to padding property

Effect

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Glow

0 0 5px black

Soft shadow

2px 2px 2px rgba(0,0,0,0.5)

Hard shadow

2px 2px rgba(0,0,0,0.5)

Raised

1px 1px gray

Text

Color

 [[User:Username|_____]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

¹ Will only affect non-link text in the signature body.

Solid

Username

Alternated

Username

Gradient

Username

Font

[[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Fonts with one-word names

replace with font name

Fonts with multiple-word names

replace with font name in single quotes, ex. 'Times New Roman'

Capitalization

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Lowercase

text-transform:lowercase;

Uppercase

text-transform:uppercase;

Small caps

font-variant:small-caps;

Style

<s>[[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| <s>{{{1|}}}}}

Plain

leave out all indicated properties

Bold

font-weight:bold;

Italic

font-style:italic;

Underline

text

Strikethrough

<s>text

Effect

[[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Glow

0 0 5px black

Blur

0 0 2px black; -webkit-text-fill-color:transparent

Soft shadow

2px 2px 2px rgba(0,0,0,0.5)

Hard shadow

2px 2px rgba(0,0,0,0.5)

Raised

1px 1px gray

Background

Color

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

None

remove background property

Solid

white

Style

Gradient

Vertical

linear-gradient(white, gray)

Horizontal

linear-gradient(to right, white, gray)

Diagonal

linear-gradient(to bottom right, white, gray)

Radial

radial-gradient(white, gray)

Split

Vertical

linear-gradient(white 50%, gray 50%)

Horizontal

linear-gradient(to right, white 50%, gray 50%)

Diagonal

linear-gradient(to bottom right, white 50%, gray 50%)

Radial

conic-gradient(gray 90deg, white 90deg 180deg, gray 180deg 270deg, white 270deg)

Stripe

Vertical

repeating-linear-gradient(white 0 5px, gray 5px 10px)

Horizontal

repeating-linear-gradient(to right, white 0 5px, gray 5px 10px)

Diagonal

repeating-linear-gradient(-45deg, white 0 5px, gray 5px 10px)

Radial

repeating-radial-gradient(circle, white 0 5px, gray 5px 10px)

Special

Checkers

conic-gradient(gray 90deg, white 90deg 180deg, gray 180deg 270deg, white 270deg); background-size:10px 10px

Dots

radial-gradient(gray 30%, transparent 0), radial-gradient(gray 30%, transparent 0), white; background-size:10px 10px; background-position:0 0, 5px 5px

Grid

repeating-linear-gradient(gray 0 1px, transparent 1px 5px), repeating-linear-gradient(to right, gray 0 1px, transparent 1px 5px), white

Hearts

linear-gradient(135deg, gray 3px, transparent 3px) 0 10px, linear-gradient(-135deg, gray 3px, transparent 3px) 0 10px, radial-gradient(circle at 17.9px 18.5px, gray 2.55px, transparent 2.61px) 0 -10px, radial-gradient(circle at 2.1px 18.5px, gray 2.55px, transparent 2.61px) 0 -10px, linear-gradient(135deg, gray 3px, transparent 3px) 10px 0, linear-gradient(-135deg, gray 3px, transparent 3px) 10px 0, radial-gradient(circle at 17.9px 18.5px, gray 2.55px, transparent 2.61px) 10px 0, radial-gradient(circle at 2.1px 18.5px, gray 2.55px, transparent 2.61px) 10px 0, white; background-size:20px 20px

Houndstooth

linear-gradient(-45deg, white 25%, transparent 25%, transparent 75%, gray 75%, gray) 0 0, linear-gradient(-45deg, gray 25%, transparent 25%, transparent 75%, white 75%, white) 5px 5px, linear-gradient(45deg, gray 17%, transparent 17%, transparent 25%, gray 25%, gray 36%, transparent 36%, transparent 64%, gray 64%, gray 75%, transparent 75%, transparent 83%, gray 83%) 5px 5px, white; background-size:10px 10px

Plaid

Use this tool to find the RGB/255 values for any color.

white; background-image:linear-gradient(90deg, rgba(128,128,128,0.5) 50%, transparent 50%), linear-gradient(rgba(128,128,128,0.5)50%, transparent 50%); background-size:10px 10px

Triangles

linear-gradient(115deg, transparent 75%, gray 75%) 0 0, linear-gradient(245deg, transparent 75%, gray 75%) 0 0, linear-gradient(115deg, transparent 75%, gray 75%) 3.5px -7.5px, linear-gradient(245deg, transparent 75%, gray 75%) 3.5px -7.5px, white; background-size:7.5px 15px

Waves

radial-gradient(circle at 100% 50%, transparent 20%, gray 20% 40%, transparent 40%), radial-gradient(circle at 0% 50%, transparent 20%, gray 20% 40%, transparent 40%) 0 -7.5px, white; background-size:10px 15px

Zigzag

linear-gradient(135deg, gray 25%, transparent 25%) -5px 0, linear-gradient(225deg, gray 25%, transparent 25%) -5px 0, linear-gradient(315deg, gray 25%, transparent 25%), linear-gradient(45deg, gray 25%, transparent 25%), white; background-size:10px 10px

Timestamp

Open

 [[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{#if:{{{1|}}}| {{{1|}}}}}

Contained

[[User:Username|Username]] [[Message Wall:Username|M]]·[[Special:Contributions/Username|C]]·[[Special:Editcount/Username|E]] {{{#if:{{{1|}}}| {{{1|}}} }}