Stupid Squidoo CSS Tricks - Dancing Text
Ranked #8,387 in Internet, #370,420 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?
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.
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.
Here is the blinking style:
<p style="text-decoration: blink;color:purple">Blinking Text</p>
Something else that you might try is vertical text.
code:
<p style="writing-mode: tb-rl; filter: flipv fliph;">Vertical</p>
You can also mess with the cursor.
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.
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
-
-
ebeneara1
Nov 26, 2008 @ 11:35 pm | delete
- Quite interesting !Good to know about blinking style...I appreciate for your good job...Feel free to visit my the ballroomdancequest blog
-
-
-
Chadrew
Oct 23, 2008 @ 7:17 am | delete
- Cool, I had no idea you could do some of these things.
-
-
-
KPGraham
Jul 14, 2008 @ 2:57 pm | delete
- Thanks, your encouragement means that I will now have to think of something new to add to the series. I've got some heavy pondering to do, but I'll come up with something. Did you check out my Blog This Page lens?
http://www.squidoo.com/blogthispage
-
-
-
BABYKITTY Jul 14, 2008 @ 2:43 pm | delete
- Thanks again, KP. All you hints go directly into my HTML binder. Keep um coming!
-
CSS Stuff on Amazon
by KPGraham
Born in North Carolina and raised in New York. Married 34 years. I own too many damn cats.
- 4 featured lenses
- Winner of 4 trophies!
- Top lens » 10 Steps to Becoming a Harmonica Super Star
Feeling creative?
Create a Lens!
Explore related pages
- Best Indoor Tanning Lotion 2012 Best Indoor Tanning Lotion 2012
- De-Cluttering Made Easy De-Cluttering Made Easy
- using Basic HTML in Squidoo lenses using Basic HTML in Squidoo lenses
- Japanese Tattoos Japanese Tattoos
- Zac Efron Style 2012 Zac Efron Style 2012
- Emma Watson Pixie Cut For 2012 Emma Watson Pixie Cut For 2012