Minggu, 10 Mei 2015

membuat share button di samping kanan

Nama - Blog -

membuat share button di samping kanan
element { } #sthoverbuttons { font: 11px Helvetica,Tahoma,Arial; z-index: 980000 !important; cursor: pointer; margin-left: -7px; position: fixed; top: 25%; width: 50px; } .sthoverbuttons-pos-right { right: 0px; } <div class="sthoverbuttons-pos-right" id="sthoverbuttons"><div class="sthoverbuttons-background-r" id="sthoverbuttons-background"><div class="sthoverbuttons-top-r" id="sthoverbuttons-top">&nbsp;</div><div class="sthoverbuttons-shade-r" id="sthoverbuttons-shade">&nbsp;</div><div class="sthoverbuttons-bottom-r" id="sthoverbuttons-bottom">&nbsp;</div></div><div class="sthoverbuttonsMain-r" id="sthoverbuttonsMain"><div class="sthoverbuttons-label"><span>Share</span></div><div class="sthoverbuttons-chicklets"><span st_processed="yes" class="st_facebook_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/facebook_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_googleplus_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/googleplus_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_twitter_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/twitter_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_email_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/email_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_sharethis_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/sharethis_32.png&quot;);" class="stLarge"></span></span></span></div></div></div>
element {
}
#sthoverbuttons {
    font: 11px Helvetica,Tahoma,Arial;
    z-index: 980000 !important;
    cursor: pointer;
    margin-left: -7px;
    position: fixed;
    top: 25%;
    width: 50px;
}
.sthoverbuttons-pos-right {
    right: 0px;
}


<div class="sthoverbuttons-pos-right" id="sthoverbuttons"><div class="sthoverbuttons-background-r" id="sthoverbuttons-background"><div class="sthoverbuttons-top-r" id="sthoverbuttons-top">&nbsp;</div><div class="sthoverbuttons-shade-r" id="sthoverbuttons-shade">&nbsp;</div><div class="sthoverbuttons-bottom-r" id="sthoverbuttons-bottom">&nbsp;</div></div><div class="sthoverbuttonsMain-r" id="sthoverbuttonsMain"><div class="sthoverbuttons-label"><span>Share</span></div><div class="sthoverbuttons-chicklets"><span st_processed="yes" class="st_facebook_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/facebook_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_googleplus_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/googleplus_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_twitter_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/twitter_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_email_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/email_32.png&quot;);" class="stLarge"></span></span></span><span st_processed="yes" class="st_sharethis_large" style="display:block; height: 35px; float:left;" displaytext=""><span class="stButton" style="text-decoration:none;color:#000000;display:inline-block;cursor:pointer;"><span style="background-image: url(&quot;http://w.sharethis.com/images/sharethis_32.png&quot;);" class="stLarge"></span></span></span></div></div></div>

0 komentar

Posting Komentar