Image Filters (Cool Image Effects)

FILTERS WORK IN INTERNET EXPLORER ONLY!

Alpha Channel


src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212"
style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)">



<img src=”URL TO PIC HERE” style=”Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)”>






Motion Blur

src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212" style="FILTER: Blur(Add = 0, Direction = 225, Strength = 10)">



<img src=”URL TO PIC HERE” style=”Filter: Blur(Add = 0, Direction = 225, Strength = 10)”>





Flip Vertical


src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212" style="FILTER: FlipV">



<img src=”URL TO PIC HERE“style=”Filter: FlipV”>





Horizontal Vertical


src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212" style="FILTER: FlipH">



<img src=”URL TO PIC HERE“style=”Filter: FlipH”>





GrayScale



src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212" style="FILTER: Gray">



<img src=”URL TO PIC HERE” style=”Filter: Gray”>





Invert


src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212" style="FILTER: Invert">



<img src=”URL TO PIC HERE” style=”Filter: Invert”>





Wave


src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212"
style="FILTER: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)">



<img src=”URL TO PIC HERE” style=”Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)”>





Xray


src="http://69.72.137.86/wp-content/blogs/26/uploads/Filter1.jpg" width="208" height="212" style="FILTER: xray">



<img src=”URL TO PIC HERE” style=”Filter: xray”>

Comments

Creating Text & Images Links

To display a text link:

<a href="URL_OF_SITE_HERE">Displayed Text </a>

To display a text link which opens into a new browser window:

Set target="_blank"

<a href="URL_OF_SITE_HERE" target="_blank">Displayed Text </a>

To make a picture a link:

<a href="URL_OF_SITE_HERE"><img src="URL_OF_IMAGE_HERE"></a>

 


Comments

Editing The Size of Images

Want to shrink a large image or expand the size of a small one? Then this is the code you need. Simply plug in the needed info below.

URL TO IMAGE = URL to the site and directory of the image. (?)
XXX = Replace for height and width of image. example: height="100" width="100".

You may also use our image code generator/resizing generator.

height="100" width="100"
height="200" width="200"
height="250" width="200"


Comments

Add Images to Your Myspace/Comments

Quickest Way (Less Control)

1. Upload to Tinypic.com

To Have Complete Control Of Your Pics

1. Go to a site such as PhotoBucket and create an account.
2. Upload Pictures to your PhotoBucket account from your computer.
3. Copy the TAG code and paste it wherever in you want thepicture to show.
4. To place a picture in a friends comments, simply paste the code into the comment entry box.

If you wish to use a picture you found on a website, just save the picture to your computer, and then upload.

Hot Linking URL from Site (Not recommended)

Right Click On The Picture and Click Properties. Then Copy The URL to the Picture and Put It In This Code

<img src="url to picture">

Comments

Have Text Scroll at the Top of your Page

Copy the code below and paste it anywhere on your MySpace.

<div style="position:absolute; top:150px; left:50%; margin-left:-400px; width:800px; height:50px; font-size:50px; color:FONT COLOR HERE; font-family:ARIAL;"><marquee direction="LEFT" width="100%" scrollamount="30">TEXT HERE </marquee></div>

If you want two scrolling marquees, copy the code again, and change the direction to right.

The Bolded Values Can Be Changed To Fit Your Needs

Comments

Invisible Text Appearing on Mouseover

With this code, text will appear out of no where when the
mouse is put over the link.

<center><style>a span{display:none;}
a:hover span {display: block;
position:absolute;
top:350px;
left: 350px;
width: 300px;
height: 300px;
padding: 0px;
margin: 10px;
z-index:6;
color:TEXT COLOR HERE ;
background-color:transparent;
font-size:50px;
font-family:Arial, text-align:center;}
</style>
<a href="http://URL_OF_SITE_HERE">DISPLAYED LINK TEXT HERE <span>APPEARING TEXT HERE </span></a>

Comments

Center All The Text on Your Page

To Center All The Text On Your Page, Copy the Code Below and Paste it in the Top of Your About Me Section.

<style><!– –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> –> td{text-align:center} </style>

 


Comments

Special Characters ♥ ♣ ♠

Want to add cool symbols to your name or your Myspace profile? Simply copy the HTML Code of the character of your choice and paste it where you want it to show up.

HTML Code Character
&spades;
&clubs;
&hearts;
&diams;
&fnof; ƒ
&Alpha; Α
&Beta; Β
&Gamma; Γ
&Delta; Δ
&Epsilon; Ε
&Zeta; Ζ
&Eta; Η
&Theta; Θ
&Iota; Ι
&Kappa; Κ
&Lambda; Λ
&Mu; Μ
&Nu; Ν
&Xi; Ξ
&Omicron; Ο
&Pi; Π
&Rho; Ρ
&Sigma; Σ
&Tau; Τ
&Upsilon; Υ
&Phi; Φ
&Chi; Χ
&Psi; Ψ
&Omega; Ω
&alpha; α
&beta; β
&gamma; γ
&delta; δ
&epsilon; ε
&zeta; ζ
&eta; η
&theta; θ
&iota; ι
&kappa; κ
&lambda; λ
&mu; μ
&nu; ν
&xi; ξ
&omicron; ο
&pi; π
&rho; ρ
&sigmaf; ς
&sigma; σ
&tau; τ
&upsilon; υ
&phi; φ
&chi; χ
&psi; ψ
&omega; ω
&thetasym; ϑ
&upsih; ϒ
&piv; ϖ
&bull;
&hellip;
&prime;
&Prime;
&oline;
&frasl;
&weierp;
&image;
&real;
&trade;
&alefsym;
&larr;
&uarr;
&rarr;
&darr;
&harr;
&crarr;
&lArr; &lArr;
&uArr; &uArr;
&rArr; &rArr;
&dArr; &dArr;
&hArr; &hArr;
&forall;
&part;
&exist;
&empty;
&nabla;
&isin;
&notin;
&ni;
&prod;
&sum;
&minus;
&lowast;
&radic;
&prop;
&infin;
&ang;
&and;
&or;
&cap;
&cup;
&int;
&there4;
&sim;
&cong;
&asymp;
&ne;
&equiv;
&le;
&ge;
&sub;
&sup;
&nsub;
&sube;
&supe;
&oplus;
&otimes;
&perp;
&sdot;
&lceil;
&rceil;
&lfloor;
&rfloor;
&lang;
&rang;
&loz;


Comments

Creating Text & Images Links

To display a text link:

<a href="URL_OF_SITE_HERE">Displayed Text </a>

To display a text link which opens into a new browser window:

Set target="_blank"

<a href="URL_OF_SITE_HERE" target="_blank">Displayed Text </a>

To make a picture a link:

<a href="URL_OF_SITE_HERE"><img src="URL_OF_IMAGE_HERE"></a>

 


Comments

Make Text Move (Marquees)

 


Right to Left Marquee



 


Left to Right Marquee



 


Alternate Marquee



 


Up Marquee



 


Down Marquee



 


Up/Down Alternate
Marquee

 

Zig
Zagging Marquee



 


Alternating
Zig Zagging Marquee


TEXT



 


Colored Border Marquee

Comments