Рассказать друзьям

[sergeybelyakov]

https://yadi.sk/i/rVOzSZwVqRTGA 

 

нужно сделать такую же. чтобы фиксировался при прокрутуке. заплачу 

[mstkalenko]

https://yadi.sk/i/rVOzSZwVqRTGA 

 

нужно сделать такую же. чтобы фиксировался при прокрутуке. заплачу 

<div data-widget-cid="widget-4" style="position: fixed; visibility: visible; left: 1289.5px; top: 63px;" class="ui-fixed-panel">
   <div style="visibility: visible;" class="ui-fixed-panel-shares" data-role="sharesArea">
      <div data-widget-cid="widget-5" class="ui-fixed-panel-unit ui-fixed-panel-share ui-fixed-panel-vk">
         <a data-spm-anchor-id="2114.11020108.0.726" href="https://vk.com/aliexpress" data-role="trigger"></a>
      </div>
      <div data-widget-cid="widget-6" class="ui-fixed-panel-unit ui-fixed-panel-share ui-fixed-panel-facebook">
         <a href="https://www.facebook.com" data-role="trigger"></a>
      </div>
      <div data-widget-cid="widget-7" class="ui-fixed-panel-unit ui-fixed-panel-share ui-fixed-panel-ok">
         <a href="http://ok.ru" data-role="trigger"></a>
      </div>
      <div data-widget-cid="widget-8" class="ui-fixed-panel-unit ui-fixed-panel-share ui-fixed-panel-twitter">
         <a href="https://twitter.com" data-role="trigger"></a>
      </div>
   </div>
   <div style="visibility: visible;" class="ui-fixed-panel-secondary" data-role="secondaryArea">
      <div data-widget-cid="widget-9" class="ui-fixed-panel-unit ui-fixed-panel-survey">
         <a href="https://ru.surveymonkey.com" data-role="trigger"></a>
      </div>
   </div>
   <div class="ui-fixed-panel-operation" data-role="operationArea">
      <div data-widget-cid="widget-11" class="ui-fixed-panel-unit ui-fixed-panel-toggle">
         <a class="ui-fixed-panel-collapse" data-role="trigger"></a>
      </div>
      <div style="visibility: hidden;" data-widget-cid="widget-12" class="ui-fixed-panel-unit ui-fixed-panel-go-top" data-role="hide">
         <a href="#" data-role="trigger"></a>
      </div>
   </div>
</div>

.ui-fixed-panel {
    z-index: 99;
}
.ui-fixed-panel-shares {
    margin-bottom: 15px;
}
.ui-fixed-panel-secondary {
    margin-bottom: 25px;
}
.ui-fixed-panel-vk > a {
    background-position: -128px -64px;
}
.ui-fixed-panel-unit > a {
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
    background: url(http://i.alicdn.com/ae-wholesale-ui/node_modules/@alife/beta-fixedpanel/src/img/fixed-panel-elements.e4854f23.png) no-repeat;
}
.ui-fixed-panel-ok > a {
    background-position: -160px -64px;
}
.ui-fixed-panel-vk > a {
    background-position: -128px -64px;
}
.ui-fixed-panel-facebook > a {
    background-position: -32px -64px;
}
.ui-fixed-panel-twitter > a {
    background-position: 0 -64px;
}
.ui-fixed-panel-survey > a {
    background-position: -32px -32px;
}

.ui-fixed-panel-secondary .ui-fixed-panel-unit > a {
    opacity: .4;
}
.ui-fixed-panel-operation .ui-fixed-panel-unit > a.ui-fixed-panel-collapse {
    background-position: -32px 0;
}
.ui-fixed-panel-operation .ui-fixed-panel-unit > a {
    opacity: .2;
    border-radius: 16px;
}
.ui-fixed-panel-go-top > a {
    background-position: 0 0;
}

[mstkalenko]

http://opencart.16mb.com/2.1.0.2/