• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Кнопка мы Вконтакте для сайта
Кнопка мы Вконтакте для сайта
workman
Четверг, 14 Января 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Решил заняться сегодня реализацией того чтобы установить себе на сайт кнопку Мы Вконтакте, но так,чтобы выдвигался блок слева.
Делал,делал и наделал. Вот решил поделиться. Может кого и заинтересует данное.

Ну а теперь урок по установке

Проходим по данной ссылке в настройку виджета и ставим все как указано на скриншоте



Получившийся код устанавливаем в код 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>


Данное можно просмотреть здесь(временно от Гугла не смотрится сайт. Зайдите с других браузеров)

Сама кнопка, залить себе на сайт и поменять

Прикрепления: 2601205.png (43.3 Kb) · 7203507.png (5.2 Kb)


Сообщение отредактировал
workman - Пятница, 15 Января 2016, 12:28
Страна: (RU)
Сопрано
Четверг, 14 Января 2016 | Сообщение 2
Оффлайн
Vip
Сообщений:462
Награды: 4
Что это такое, смотрите главную страницу, основном с нее берут, там может простая ссылка не свашего сайта и теперь сайт занесли в базу.



Что то по рекламе!
Прикрепления: 4410006.png (29.5 Kb)
Страна: (RU)
workman
Четверг, 14 Января 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Trantel, Все убрал. Просто у них там похоже рабочий день закончился ... )) Заходите с другого браузера временно
Страна: (RU)
Kosten
Пятница, 15 Января 2016 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Раньше на кино сайт ставил в блог, но так реально намного лучше.

Прикрепления: 5972538.png (112.0 Kb)
Страна: (RU)
workman
Пятница, 15 Января 2016 | Сообщение 5
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Tventum,
Цитата Tventum ()
отлично сделано, и место много не занимает
Спасибо...

Тем кто будет ставить, делайте отдельными файлами и устанавливайте. Будет меньше места на странице
Страна: (RU)
workman
Пятница, 15 Января 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Траст, Не в баннерах дело. У меня просто между сайтами стоял фрейм, а гугл ввел новые правила. От этого не понимая откуда и что происходит, взял и забанил. Но я им отправил письмо что все исправил и ожидать теперь 72 часа
Страна: (RU)
workman
Пятница, 15 Января 2016 | Сообщение 7
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
Раньше на кино сайт ставил в блог
Просто кнопка стояла которая переводила на страницу, или тоже выдвигалось???
Страна: (RU)
workman
Пятница, 15 Января 2016 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата uplandeg ()
то есть такие, на всю ширину и кнопка мешать будет.

Тогда можно замутить вот таким способом и разместить где-то в уголке сайта
Страна: (RU)
workman
Пятница, 15 Января 2016 | Сообщение 9
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
замутит так, что потом сам в ва...е будет
biggrin biggrin biggrin Бывает и такое ...
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Кнопка мы Вконтакте для сайта
  • Страница 1 из 1
  • 1
Поиск: