Thread:Andrey Andrey/@comment-26415383-20151216192513/@comment-25390652-20151216212333

Well, let's look at my signature as example. Always watching  The result ↓ Always watching

There are 2 different ways to create signatures like this:#html tags (like "div" tag)#tables (with usage of "{|","|" and "|}" )The second way is harder to make and it breaks in visual editor, so let's review the tags.

All tags have the same structure, opening and closing keywords/tags: content Sometimes tags have attributes that can change the tag work: content And the most interensting tag attribute is style. It uses CSS elements and attributes that can be used in the page with the tag usage without css changing: content

Now let's look at the style attributes my signature uses and what they change:
 * width
 * width:260px (used above — takes 260px)
 * width:auto (the browser calculates the width) Always watching To signature.png
 * width:80% (takes 80% of the given place. Can take even more if >100) Always watching To signature.png
 * border
 * border:solid 2px #FF3030 (used above. solid 3px red (#FF3030) border)
 * border:none (default value. Specifies no border.) Always watching To signature.png
 * border:dotted 3px blue (dotted 3px blue border) Always watching To signature.png
 * border:dashed rgba(60, 250, 111, 0.5) 5px (dotted 5px lightgreen border with 0.5 opacity) Always watching To signature.png
 * border:double 8px #FF3030 (Specifies a double border) Always watching To signature.png
 * border:groove 8px #FF3030 (Specifies a 3D grooved border) Always watching To signature.png
 * border:ridge 8px #FF3030 (Specifies a 3D ridged border) Always watching To signature.png
 * border:inset 8px #FF3030 (Specifies a 3D inset border) Always watching To signature.png
 * border:outset 8px #FF3030 (3D outset border) Always watching To signature.png