mr-mojo-risin: Webdesign, Social Media, Gadget, Tech and Web 2.0 News

Webdesign, CSS, Social Media, Tech & Geek Stuff

Web news, CSS and HTML tweaks, social media marketing and blog resources, geeky gadgets, mind blowing graphic sites…

Free social media icons revisited – pt. 2

social media icons all 01 Free social media icons revisited   pt. 2

Some time ago I created this set of social media icons and decided to share them with you, they were not a creative revolution, but hey, they are for free! As I got some positive feedback, I now revamped them a little bit, updated and added some new companies, like amplifiy, picasa, bebo, diigo, Google buzz, Google Plus and xing.

Same issue as before feel free to use them, if you want to give me credits, it would be nice, but you do not mandatorily have to.

Read the rest of this entry »

share save 171 16 Free social media icons revisited   pt. 2

Free-to-use Social Media Icon set

social media icons group 01 Free to use Social Media Icon set

I searched for free to use web 2.0 icons of social media sites, but I did not find anything nice except some stock icons.

So I’ve made my own ones and I like to share them with you!

Feel free to use, modify and integrate them on your blog or website.
There is no need to link back, if you’d like to do so anyway, it is appreciated.

UPDATE:

I made a new icon set, you can download it here.

Here’s the download for all icons and logos and the .psd containing templates for 256×256 pixel buttons:

social-media-icons

Free Social Media Icons (PSD)


flattr badge large Free to use Social Media Icon set

Have fun folks!

share save 171 16 Free to use Social Media Icon set

CSS Mouse Over Opacity Effect

Generally this is no rocket science, using the CSS3 attribute “opacity”, unfortunately CSS3 is not supported by many browsers. As an alternative one could use JavaScript, which also might not work everywhere (if disabled due to security measures). So the easy way only works in the latest versions of Firefox and Opera.

css demo 01 CSS Mouse Over Opacity Effect

(Take a look at a live demo here)

In order to get this working in all the browsers (Ok, using IE6 we’ll have to trick a little bit, but we’ll discuss this later) we have to approach this in a sneaky way.
Here is a simple, fast, lean, cross browser functional and JavaScript free method, only using plain HTML, CSS and graphical elements:

Read the rest of this entry »

share save 171 16 CSS Mouse Over Opacity Effect

RSS Feed

Add to Google Reader or Homepage
add to my yahoo
Add to netvibes
Subscribe in Bloglines

Social Media!


Internet Blogs - BlogCatalog Blog Directory
Join the Mojo Community!
Top Blogs


Search Social Media

Lijit Search