Community

1 Using HTML and CSS
1.1 Styling

Formatting and semantic markup
 

<i>italic   text</i>     italic   text

<b>bold   text</b>     bold   text

<s>strikethrough   text</s> strikethrough   text
     
<em>text with   emphasis (usually rendered italic)</em> text with   emphasis (usually rendered italic)

<strong>text with   strong emphasis (usually bold)</strong> text with   strong emphasis (usually bold)
 


Font size

Example:    <span   style="font-size:14pt;">10pt</span>
Result:    10pt
 

Font typeface

You can set the font to whatever typeface you wish, but be aware that obscure fonts are unlikely to exist on most people's computers. Also note  that fonts whose names have spaces in them must be surrounded by single quotes.

Example: <span style="font-family:'Times New Roman';">Times   New Roman</span>
Result:    Times   New Roman


You can (and usually should) specify a list of fonts, separated by commas. Subsequent entries in the list are used if the first font is unavailable on a user's
system. Preferably, the list should end with what is known as a generic family name. The generic family names are serif, sans-serif, cursive, fantasy and monospace. These indicate what type of font should be substituted if the user has none of the specified fonts on their machine.

Example:    <span   style="font-family:Times,'Times New Roman',serif;">Times, TNR,   any serif</span>

Result:    Times, TNR,

Example: <span style="font-family:'Lucida   Handwriting',cursive;">Lucida or any cursive</span>
 

Result: Lucida or any cursive




Font color

There are two ways to specify font colours - by name or by value. Names are things like "Blue", "DarkOrchid", or "LightGoldenRodYellow" and a list
of the valid colour names can be found here. Values are specified with 8-bit hexadecimal values for each of the red, green and blue (RGB) channels.
They are preceded with a hash (#) sign.

Example: <span   style="color:red;">Red</span>

Result:    Red

Combining font settings

You can combine as many CSS properties into one style="" attribute as you like - each property : value pair should be separated by a semicolon
(which should also appear at the end of every style attribute).

Example:    <span   style="color:#FF0000;font-size:12pt;font-family:Times;">Red 12   point Times</span>
Result:    Red 12   point Times

Example: <span   style="font-size:11pt;font-family:Courier;font-weight:bold;">Bold   11 point Courier</span>
Result:Bold   11 point Courier

Shorthand notation for font settings

Instead of setting the size, style and typeface individually, you can take advantage of the CSS font: shorthand notation. Basically, you simply put whatever
 font settings you want, separated by spaces, in the font: property. You can put any valid value for font-style, font-variant, font-weight, font-size,
and font-family. For this shorthand notation to be recognized, you must include both a font-family setting, and a font-size setting.

Example:    <span   style="font:bold 12pt Times;">12pt Times bold</span>
Result:  12pt Times bold
Example: <span style="font:italic small-caps 14pt   Arial;">Italic, small caps, 14pt Arial</span>
Result: Italic, small caps, 14pt Arial 


Interestingly, this is the only way we can access the line-height: property. Setting the line-height on its own won't work because it gets removed.
 But the font: shorthand will accept a value for font-size that includes a line-height parameter (placed immediately after the font-size setting and
separated by a forward slash).


Example:    <span   style="font:12pt/28pt Times;">Set font-size to 12pt and   line-height to 28pt</span>
Result:    Set font-size to 12pt and   line-height to 28pt

Headings

There are six different headers in HTML, with one being the most prominent.
Example:    <h5>Heading size   five</h5>
Result:   

Heading size   five

HTML character entities

Character entities are used to insert special characters, including the < and > brackets that normally denote an HTML tag. You can find one list of character
entities here but there are many lists on the net.
Example: &amp;&lt; &gt; &quot; &cent; &pound; &yen;<br />&copy; &reg; &trade; &deg; &nbsp;
Result:    &< > " ¢ £ ¥© ® ™ °  

For the people looking for their sigs you can do a goggle search and used the cached pages to pull up the old stuff so you can still copy and paste it from there,  for example in the search box you could type in:

 

site:forums.gleemax.com azavander

 

this will pull up post that include my user name and than you can select cached instead of clicking on the link.  The page will look like this one:

 

74.125.155.132/search?q=cache:cChE32WI2J..

 

One other thing you can do if your signature is more complicated, in Firefox when you are on the thread you can go to View --> Page Source which will bring up all the coding  From there do a Ctrl+F and input part of your sig that might be unique, that will take you to the part f the page than contains your signature information.

The more complicated your signature, the more stray HTML you are going to have to edit out. For example, spoiler blocking and and hide boxes will not works so you will maunually have to edit that out.  It's pretty easy after you post your signature to look at what should not be there and do a CTRL +F and edit it out.

The only negative part of this at this point is that since there is no spoiler blocking it just shows the quotes, which can make the signature rather lengthy.

 

This process should take no more than 5 minutes.

 

This is a sooner rather than later project as Google Cache is temporary at best.