To customize buttons with your own icons and styles,
you must
remove the class "
addinto_sharebox_default" from the container, like that:
<div class="addinto_sharebox">
</div>
and inside add links to the services you want to use on your website (look at the example below).
CSS:
.addinto_sharebox .social_buttons a {
width: 32px;
height: 32px;
}
.addinto_sharebox .social_buttons a img {
opacity: 1.0;
border:0 none;
}
.addinto_sharebox .social_buttons a:hover img {
opacity: 0.70;
}
HTML:
<div class="addinto_sharebox">
<div class="social_buttons">
<a class="addinto_button_email"><img src="/imgs/social_imgs/email.png" alt="Email" /></a>
<a class="addinto_button_facebook"><img src="/imgs/social_imgs/facebook.png" alt="Facebook" /></a>
<a class="addinto_button_twitter"><img src="/imgs/social_imgs/twitter.png" alt="Twitter" /></a>
<a class="addinto_button_delicious"><img src="/imgs/social_imgs/delicious.png" alt="Delicious" /></a>
<a class="addinto_button_google_buzz"><img src="/imgs/social_imgs/google_buzz.png" alt="Google Buzz" /></a>
<a class="addinto_button_more"><img src="/imgs/social_imgs/ai2_32x32.png" alt="More" /></a>
</div>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>