Blubbry Subscribe Sidebar - Changing images

[RockAixPress]

Hi!

I'm using Blubbry PowerPress & Blubbry Subscribe Sidebar. I found some social icons that match pefectly with our WP theme, so I wanted to change the Blubbry Sidebar's icons by the icons I've found. It's easy to do, no problem to make it. But I wanted to add a rollover on these new icons (you now, dark icons when the mouse is not on the icon, and bright icon when the mouse's over).

My question is : how and where can i add the roll over code? I'm sure it's in the sidebar.php, but do I need to make it on each icon, or is it possible to make a global code working with each icons?

Thanks for your answer!

[angelo]

Rollover feature would be cool. If you are familiar with CSS, this is best handled by CSS. There are way of accomplishing this with JavaScript, but common practice is to avoid using JavaScript for performance items such as roll overs. This isn't something on our radar for this plugin, but I've added it to the feature TODO list.

[RockAixPress]

Great thing if my idea will feature on a next update!

Ok, so according to you I'll better use CSS. I fought making this in javascript. I'm beginner in HTML/CSS langages, so if you have any tips or links to do that, I'll try this, and if it's work on my website, I can send it my work if you want. I'll search that and try this, and I'll send you the results. Thanks.

[RockAixPress]

Ok, so I've asked my friend Google, and I've found some uselful tutorial to make CSS' rollover. If I have understand, I think using this code will work :

Code: [Select]

#subscribe_sidebar_list img {
        background: url(nameofmyimage_dark.png) left top no-repeat
display: inline;
padding: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
vertical-align: middle;
border: 0px;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #900 url(nameofmyimage_active.png) left top no-repeat ;
}

First, are you ok? I have uploaded two sets of images : the first, called xx_dark.png (xx is for names) and the second called xx_active. So, my question is : how can I modify the code for this to work on all images?

Thanks

[angelo]

We don't provide support for HTML/CSS development on the blubrry.com forums.

[RockAixPress]

Hi,

sorry to have posting that. If you can delete the post, that will be great!

sorry again!