Disney Information Station Logo

Go Back   The DIS Discussion Forums - DISboards.com > Technical Support > Technical Support
Find Hotel Specials & DIScounts
 
facebooktwitterpinterestgoogle plusyoutubeDIS UpdatesDIS email updates
Register Chat FAQ Tickers Search Today's Posts Mark Forums Read





Closed Thread
 
Thread Tools Rate Thread Display Modes
Old 04-30-2001, 11:20 PM   #1
Mary Jo
Techarita
Loves the star on the mountain
 
Mary Jo's Avatar
 
Join Date: Dec 1998
Location: West of the original Magic Kingdom
Posts: 25,549
DISboards Moderator

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

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: &lt;font color=navy> is considered a beginning tag and &lt;/font> is a closing tag

To change the color of your font
&lt;font color=color>text&lt;/font>

<font color=red>RED</font> &lt;font color=red>Type your text here&lt;/font> <font color=red>Type your text here</font>
<font color=blue>BLUE</font> &lt;font color=blue>Sample message&lt;/font> <font color=blue>Sample message</font>
<font color=navy>NAVY</font> &lt;font color=navy>Another example&lt;/font> <font color=navy>Another example</font>
<font color=green>GREEN</font> &lt;font color=green>Your text here&lt;/font> <font color=green>Your text here</font>
<font color=#993333>BROWN</font> &lt;font color=#993333>Example&lt;/font> <font color=#993333>Example</font>
<font color=#FF0066>DARK PINK</font> &lt;font color=#FF0066>Message&lt;/font> <font color=#FF0066>Message</font>
<font color=#FF9900>ORANGE</font> &lt;font color=#FF9900>Type a note here&lt;/font> <font color=#FF9900>Type a note here</font>
<font color=#6600CC>VIOLET</font> &lt;font color=#6600CC>More text&lt;/font> <font color=#6600CC>More text</font>
<font color=#006600>DARK GREEN</font> &lt;font color=#006600>Last example&lt;/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> &lt;font size=1>Text&lt;/font> <font size=1>Text</font>
<font size=2>size2</font> &lt;font size=2>Text&lt;/font> <font size=2>Text</font>
<font size=3>size3</font> &lt;font size=3>Text&lt;/font> <font size=3>Text</font>
<font size=4>size4</font> &lt;font size=4>Text&lt;/font> <font size=4>Text</font>
<font size=5>size5</font> &lt;font size=5>Text&lt;/font><font size=5>Text</font>
<font size=6>size6</font> &lt;font size=6>Text&lt;/font> <font size=6>Text</font>
<font size=7>size7</font>&lt;font size=7>Text&lt;/font> <font size=7>Text</font>
<font size=8>size8</font> &lt;font size=8>Text&lt;/font> <font size=8>Text</font>

To combine the color and size

&lt;font size=4 color="#800080">This is size four&lt;/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> &lt;font face="Book Antiqua">Type message&lt;/font><font face="Book Antiqua">Type message</font>
<font face="BrushArt">BrushArt</font> &lt;font face="BrushArt">Type it here&lt;/font> <font face="BrushArt">Type it here</font>
<font face="Comic Sans MS">Comic Sans MS</font> &lt;font face="Comic Sans MS">Your message&lt;/font> <font face="Comic Sans MS">Your message</font>
<font face="Times New Roman">Times New Roman</font> &lt;font face="Times New Roman">Your post&lt;/font> <font face="Times New Roman">Your post</font>

To center your text or graphic

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

To have your text scroll across the page

&lt;marquee>The DIS is the best!&lt;/marquee>
<marquee>The DIS is the best!</marquee>

To have your text scroll to the right

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

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

&lt;marquee direction="right" align="middle" behavior="alternate">T I double-G ER&lt;/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

&lt;font size="5">&lt;font color="#FF0000">&lt;font face="Comic Sans MS">&lt;marquee direction="right" align="middle" behavior="alternate">Thank you, Pete!!&lt;/marquee>&lt;/font>&lt;/font>&lt;/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

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

or

[img]http://www.wdwinfo.com/images/newind1.jpg[/img]


change it to this:

&lt;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.
Mary Jo is offline  
Closed Thread



Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

facebooktwitterpinterestgoogle plusyoutubeDIS Updates
GET OUR DIS UPDATES DELIVERED BY EMAIL



All times are GMT -5. The time now is 06:06 PM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.

Copyright © 1997-2014, Werner Technologies, LLC. All Rights Reserved.