Home
ShareBox
The list of services
AddInto icons
Default styling.
Custom styling.
ShareBox
AddInto ShareBox BETA
AddInto ShareBox allows you to use individually services on your website. The list of services AddInto icons
Default styling.
Use this container:
and inside add links to the services you want to use, like that:
<div class="addinto_sharebox addinto_sharebox_default">
</div>
</div>
and inside add links to the services you want to use, like that:
<a class="addinto_button_service"></a>
or:
<a class="addinto_button_service" title="Service"></a>
or:
<a class="addinto_button_service">Service</a>
Code 
Basic example.
Basic example. <div class="addinto_sharebox addinto_sharebox_default">
<a class="addinto_button_email"></a>
<a class="addinto_button_print"></a>
<a class="addinto_button_bookmark"></a>
<a class="addinto_button_facebook"></a>
<a class="addinto_button_twitter"></a>
<a class="addinto_button_google_buzz"></a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more"></a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
<a class="addinto_button_email"></a>
<a class="addinto_button_print"></a>
<a class="addinto_button_bookmark"></a>
<a class="addinto_button_facebook"></a>
<a class="addinto_button_twitter"></a>
<a class="addinto_button_google_buzz"></a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more"></a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
Code
Drop down menu.
Drop down menu. <div class="addinto_sharebox addinto_sharebox_default">
<a class="addinto_button_facebook"></a>
<a class="addinto_button_twitter"></a>
<a class="addinto_button_google_buzz"></a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more_dd"></a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
<a class="addinto_button_facebook"></a>
<a class="addinto_button_twitter"></a>
<a class="addinto_button_google_buzz"></a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more_dd"></a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
Code
Add text.
Add text. <div class="addinto_sharebox addinto_sharebox_default">
<a class="addinto_button_facebook">Facebook</a>
<a class="addinto_button_twitter">Twitter</a>
<a class="addinto_button_google_buzz">Google Buzz</a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more">Share</a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
<a class="addinto_button_facebook">Facebook</a>
<a class="addinto_button_twitter">Twitter</a>
<a class="addinto_button_google_buzz">Google Buzz</a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more">Share</a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
Code
Customize title and url.
Customize title and url. <div class="addinto_sharebox addinto_sharebox_default" addinto:title="AddInto" addinto:url="http://www.addinto.com">
<a class="addinto_button_bookmark"></a>
<a class="addinto_button_print"></a>
<a class="addinto_button_google"></a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more">Share</a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
<a class="addinto_button_bookmark"></a>
<a class="addinto_button_print"></a>
<a class="addinto_button_google"></a>
<a class="addinto_button_separator"></a>
<a class="addinto_button_more">Share</a>
</div>
<script type="text/javascript" src="http://static.addinto.com/ai/ai2_bkmk.js"></script>
Custom styling.
To customize buttons with your own icons and styles,
you must remove the class "addinto_sharebox_default" from the container, like that:
and inside add links to the services you want to use on your website (look at the example below).
you must remove the class "addinto_sharebox_default" from the container, like that:
<div class="addinto_sharebox">
</div>
</div>
and inside add links to the services you want to use on your website (look at the example below).
Code
Full customization.
Full customization.
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:
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;
}
<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>
<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>
