Comments on: Rollover Effects Made Easy – with CSS! http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/ Design of a minimalist, content of a maximalist Sat, 13 Mar 2010 09:04:21 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Adam Danial http://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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://www.teddy-o-ted.com/tutorials/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.

]]> By: teddY http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32072 teddY Wed, 19 Mar 2008 06:18:21 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32072 I've seen other wordpress themes using the <code><br /></code> tags to clear floated containers, and yea of course <code><div></div></code> works equally fine. I didn't have any problems with floats, margins and paddings when designing Wordpress themes - I get them only then they're out of Wordpress (ie, in HTML files etc). This is weird. When I save my blog as a .HTML file and I open it up in my browsers, the display is totally screwed up! Looks like Wordpress team did some tweaking to the coding :razz: I’ve seen other wordpress themes using the
tags to clear floated containers, and yea of course

works equally fine.

I didn’t have any problems with floats, margins and paddings when designing Wordpress themes – I get them only then they’re out of Wordpress (ie, in HTML files etc). This is weird. When I save my blog as a .HTML file and I open it up in my browsers, the display is totally screwed up! Looks like Wordpress team did some tweaking to the coding :razz:

]]> By: Ivy http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32071 Ivy Wed, 19 Mar 2008 06:12:36 +0000 http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/#comment-32071 IE has stopped production for macs a long time ago. There's no need to cater for them any longer. :P I don't really understand the BR clear tag property since I use margins to control all containers. I only use the clear property between divs so I haven't run into problems so far. :D Check out Ivy's last blog post: <a href='http://feeds.feedburner.com/~r/nanyate/~3/253415749/craigslist-ad-beauty-isnt-worth-money-honey' rel="nofollow">Beauty Isn’t Worth Money, Honey</a> IE has stopped production for macs a long time ago. There’s no need to cater for them any longer. :P

I don’t really understand the BR clear tag property since I use margins to control all containers. I only use the clear property between divs so I haven’t run into problems so far. :D

Check out Ivy’s last blog post: Beauty Isn’t Worth Money, Honey

]]>