Warning: include(/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php) [function.include]: failed to open stream: No such file or directory in /home/jenni/star-girl.org/pages/tutorials/csscgi/pixelzoom.php on line 1

Warning: include() [function.include]: Failed opening '/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/csscgi/pixelzoom.php on line 1

Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/csscgi/pixelzoom.php on line 2

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/csscgi/pixelzoom.php on line 2
Pixel Zoom Effect

This makes your links look like this (hover over it to see the effect).

1. Download this file (Click 'Save, not 'Open'). Don't worry if you can't open the file once you've downloaded it, upload it to your web site anyway.
2. Paste this code after the HEAD tag on your page:

<style type="text/css"> <!-- A{color:#E51601;text-decoration:none;cursor:crosshair; behavior:url(pixel.htc); filter:progid:dximagetransform.microsoft.pixelate(duration=.4, maxSquare=22, enabled=false); height: 0px; clip: rect( );} A:link{color:#00000; text-decoration:none} A:visited{color:#00000;text-decoration:none;font-weight:none} A:hover{color:#EF776B;text-decoration:none;background-color:none;font-weight:none;cursor:none} --> </style>

3. Change any colours you like in the code, but don't edit anything else until you've checked everything and it works :)

Note: You only need to put the beginning and end parts of your CSS code once on a page. So if you use more than one bit of code on your page it will look like this: <style type="text/css"> Code Code Code </style>
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/csscgi/pixelzoom.php on line 27

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/csscgi/pixelzoom.php on line 27