Stupid Squidoo CSS Tricks - Dancing Text

1 - I can do better 2 - Jury's out 3 - Pretty darn good 4 - Splendiferous 5 - Awesometastic by 4 people | Log in to rate

Ranked #11,863 in How-To, #118,757 overall

The Most Irritating HTML Ever

In the Movie the Hucksters, which is about the advertising business, Sidney Greenstreet chants the mantra of the advertising man - IRRITATE! IRRITATE! IRRITATE! Here are my attempts to make a Squidoo page as irritating as possible.

Why would I want to do this?

An irritating page is a memorable page. I don't want anyone to love my page design. I want people to remember the page. Why else would Squidoo use that irritating eyeball thing as their logo?

Making Text Dance 

Squiddo blocks the <marquee> tag. This is, in my opinion is the most obnoxious HTML tag ever. It seems a shame because marquee is useful to punch through a web surfer's "white line fever".
There is a CCS3 version that will work, but not in all browsers.

This should be scrolling text. I doubt if is is moving.

If you have a new CSS3 browser like Konqueror you might see the text wiggling. Even as is, the scrollbars make it annoying.

In case the popular browsers ever support CSS3 marquee, here is the code to make it work:
<p style="display:block; width:200px; overflow:marquee; height:40px; background-color:lightblue;marquee: slide infinite">Text to scroll</p>

Squidoo blocks another nasty html tag, <blink>. This makes the text disappear and reappear in an annoying way.

There is, however, a css style you can add that makes text blink. Unfortunately it only works for me in Firefox. Maybe it will work in IE 8.

Blinking Text


Here is the blinking style:
<p style="text-decoration: blink;color:purple">Blinking Text</p>

Something else that you might try is vertical text.

This only works in Internet Explorer


code:
<p style="writing-mode: tb-rl; filter: flipv fliph;">Vertical</p>

You can also mess with the cursor.

This text should have a crosshair cursor when you hover over it



The code:
<p style="cursor:crosshair;">This text should have a crosshair cursor when you hover over it</p>

Had enough? These css hacks are truly annoying and it is probable that Squidoo will get rid of some of them in the future. In the mean time, maker you pages as ugly and irritating as possible and you will be remembered forever.

Give me some ideas 

submit

CSS Stuff on Amazon 

CSS: The Missing Manual

Amazon Price: $23.09 (as of 12/04/2009) Buy Now

CSS Mastery: Advanced Web Standards Solutions, Second Edition

Amazon Price: $26.39 (as of 12/04/2009) Buy Now

HTML, XHTML, and CSS, Sixth Edition

Amazon Price: $20.99 (as of 12/04/2009) Buy Now

Head First HTML with CSS & XHTML

Amazon Price: $26.39 (as of 12/04/2009) Buy Now

CSS: The Definitive Guide

Amazon Price: $29.69 (as of 12/04/2009) Buy Now

by KPGraham

Born in North Carolina and raised in New York. Married 34 years. I own too many damn cats.
(more)

Explore related pages

Create a Lens!