Ramona (empyreal) wrote in customization, @ 2004-06-06 16:52:00

Text filters
The following override will alter the links in your journal when the cursor is hovered over them.





GLOBAL_HEAD<=
<style type="text/css">
<!--
a:hover {
filter:glow(Color=#cc99ff,Strength=2);
height: 0;
}
-->
</style>
<=GLOBAL_HEAD




The above example will cause your link to glow light purple. The color can be changed to suit your needs by replacing the current hexidecimal color code value (cc99ff) with a different vlaue. If you are in need of a hexadecimal color chart, one can be found here.

To change to a different filter, you need only change the filter within the override.

Blur: filter:blur(Add=1,Strength=4,Direction=45);
Horizontal Flip: filter: fliph();
Veritcal Flip: filter: flipv();
Glow: filter:glow(Color=#CC99FF,Strength=2);
Blur: filter:blur(Add=1,Strength=4,Direction=45);
Wave: filter:wave(Add=1,Freq=2,LightStrength=20,Phase=45,Strength=2);
Freq specifies the number of waves the filter makes, and LightStrength is a percentage value that specifies the strength of light on the wave effect
Shadow: filter:shadow(Color=#CC99FF,Direction=90);
Drop shadow: filter:dropshadow(Color=#CC99FF,Direction=135);
Fade: filter:progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#CC99FF,endcolorstr=#FEFEFE)}


The variables within the filters can also be changed to suit your needs.
Add specifies whether the original object will be added to the filter or not.
Strength effects how much the object will glow or blur, and can be changed to any single digit number that suits your needs.
Direction changes which direction the object is blurred from. ie. 0 (top), 45 (top right), 90 (right), 135 (bottom right), 180 (bottom), 225 (bottom left), 270 (left), and 315 (top left)

In the fade filter, you will need to specify which color you want to start (CC99FF)and end (FEFEFE) with. Currently it is set to fade from light purple to white.

Note that you should always merge your GLOBAL_HEAD overrides so that they function correctly. Information on merging overrides can be found here.

	blu 2004-06-07 02:19 (link)
	Also.. note that this only works in certain browsers. :P (Reply to this) (Thread)

(Reply from suspended user)

	Re: One Question empyreal 2004-06-11 21:20 (link)
	This question should be directed to Support. However, there is a FAQ available. (Reply to this) (Parent) (Thread)

(Reply from suspended user)

	empyreal 2004-08-25 16:46 (link)
	Tutorial (Reply to this) (Parent) (Thread)

	trail cursor nefertini 2004-06-16 09:16 (link)
	This website is an example of the kind of cursor I was looking to put on my journal... is that possible? Thanks for any help. (Reply to this) (Thread)

	Re: trail cursor empyreal 2004-06-16 19:13 (link)
	As explained in this FAQ, JavaScript is prohibited, thus you would not be able to use that cursor. (Reply to this) (Parent) (Thread)

	afferina 2004-06-16 13:44 (link)
	You are totally my new hero. -After Now- Sativa* (Reply to this) (Thread)

	empyreal 2004-08-25 16:47 (link)
	^.~ (Reply to this) (Parent) (Thread)

(Reply from suspended user)

	Can Anyone Help (Anonymous) 2004-06-29 15:42 (link)
	Does anyone know how to make font in your entries glow?? without hovering over just glowing??? (Reply to this) (Thread)

	(Anonymous) 2004-06-30 22:12 (link)
	Can you have your cursor without it being on hover? (Reply to this) (Thread)

	ima_dumbass 2004-08-04 11:24 (link)
	maybe im stupid.. [see my username] but how do you merge more than one text filter together? ive seriously been trying all day and i cant figure it out. i feel like an idiot but im sure its really not that hard. (Reply to this) (Thread)

	forgivemyscars 2004-08-25 16:35 (link)
	I love you, but is there any way that you can add TWO filters? (Reply to this) (Thread)

	empyreal 2004-08-25 16:43 (link)
	I haven't tried it, though I know you can add say a crosshair and a filter. (Reply to this) (Parent) (Thread)

	thank you! r4nd0m 2005-02-03 21:04 (link)
	I just wanted to say thanks! This page has helped me soooo much! I know I'll keep coming back here when I need help. *Haley* (Reply to this) (Thread)

	help? wildwildrose 2005-02-14 02:25 (link)
	How does one get a pic like yours put beside your name? I've looked but since I have NO idea what that's even called am having no luck. Can you help? (Reply to this) (Thread)

	gobsmacked 2005-03-04 20:47 (link)
	big smile big kiss* merci beaucoup (Reply to this) (Thread)

	magazine beyond_compare 2005-07-06 23:40 (link)
	Does this link effect work with the magazine style? cause it's not working on mine......=( (Reply to this) (Thread)

	silentmoon101 2005-11-01 16:14 (link)
	this is so awesome i have been using this for like forever!! =) but do u know how to make it so that the text is bold when u hover on a link? that would be awesome if you knew! thanks =) and thanks again for making this!!!!!! =) (Reply to this) (Thread)