Hello!

There is a page http://mn27.ru/test.html with a side exit panel. How to place the exit panel in the center of the screen? How to make the picture also be in the center of the VKontakte block?

    1 answer 1

    You can like this:

    <style> .panel { width: 300px; margin-top: -145px; /* высота панели деленная на 2 */ } .handle { margin-top: 53px; /* 145 - (высота кнопки деленная на 2) */ } </style> <script type="text/javascript"> $(function() { $('.panel').tabSlideOut({ tabHandle: '.handle', pathToTabImage: 'vk_panel.png', imageHeight: '184px', imageWidth: '36px', tabLocation: 'right', speed: 300, action: 'click', topPos: '50%', /* Позиция сверху */ fixedPosition: true }); }); </script> 

    Watch here: http://jsfiddle.net/knsqN/1/ .

    • I updated the answer, now the button is also centered. But it seems to me that when aligning at the top, it looks better. - Pavel Azanov
    • I don’t even see the source code for you to create it - Pavel Azanov
    • try to put it in front of </ body> - Pavel Azanov
    • Put on the page WHOLESALE before closing the body. And tell me how to leave a comment without deleting the old one? And then my button to leave a comment disappears. - Frontender
    • And how can this problem be fixed? Or not? - Frontender