FONT HINTS (changing the look, scrolling...) & RESIZING CLIPART

[WebmasterMaryJo]

The new boards offer a lot of opportunities to dress up our posts. These instructions show you how to add just a little more using HTML coding.
HTML uses < and >


Remember, you always have to have a beginning tag and a closing tag, or HTML/UBB will not work.
Example: <font color=navy> is considered a beginning tag and </font> is a closing tag

To change the color of your font
<font color=color>text</font>

<font color=red>RED</font> <font color=red>Type your text here</font> <font color=red>Type your text here</font>
<font color=blue>BLUE</font> <font color=blue>Sample message</font> <font color=blue>Sample message</font>
<font color=navy>NAVY</font> <font color=navy>Another example</font> <font color=navy>Another example</font>
<font color=green>GREEN</font> <font color=green>Your text here</font> <font color=green>Your text here</font>
<font color=#993333>BROWN</font> <font color=#993333>Example</font> <font color=#993333>Example</font>
<font color=#FF0066>DARK PINK</font> <font color=#FF0066>Message</font> <font color=#FF0066>Message</font>
<font color=#FF9900>ORANGE</font> <font color=#FF9900>Type a note here</font> <font color=#FF9900>Type a note here</font>
<font color=#6600CC>VIOLET</font> <font color=#6600CC>More text</font> <font color=#6600CC>More text</font>
<font color=#006600>DARK GREEN</font> <font color=#006600>Last example</font> <font color=#006600>Last example</font>

For even more color choices, try this site: http://www.visibone.com/colorlab/big.html
(Thanks, Lisa for that link)

To change the size of the font

<font size=1>size1</font> <font size=1>Text</font> <font size=1>Text</font>
<font size=2>size2</font> <font size=2>Text</font> <font size=2>Text</font>
<font size=3>size3</font> <font size=3>Text</font> <font size=3>Text</font>
<font size=4>size4</font> <font size=4>Text</font> <font size=4>Text</font>
<font size=5>size5</font> <font size=5>Text</font><font size=5>Text</font>
<font size=6>size6</font> <font size=6>Text</font> <font size=6>Text</font>
<font size=7>size7</font><font size=7>Text</font> <font size=7>Text</font>
<font size=8>size8</font> <font size=8>Text</font> <font size=8>Text</font>

To combine the color and size

<font size=4 color="#800080">This is size four</font> <font size=4 color="#800080">This is size four</font>

To change the look of the font

<font face="Book Antiqua">Book Antiqua</font> <font face="Book Antiqua">Type message</font><font face="Book Antiqua">Type message</font>
<font face="BrushArt">BrushArt</font> <font face="BrushArt">Type it here</font> <font face="BrushArt">Type it here</font>
<font face="Comic Sans MS">Comic Sans MS</font> <font face="Comic Sans MS">Your message</font> <font face="Comic Sans MS">Your message</font>
<font face="Times New Roman">Times New Roman</font> <font face="Times New Roman">Your post</font> <font face="Times New Roman">Your post</font>

To center your text or graphic

<center>CENTER</center>
<center>Your text or graphic will be in the center</center>

To have your text scroll across the page

<marquee>The DIS is the best!</marquee>
<marquee>The DIS is the best!</marquee>

To have your text scroll to the right

<marquee direction="right">The DIS is the best!</marquee>
<marquee direction="right">The DIS is the best!</marquee>

To have your text/graphic bounce back & forth (I like this one)

<marquee direction="right" align="middle" behavior="alternate">T I double-G ER</marquee>
<marquee direction="right" align="middle" behavior="alternate">T I double-G ER</marquee>

To combine changing font size, color and type, and have it bounce back & forth

<font size="5"><font color="#FF0000"><font face="Comic Sans MS"><marquee direction="right" align="middle" behavior="alternate">Thank you, Pete!!</marquee></font></font></font>
<font size="5"><font color="#FF0000><face="Comic Sans MS"><marquee direction="right" align="middle" behavior="alternate">Thank you, Pete!!</marquee></font></font></font>

To change the pixel size of your clipart (I copied this from Ran)

Add the width or height attributes to your IMG tag (whichever is bigger). For example, if your code presently reads

<IMG SRC="http://www.wdwinfo.com/images/newind1.jpg">
<IMG SRC="http://www.wdwinfo.com/images/newind1.jpg">

or

change it to this:

<IMG width="200" SRC="http://www.wdwinfo.com/images/newind1.jpg">
<IMG width="200" SRC="http://www.wdwinfo.com/images/newind1.jpg">

This will resize the display area for your pic to 200 pixels wide.
You can substitute height for width if your picture is taller.

If you need to reduce the byte size of your clipart, you will need graphic editing software. The clipart must be downloaded, resized, then uploaded to a website (yours preferably).

If you have any questions about any of this, create a new post on the Tech Support Board. We'll be glad to help.