This floating share buttons are available in vertical and horizontal fixed
positions, and are customizable for mobile and desktop devices.
Vertical
Share Bar
You
can position floating vertical share buttons that are fixed alongside your
site's content (in a sidebar, for instance), or docked to the far left or far
right side of the user's screen.
Learn How to start Recharge Card Printing Business In Nigeria now!
Visit:
www.rechargecardbiz.com
The
following example displays a vertical share bar that is docked to the left side
of the user's screen, 150 pixels from the top. The current page uses this style.
<div
class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style"
style="left:0px; top:150px;">
<a
class="a2a_button_facebook"></a>
<a
class="a2a_button_twitter"></a>
<a
class="a2a_button_google_plus"></a>
<a
class="a2a_button_pinterest"></a>
<a class="a2a_dd"
href="https://www.addtoany.com/share"></a>
</div>
<script
type="text/javascript"
src="//static.addtoany.com/menu/page.js"></script>
The
following example displays a vertical share bar that is fixed relative to a
parent element (usually the site's main content), 150 pixels from the top of
the page, and offset from the left of the parent element by 100 pixels. The
parent element needs to have a specified width, and the vertical share bar code
should placed as a descendant of that element as in following example. The
current page displays this style on devices with a wide enough screen.
<div
class="example_parent_element" style="margin:0 auto;
width:900px;">
<div class="a2a_kit a2a_kit_size_32
a2a_floating_style a2a_vertical_style" style="margin-left:-100px;
top:150px;">
<a
class="a2a_button_facebook"></a>
<a
class="a2a_button_twitter"></a>
<a
class="a2a_button_google_plus"></a>
<a
class="a2a_button_pinterest"></a>
<a class="a2a_dd"
href="https://www.addtoany.com/share"></a>
</div>
<script type="text/javascript"
src="//static.addtoany.com/menu/page.js"></script>
</div>
Buy Domain Name and Host your Website at low cost! Visit: www.where2register.com
Horizontal
Share Bar
You
can position horizontal share buttons in a "floating bar" that is
commonly docked to the bottom of the user's screen, particularly on mobile
devices.
The
following example displays a horizontal share bar that is docked to the bottom
of the user's screen on the right side.
<div
class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style"
style="bottom:0px; right:0px;">
<a
class="a2a_button_facebook"></a>
<a
class="a2a_button_twitter"></a>
<a
class="a2a_button_google_plus"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_dd"
href="https://www.addtoany.com/share"></a>
</div>
<script
type="text/javascript"
src="//static.addtoany.com/menu/page.js"></script>
The
following example displays a center-aligned horizontal share bar that is docked
to the bottom of the user's screen. Center alignment is done by specifying a
left position value of 50% and a negative margin-left value that is equal to
the total width of the icons. The width of these default icons can be
calculated by multiplying the number of icons by 40. For example, 5 icons
(multiplied by 40) gives a margin-left value of -100px.
<div
class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style"
style="bottom:0px; left:50%; margin-left:-100px;">
<a
class="a2a_button_facebook"></a>
<a
class="a2a_button_twitter"></a>
<a
class="a2a_button_google_plus"></a>
<a
class="a2a_button_pinterest"></a>
<a class="a2a_dd"
href="https://www.addtoany.com/share"></a>
</div>
<script
type="text/javascript"
src="//static.addtoany.com/menu/page.js"></script>
Start sending your Bulk SMS at very cheaper rate now! Visit:
www.d-bestbulksms.com
Responsive
Floating Share Buttons
Using
CSS media queries, you can specify mobile/desktop breakpoints for responsive
floating share buttons. For example, it is common to hide a "docked"
vertical share bar on the smaller screens of mobile and tablet devices.
<style
type="text/css">
/*
Hide AddToAny vertical share bar when screen is less than 980 pixels wide */
@media
screen and (max-width: 980px) {
.a2a_floating_style.a2a_vertical_style { display:
none; }
}
</style>
Hope, it is nice.
Best
Regards,
IKE
DECK Team.
For more help or more suggestion?
Email: info@ikedeck.com
Phone: +234703020582, +2348116998280, +2348173666094
Visit our Website: www.ikedeck.com.
Register for our free Newsletter: Click here.
Follow us on Twitter: Click here.
Join our Facebook Page: Click here.
Or join our Facebook Group: Click here.
For more Electrical Maintenance, Repair, Installation and Other Services, contact us with the contacts given above.
Start sending your Bulk SMS at very cheaper rate now! Visit: www.d-bestbulksms.com
