Comments on: Rollover Effects Made Easy – with CSS! http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/ Design of a minimalist, content of a maximalist Thu, 10 May 2012 12:22:09 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Jerry http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-68471 Jerry Fri, 24 Jun 2011 02:33:04 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-68471 Nice work! I used this on a Drupal site and it worked great. I am thinking of a way I might turn this into a module. Thank you. (@ kerem -- if you add a (paragraph tag) between the individual li links they should stack up vertically.) Nice work! I used this on a Drupal site and it worked great. I am thinking of a way I might turn this into a module.

Thank you.

(@ kerem — if you add a (paragraph tag) between the individual li links they should stack up vertically.)

]]> By: kerem http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-68310 kerem Wed, 09 Mar 2011 23:40:36 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-68310 hello, thank you for tutorial. it was very helpful. i was able to create rollover icons but i can't order them vertically. any idea? hello,
thank you for tutorial. it was very helpful.
i was able to create rollover icons but i can’t order them vertically.
any idea?

]]> By: Adam Danial http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32161 Adam Danial Fri, 21 Mar 2008 08:59:39 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32161 hey teddY! The demo was really addictive.. i love it.. realllllllly :!: hey teddY! The demo was really addictive.. i love it.. realllllllly :!:

]]> By: teddY http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32153 teddY Fri, 21 Mar 2008 04:09:43 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32153 <strong>SilverIsle</strong>: Hey there thanks for the compliments! I'm sorry to hear that exams and late-night studying are wearing you out, but hang in there! All the best and good luck. <strong>Id</strong>: Same here - I struggled with CSS rollovers for quite some time until I realised the technique of loading one single image but changing the background position between different states. I actually got this idea after looking at N.Design Studio's CSS styling - I know it's very sneaky of me, haha! Initially I still stick to the coordinate kind of background position, until I realised that using <em>bottom left</em> removes all the need to do so. Nice new theme you have over there, it's actually very nice, even without any CSS rollovers! <strong>Brandy</strong>: I can see that for your blog - I like it the way you use CSS rollovers without making them much of a distraction! <strong>Eric</strong>: Thank you, I hope you find it useful! SilverIsle: Hey there thanks for the compliments! I’m sorry to hear that exams and late-night studying are wearing you out, but hang in there! All the best and good luck.

Id: Same here – I struggled with CSS rollovers for quite some time until I realised the technique of loading one single image but changing the background position between different states. I actually got this idea after looking at N.Design Studio’s CSS styling – I know it’s very sneaky of me, haha! Initially I still stick to the coordinate kind of background position, until I realised that using bottom left removes all the need to do so. Nice new theme you have over there, it’s actually very nice, even without any CSS rollovers!

Brandy: I can see that for your blog – I like it the way you use CSS rollovers without making them much of a distraction!

Eric: Thank you, I hope you find it useful!

]]> By: Eric http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32112 Eric Thu, 20 Mar 2008 05:40:28 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32112 Thx for putting up this tutorial ...! This is what I looking for so long ...! Thx again ... Try it later ... :mrgreen: Check out Eric's last blog post: <a href='http://ericsbillboard.blogspot.com/2008/03/theme-modified-done.html' rel="nofollow">Theme modified done</a> Thx for putting up this tutorial …!

This is what I looking for so long …!

Thx again … Try it later … :mrgreen:

Check out Eric’s last blog post: Theme modified done

]]> By: Brandy http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32106 Brandy Thu, 20 Mar 2008 04:36:42 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32106 I'm a fan of the roll-over effect. Use it all the time. =) Great tutorial! Check out Brandy's last blog post: <a href='http://shadesofme.org/2008/03/19/dream-diary-storm-of-the-century/' rel="nofollow">Dream Diary - Storm of the Century.</a> I’m a fan of the roll-over effect. Use it all the time. =) Great tutorial!

Check out Brandy’s last blog post: Dream Diary – Storm of the Century.

]]> By: Id http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32088 Id Wed, 19 Mar 2008 18:33:09 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32088 I have used the CSS rollovers before, but it's always a battle to get it right and there is always a fine line between frustration and wanting to headddesk out of frustration! Haha! But thanks for the tutorial. Seriously, it's nice that you are doing service to those who will need this technique. I wanted to implement it in my redesign, but I guess I can wait for another bout of inspiration to consider rollovers. =P Check out Id's last blog post: <a href='http://www.notbrainwashersafe.com/2008/03/20/maundy/' rel="nofollow">Maundy.</a> I have used the CSS rollovers before, but it’s always a battle to get it right and there is always a fine line between frustration and wanting to headddesk out of frustration! Haha! But thanks for the tutorial. Seriously, it’s nice that you are doing service to those who will need this technique. I wanted to implement it in my redesign, but I guess I can wait for another bout of inspiration to consider rollovers. =P

Check out Id’s last blog post: Maundy.

]]> By: SilverIsle http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32087 SilverIsle Wed, 19 Mar 2008 17:47:45 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32087 Woah. Kudos to you teddY for putting in so much effort in making this tutorial! As much as I love knowing about tech stuffs, I'm just too tired to learn it now. Hehe. But I'm sure many out there will find it useful! Check out SilverIsle's last blog post: <a href='http://silverisle.blogspot.com/2008/03/evening-at-nobbys-beach.html' rel="nofollow">An evening at Nobbys Beach</a> Woah. Kudos to you teddY for putting in so much effort in making this tutorial!

As much as I love knowing about tech stuffs, I’m just too tired to learn it now. Hehe. But I’m sure many out there will find it useful!

Check out SilverIsle’s last blog post: An evening at Nobbys Beach

]]> By: teddY http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32083 teddY Wed, 19 Mar 2008 14:54:10 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32083 Hey Melle thanks for being so supportive! I hope that this tutorial is of good use to you. Frankly speaking I find your webdesign clean and elegant, it's almost perfect! Hope you'll be back from your hiatus soon! Take care! Hey Melle thanks for being so supportive! I hope that this tutorial is of good use to you. Frankly speaking I find your webdesign clean and elegant, it’s almost perfect!

Hope you’ll be back from your hiatus soon! Take care!

]]> By: Melle http://teddy-o-ted.com/blog/2008/03/18/rollover-effects-made-easy-with-css/#comment-32073 Melle Wed, 19 Mar 2008 06:23:45 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32073 *praises you* I was struggling with rollover effects today and I couldn't understand why my coding wasn't working. You know I really just wanted to try something new and possibly take my websites to the "next level" in my book...but nothing was working. I just settled on looking for a good script and just messed around from there. I think I should probably learn how to do it with CSS instead. I have to add, your illustrations are so great. I was looking for a big RSS feed icon. I want to try and make my own using the little ones. *praises you*
I was struggling with rollover effects today and I couldn’t understand why my coding wasn’t working. You know I really just wanted to try something new and possibly take my websites to the “next level” in my book…but nothing was working. I just settled on looking for a good script and just messed around from there. I think I should probably learn how to do it with CSS instead. I have to add, your illustrations are so great. I was looking for a big RSS feed icon. I want to try and make my own using the little ones.

]]>