Layouts

Image Hover Codes

Place the following codes in your "about me". They are hover codes, which means the effect will occur when you hover, or position your mouse over the image as if about to click on it. Any image links (such as the pictures in your top 8, or your default picture) will create the following effects when hovered over:

flip horizontally:

<style type="text/css"> a:hover img {filter:fliph;} </style>

flip vertically:

<style type="text/css"> a:hover img {filter:flipv;} </style>

blur:

<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>

black and white:

<style type="text/css"> a:hover img {filter:gray;} </style>

emboss:

<style type="text/css"> a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

Invert colors:

<style type="text/css"> a:hover img {filter:invert;} </style>

x-ray:

<style type="text/css">a:hover img {filter:xray();} </style>

motion blur:

<STYLE>a:hover img {filter: Blur(Add = 1, Direction = 225, Strength = 10);}</STYLE>

wave:

<STYLE>a:hover img {filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10);}</STYLE>

Fade:

<STYLE>a:hover img {filter: alpha(opacity=30);}</STYLE>

transparent circle:

<STYLE>a:hover img {filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}</STYLE>