Tutorials?!
YES! I decided in effort to help New Caleida-ians everywhere, I'm going to do a tutorial every once in a while. And as miyavi so powerfully chanted, lets give power back to the people! WOO!
XD

Okay. Here we go.

NOTE: All my effects/overrides are tested in generator and generator ONLY. Okay? NOT just these, BUT ALL OVERRIDES USED FROM NOW AND INTO THE FUTURE ARE USED IN GENERATOR. WHY? BECAUSE GENERATOR CAN DO THE MOST STUFF. ^_^

Okay. Again. Here we go.

So ya wanna know how to make your links fancy?

GLOBAL_HEAD<*=*
<*style type="text/css">
<*!*--
A:link { color: #0000FF;
text-decoration: underline 1px #0000FF;
}
A:visited { color: #CC66CC;
text-decoration: underline 1px #0000FF;
}
A:active { color: #0000FF;
}
A:hover { color: #0000FF;
cursor: auto;
text-decoration: underline 1px #0000FF;
}
<*/*style>
<*=*GLOBAL_HEAD

that's what your links automatically look like.

here is actually a pretty cool chart of some a:hover properities, which is what you all think of as link effects. Thank you slack, you're a goddess. <3 <3

WAIT THOUGH WAIT OMG I WANT DAT NIFTY BLURRY/WAVEY/SHASDOWDY EFFECT! GIMMIE GIMMIE GIMMIE!

Hold your damn horses.

Okay. A little pre-lesson first. Some of these properties use directions, which have you decide what direction something blurs/shadows/dropshadows.

The numbers stand for the following:

0 (top)
45 (top right)
90 (right)
135 (bottom right)
180 (bottom)
225 (bottom left)
270 (left)
315 (top left)

I kind of think of it as degrees. Eh? Okay, that's sort of stupid. Oh well.


Glow
filter:glow(Color=#003399,Strength=2);

Color is, obviously, the color of the glow and strength is how glowey.

Blur
filter:blur(Add=1,Strength=4,Direction=45);

I guess add is how much you add to it pixels wise and strength how blurry. I don't know, I haven't ever used this filter before.

Wave
filter:wave(Add=1,Freq=2,LightStrength=20,Phase=45,Strength=3);

Frequency is how many waves and light strength is how strong the light is.

You would add all these to your A: Hover section. So lets make ourselves some pretty damned fancy links, ok?

GLOBAL_HEAD<*=*
<*style type="text/css">
<*!*--
A:link { color: #FF6600;
text-decoration: underline 1px solid #0000FF;
}
A:visited { color: #CCCCFF ;
}
A:active { color: #FF6600;
}
A:hover { color: #0000FF;
cursor: auto;
text-decoration: underline 1px dashed #FF99FF ;
overline 1px dashed #CC9900;
line-through dashed #006666;
font-weight: bold;
background-color: #FFFFCC;
font-style: italic;
line-height: 2px;
text-transform: uppercase;
letter-spacing: 5 px;
filter:
wave(Add=1,Freq=2,LightStrength=20,Phase=45,Strength=3);
blur(Add=1,Strength=4,Direction=45);
filter:glow(Color=#003399,Strength=2);
}
<*/*style>
<*=*GLOBAL_HEAD

So there you have it folks. The most seizure-inducing links your eyes will ever see. O________O

NOTE: THIS A: HOVER AND ENTIRE OVERRIDE PROBABLY LOOKS AWFUL. NOT ONLY WILL HAVING SO MANY EFFECTS HURT YOUR EYES, I ALSO JUST RANDOMLY SELECTED COLOR CODES OFF A CHART WITHOUT ANY SCHEME IN MIND. I DO NOT RECCOMEND USING THIS AS AN OVERRIDE THIS IS JUST ME SHOWING YOU HOW IT ALL LOOKS TOGETHER. REMEMBER TO TAKE OUT THE *'S

Woo. Have fun folks.




WARNING: ALL CSS FILTERS WILL ONLY WORK IN INTERNET EXPLORER. IN INTERNET EXPLORER ON MACS, THE LINKS CAN'T EVEN BE CLICKED. I DO NOT RECCOMMEND USING THEM AND SWEAR SOLEMNLY NOT TO USE THEM MYSELF.

-deep even breaths-

damn migraine. -hits head-