Решил заняться сегодня реализацией того чтобы установить себе на сайт кнопку Мы Вконтакте, но так,чтобы выдвигался блок слева.
Делал,делал и наделал. Вот решил поделиться. Может кого и заинтересует данное.
Ну а теперь урок по установке
Проходим по данной ссылке в настройку виджета и ставим все как указано на скриншоте
Получившийся код устанавливаем в код HTML вместо надписи. Далее берем в мышку все эти движения и устанавливаем в самый низ своего сайта, а точнее: Главная » Управление дизайном » Редактирование шаблонов » Нижняя часть сайта » В самый низ » Сохраняем
HTML
Код
<div id="vk_group_block" style="display: block; top: 237px; left: -202px;">
<div id="vk_group_btn"></div>
<div id="vk_group_content">
СЮДА СТАВИМ КОД ВИДЖЕТА
</div>
</div>
JS
Код
<style>
#vk_group_block{position:fixed;top:415px;left:-202px;width:236px;height:292px;background-color:transparent;z-index:100}
#vk_group_block #vk_group_btn{position:absolute;background:transparent url(/images/btn_vk_group.png) no-repeat left top;cursor:pointer;top:1px;right:0;width:36px;height:192px}
#vk_group_block #vk_group_content{width:200px;min-height:290px;position:absolute;left:0;top:2px}
</style>
<script type="text/javascript">function button_top(id){var myWidth=0,myHeight=0;if(typeof(window.innerWidth)=='number'){myWidth=window.innerWidth;myHeight=window.innerHeight}else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)){myWidth=document.documentElement.clientWidth;myHeight=document.documentElement.clientHeight}else if(document.body&&(document.body.clientWidth||document.body.clientHeight)){myWidth=document.body.clientWidth;myHeight=document.body.clientHeight}myHeight=parseInt(myHeight/2)-parseInt($("#"+id).height()/2);return myHeight}$(document).ready(function(){$(window).resize(function(){$("#vk_group_block").css({top:parseInt(button_top("vk_group_btn"))});$("#marva_button_panel").css({top:parseInt(button_top("marva_button_panel"))});$("#cartright1_btn").css({top:parseInt(button_top("vk_group_btn"))})});$("#marva_button .panel").attr("id","marva_button_panel");$("#vk_group_block").css({top:parseInt(button_top("vk_group_btn")),display:"block"});$("#marva_button_panel").css({top:parseInt(button_top("marva_button_panel")),display:"block"});$("#cartright1_btn").css({top:parseInt(button_top("vk_group_btn"))});$("#marva_button").css("display","block");$("#cartright1_btn").css("display","block");$("#vk_group_btn").toggle(function(){$(this).parent().animate({left:0},300)},function(){$(this).parent().animate({left:-202},300)})});</script>
Данное можно просмотреть здесь(временно от Гугла не смотрится сайт. Зайдите с других браузеров)
Сама кнопка, залить себе на сайт и поменять