Make your own free website on Tripod.com

 

Dhtml_fx+CT_html

 

 

Some Fun Text Effects (FX)

 

 Filter effects codes are called DHTML.

 

 OTHER HTML we use in CT a lot is at bottom of page!

 

Codes we use a lot in CT such as for signature card, inbox configure, message board (uses same exact html codes as inbox), & a background for your home's 2D page when you 1st get there, are at the bottom of page, beginning about half way through the whole thing.

 

 THIS IS ALL VERY EASY!

 Copy/paste with most of this. It's what most people do, as nobody remembers every detail of things like this if you don't use them a lot. Don't be afraid to experiment! It gets easy when you try it the 1st time! You can always change it, or delete & start over. Once you try a combination of filters, it increases confidence & you feel & see how easy it is!

*************

ALWAYS END EVERYTHING with </whatever u told it to do> such as </font>

 

+ on CT things, always hit update if there is 1! Or what you just did won't work!

 

The Effects Codes may be used with text and/or images! THESE MAY BE USED FOR TEXT OR IMAGES IN A TEXT LINE ALSO!

****************

  

 

Color Codes Charts

I'll be putting a color picker on my site soon or I already did. Click your back button & find it in the list at the index.

 

OR TRY-http://falco.elte.hu/COMP/HTML/colors.html

 

OR maybe my tripod server allows all to use theirs-

http://hotwired.lycos.com/webmonkey/reference/color_codes/

***********************

A plain marquee-

<BR><font color="yellow"><font size="5"><marquee>Home of YOUR NAME or ? </marquee></font><BR><BR>

*****************************************************************

GLOW- text glow filter code-

<style="filter:glow(color=#AABBCC strength=20) ">

This can be inserted with the part of your html where you have "<font color="___"> or other things about the style or font to be used.

* Like- <font color="red"><font size="3"><div style="width:60%; filter:Glow(color=#BB00FF, strength=36)"></style> Then don't forget to add the </ font</font color><p>

 

Background color on both above & below

 makes a BIG difference too!

 

Glow- A plain marquee with text glow added

<BR><font color="yellow"><font size="5"><style="filter:glow(color=#AABBCC strength=20) ">

<marquee>Home under the Sea </marquee></font><BR>

*****************************************************************

A Better Way-

SheFae's Inbox for example- HAS GLOW text filter    & a few other things.

 

A Marquee for Shefae’s Inbox

<marquee behavior="alternate" scrollamount="5" hspace="100" bgcolor=#000088><font color=#FFCCCC><div style="width:60%; filter:Glow(color=#BB00FF, strength=36)"><font size=5><i><u>

<center>SheFae</marquee></font></center>

 

A Marquee with an image-gif or picture. A train gif looks great this way. So would bugs, footprints, text, etc.

<BR><font color="yellow"><font size="5"><marquee><img src="http://www. url of a pic on your site">Hop on, let's go for a ride! </marquee></font><BR><BR>

This will come in from the left & keep doing so.

 

Just add the word "behavior" & your instructions behind "marquee", if needed.

   Use samples above to tell it a speed if you want.  OR like this- <marquee scrollamount="5"> </marquee> It tells it to do marquee & the speed to do it all in one short code.

 

**See the differences and the similarities from above to next codes? Last 1 also has underline & italics, which looks nice. And alternating directions on marquee scroll makes it go back & forth instead of just one direction.

 

-You can also get a neon glow kind of effect by using a colored shadow on text & using bright color & 1 not so bright, or 2 brights.

 

 You can change the color to a NAMED COLOR. Enclose it in "  ".

Such as "red". For example where it says bgcolor=, you can use this instead- bgcolor="red". Same goes for using a color name in font code. If you forget to use "   ", it won't work. Even Microsoft Word used to make a web page uses color names & color codes both.

******************************************************************

     REMEMBER THESE MAY BE USED FOR TEXT OR IMAGES IN A TEXT LINE ALSO! Even small images can be used on a line if it fits! Or you can change the height of the line by making text bigger and/or the size in the code itself bigger, in some cases such as  glow with a background color.

 

FX Regular Text Shadow-Remember-You can also get a neon glow kind of effect by using a colored shadow or drop shadow on text & using bright color & 1 not so bright, or 2 brights.

 

<DIV STYLE="filter: shadow(color=#ffff00,direction=45); width:540; color:#000000;">

<FONT SIZE="7" FACE="arial" COLOR="#ff0000">

<B>PUT YOUR TEXT HERE</B></FONT></DIV>

*************

 

For the below codes, check out where it says "filter:" in the above examples. Some nice effects can be obtained using these filters such as a neon effect when you use 2 colors. etc. These can all be used together mix & match, if you want. See SheFae's inbox example below.

 

Just add these after the font code directions.

Drop Shadow-

<style="filter:dropShadow(color=#222222 offX=5 offY=5 positive=true) ">

*****************************************************************

To make an image transparent add this-

(it's called Alpha-Make Image Transparent)

<style="filter:alpha(opacity=30) ">

*****************************************************************

Light Image Effect-

<style="filter:light() ">

Seems I've seen more to add to this 1, but this is what I found online so far. Check around. WAVE IMAGE

S tyle=”filter:wave(add=false freq=5 lightStrength=19 phase=89 strength=20) “filter below has a light strength-maybe try it? You can always delete. lol

*****************************************************************

XRAY IMAGE filter

<style="filter:xray() ">

*****************************************************************

WAVE IMAGE filter

<style="filter:wave(add=false freq=5 lightStrength=19 phase=89 strength=20) ">

*****************************************************************

All above can be combined with other filters!

 

Go see Draac.com for examples of how this will look.

***************

 

Other HTML we use a lot in CT

 

Signature card

 Obviously you must have a signature card made on your pc & upload it to a website. Then-

Click My Info on panel at right in CT-then Personal Info-then in signature box enter-

<p><a href="/home/YOUR NICKNAME or INBOX URL" target="_blank"><img src="YOUR SIG CARD image URL"> </a>

BUT change the words! USE YOUR OWN  URL and card URL!!  Click update-don't forget that!:)

******************************************************************

2D page background at your home

To change 2D page background, on page you see when you 1st get to your CT home. For the 2D page, your image you have there usually will still be there, over the background. Unless you go into update & remove it.

In Info page- in place marked "homepage", enter this with your words added:

<style>body{color=white;background:url(http://www.YourSite.com/YourFile.jpg);}</style>

 

You can modify some of the parameters: - "color:white" will be the color of the text (name, experience etc) According to the background you choose, you might need to change the text color .  The Homepage Field is limited with the number of characters.  Be sure your file URL is not too long. Your URL needs ( ) around it, don't change that.

And don't forget to hit update at bottom of that window!

****************************************************************

Sound Embed-For your inbox, message boards etc-

<embed src=

"http://location & song name here.mid"

controls="console" height="45" width="70" loop="true" autostart="true" hidden="false">

*******************************************************************

Backgrounds codes & colors in CT or a website-

<BODY BACKGROUND="(A pic or image on a site, use a url)" BGCOLOR="#000000" LINK="#00FF00" VLINK="#FFFF00" ALINK="#FFFFFF" TEXT="#D0DBF7">

<FONT face="Arial, Helvetica, sans-serif" size=-1>Hi

</BODY BACKGROUND></FONT>  

Use just bg (background)color without body background if you want.

 

ALWAYS END EVERYTHING BY </ whatever u told it to do>

*******************************************************************

Link Codes

 

<a href="url here" target=_blank><font color="blue">TEXT</a></font><br>

 

 Link Code 2-

the words "Amy Brown amybrownart.com" in 2nd line show as text, underlined, so it may clicked to go to that site you told it to go to in 1st line.

 

<a href="http://www.amybrownart.com/" target=_blank><font color="blue">Amy Brown amybrownart.com</a></font>

For buttons do the  <a href> 1st, then, in separate < brackets, do the img src=

<img src="http://www._____________.gif or jpg"> If doing site, use Border=0  or a #     after the .gif in img src line.

 

Also, to make the link popup in a new window so they stay in site they are in, add target_blank inside the href tag, as above.

 

*********************************************************************

 Great Samples of A MARQUEE code By Draac.com

Just mix the parts together! Use the samples above to help figure them out-they are FUN when you get it! Like in SheFae's code for inbox. AGAIN at bottom after this short bit.**

<marquee bgcolor="#00ffff">Draac.Com</marquee>

<marquee direction="right">Draac.Com</marquee>

***width and/or height ***

<marquee width="200">Draac.Com</marquee>

<marquee behavior="alternate">Draac.Com</marquee>

***speed of the marquee ***  30=fast  200=slow

<marquee scrollamount="30">Draac.Com</marquee>

<marquee scrolldelay="200">Draac.Com</marquee>

 

*****Shefae’s inbox code-has marquee & text glow & background color, direction, etc. Again-

<marquee behavior="alternate" scrollamount="5" hspace="100" bgcolor=#000088><font color=#FFCCCC><div style="width:60%; filter:Glow(color=#BB00FF, strength=36)"><font size=5><i><b><u><center>SheFae</marquee></font></center>

****************************************************************

AGAIN, Don't be afraid to experiment! It gets easy when you try it the 1st time! You can always change it, or delete & start over. Once you try a combination of filters, it increases confidence & you feel & see how easy it is!

Don't put it off, try it right now! You'll see!:)

Hope you have a lot of fun! :) Skye-hook