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