Sunteți pe pagina 1din 16

Font Effects and Attributes

Marquee, Font Size, Font Color

BASIC MARQUEE
The Code <marquee>Enter Your Text Here</marquee>

SCROLLING UP MARQUEE
The Code <marquee direction="up">Enter Your Text Here</marquee>

SCROLLING DOWN MARQUEE


The Code <marquee direction="down">Enter Your Text Here</marquee>

COLOR & FONT CHANGE MARQUEE


The Code <marquee> <font face="Comic Sans MS" size=3 color="#FF00AA"> Enter Your Text Here</font> </marquee>

BOUNCING TEXT MARQUEE


The Code <marquee behavior="alternate">Enter Your Text Here</marquee>

SCROLLAMOUNT
The higher the scroll amount number, the faster the marquee goes! If you wish you can set your scroll amount to "100" for a SUPER fast marquee. The Code <marquee scrollamount="1">Enter Your Text Here</marquee> <marquee scrollamount="5">Enter Your Text Here</marquee> <marquee scrollamount="10">Enter Your Text Here</marquee>

BACKGROUND MARQUEE
The Code <font color="#FFFFFF"><marquee direction="left" style="background:#0000CC">Enter Your Text Here</marquee></font>

BORDER MARQUEE
The Code <marquee style="border:#9932CC 2px SOLID"><font color="0276FD">Enter Your Text Here</font></marquee></a> You can change the thickness of your border by changing the 2. The higher the number, the thicker your border.

SCROLLING IMAGE MARQUEE


This image scrolls to the right. To change the direction just change the part in the code after direction. You can change it to 'right' to 'left', 'up' or 'down' - depending on which way you want your image to go. The Code <marquee behavior="scroll" direction="right"><img src=" your filename.gif (or .jpg)"></marquee>

SCROLLING IMAGE WITH TEXT MARQUEE


This image scrolls to the right. To change the direction just change the part in the code after direction. You can change it to 'right' to 'left', 'up' or 'down' - depending on which way you want your image to go. The Code <marquee behavior="scroll" direction="right"><img src="your filename.gif (or .jpg)"><BR>Your Text Goes Here</marquee>

SCROLLING TEXT WITH BACKGROUND IMAGE


I have an image background! The Code

<table background="your filename.gif (or .jpg)" width=100%><tr><td> <marquee><font color="#8B0000"><B>Enter Your Text Here</B></font></marquee> </td></tr></table>

Font size
Just like font color, you add the size attribute to the "<font>" tag. <font size="2">Enter Your Text Here</font>

<font size="3">Enter Your Text Here</font>


<font size="4">Enter Your Text Here</font>

<font size="5">Enter Your Text Here</font>


<font size="6">Enter Your Text Here</font>

HI-LIGHTING" TEXT
It's really easy to Hi-Light your text! Just replace my FFFF00 in the code below with your own hilight color. You can also change my 0276FD font color to any you choose. You can find color codes here - The Hex Hub The Code <span style="background-color:#FFFF00"> <font color="#0276FD">Insert your text here</font> </span>

RAINBOW TEXT
HTML The Code <span style="color:#FF3E96; font-size: 25pt">H</span> <span style="color:#BF3EFF; font-size: 25pt">T</span> <span style="color:#00E5EE; font-size: 25pt">M</span> <span style="color:#FFFF00; font-size: 25pt">L</span> * PLEASE NOTE - You can change my colors, text size and text (everything in blue) to any that you choose. For font size change my 25 to any number you like. The higher the number, the larger the font. The smaller the number, the smaller the font.

References
http://www.carvia.net/texteffects.html

S-ar putea să vă placă și