Taking tutorial submissions! Please email them to dave[AT]icemelon[DOT]com for review. Thanks!

Latest Tutorials
IceMelon IM: Add IM Functionality to phpBB [Misc] Want to add site-wide member IM to your phpBB community? Sure you do. Simple step-by-step instructions inside.

IceMelon IM: Add IM Functionality to vBulletin [Misc] Want to add site-wide member IM to your vBulletin community? Simple step-by-step instructions inside.

Crawl Your Site for PageRanks [PHP] So you know your site has a PageRank of 8. What about the PRs of all the inner pages? This tutorial will teach how you to automate the process of grabbing all these PRs.

Create CAPTCHA images [PHP] Worried about bots? Then create CAPTCHA images to prevent bots from taking advantage of your site.

Convert SHN and FLAC files to MP3 [Misc] Low on disk space and have an insensitive ear? Here are some steps to converting SHN and FLAC files to MP3 format.

[View All]

Check out my live SEO case study, where I am building and growing a 300,000+ page site on autopilot

Become a sponsor for $15/month. Link is sitewide - PR5 homepage, 20+ PR4 pages, 90+ PR3 pages. Email dave[AT]icemelon[D0T]c0m.

Awesome Tutorials

Filters
By dave

There are tons of obscure, but interesting tricks you can create using CSS filters. Check out some filters below. Each filter's respective code is right below the effect demonstration, for easy copy and paste.

Glow:

<table style="filter:glow(color: #66ff00);"> Glow: </table>

Shadow:

<table style="filter:shadow(color: #cccccc);"> Shadow: </table>

Wave:

<table style="filter:wave(add=0, phase=1, freq=2, strength=2)"> Wave: </table>

Wave inside a MARQUEE:
<marquee direction=up behavior=alternate style="filter:wave(add=0, phase=1, freq=2, strength=8); height:100px"> Wave inside a MARQUEE: </marquee>

Blur:

<table style="filter:blur(strength=10)"> Blur: </table>

Dropshadow:

<table style="filter:dropshadow(color: #cccccc)"> Dropshadow: </table>

:Horizontal Flip

<table style="filter:fliph"> :Horizontal Flip </table>

Vertical Flip:

<table style="filter:flipv"> Vertical Flip: </table>

Note that I embedded the style sheets inside a <TABLE> tagtag. For some reason, using <SPAN> or <DIV> didn't produced our desired results. Customization should be simple enough.

So, experiment and have fun. If you want more to play with, trying applying the "filter:XRay" with images.

P.S. Check out my new site TheManWhoSoldtheWeb.com, where I publish guides and scripts on Internet Marketing and SEO. Here is a limited time freebie: the Rapid Google Indexer.


» Bookmark this Tutorial
» Bookmark IceMelon
Icemelon -- Filters -- PHP, CSS, Javascript Tutorials, & More!
  © 2005-2010 Icemelon.com   Email: dave[AT]icemelon[D0T]c0m