Перейти к содержимому


Вк Виджеты-Чаво-То Не Так :(

вконтакте виджет

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 Werlornt

Werlornt

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 28 Февраль 2013 - 18:18

Всем доброго времени суток :)Хотел спросить у вас я,что делать столь незнающемупадавану,как мне,ибо не хватает мне Силы,чтобы решить эту задачку:Короче,я установил виджеты ВК на свой сайт,но они почему-то в углу под всем!Безымянный.jpg

#2 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 28 Февраль 2013 - 18:32

Просмотр сообщенияWerlornt (28 Февраль 2013 - 18:18) писал:

Всем доброго времени суток :)Хотел спросить у вас я,что делать столь незнающемупадавану,как мне,ибо не хватает мне Силы,чтобы решить эту задачку:Короче,я установил виджеты ВК на свой сайт,но они почему-то в углу под всем!Прикрепленный файл Безымянный.jpg
Добрый вечер...
куда именно вы хотели установить данный виджет

#3 Werlornt

Werlornt

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 28 Февраль 2013 - 18:34

Безымянный.jpg

Просмотр сообщенияMikola (28 Февраль 2013 - 18:32) писал:

Добрый вечер...
куда именно вы хотели установить данный виджет
Сюда

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Март 2013 - 00:09

Вам необходимо в вашем файле стилей main.css найти

#container {
	margin: 0 auto;
	max-width: 1000px;
	width: 1000px;
}

и заменить на

#container {
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	width: 1000px;
	z-index: 2;
}

далее добавить

#left-fixed {
	height: 300px;
	left: 0;
	margin-top: -150px;
	position: fixed;
	top: 50%;
	width: 200px;
	z-index: 1;
}

далее в шаблоне "HTML" после строки

<div id="backtop">

вставить

<div id="left-fixed">Код вашего виджета</div>


#5 Werlornt

Werlornt

    Пользователь

  • Пользователи
  • PipPip
  • 15 сообщений

Отправлено 01 Март 2013 - 14:25

Просмотр сообщенияVaccina (01 Март 2013 - 00:09) писал:

Вам необходимо в вашем файле стилей main.css найти

#container {
margin: 0 auto;
max-width: 1000px;
width: 1000px;
}

и заменить на

#container {
margin: 0 auto;
max-width: 1000px;
position: relative;
width: 1000px;
z-index: 2;
}

далее добавить

#left-fixed {
height: 300px;
left: 0;
margin-top: -150px;
position: fixed;
top: 50%;
width: 200px;
z-index: 1;
}

далее в шаблоне "HTML" после строки

<div id="backtop">

вставить

<div id="left-fixed">Код вашего виджета</div>
Где взять код виджета?

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Март 2013 - 14:56

У вас же уже был установлен виджет...

#7 poznanskii

poznanskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений

Отправлено 23 Август 2013 - 00:03

Здравствуйте! Подскажите пожалуйста! Не активный виджет (обведён кругом), как исправить? Уже переустанавливал и всё равно не помогает! Ставил виджет от другой группы, тоже не помогает! Что мне делать, как мне быть?)) http://hobbimir39.ru/

Прикрепленные изображения

  • Безымянный.jpg


#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Август 2013 - 01:23

Возможно проблема из-за вставки двух одинаковых виджетов на одн страницу, попробуйте первый виджет удалить, будет ли второй активным?

#9 poznanskii

poznanskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений

Отправлено 23 Август 2013 - 12:38

Просмотр сообщенияVaccina (23 Август 2013 - 01:23) писал:

Возможно проблема из-за вставки двух одинаковых виджетов на одн страницу, попробуйте первый виджет удалить, будет ли второй активным?
да, второй активен! Самое интересное, что раньше оба виджета были активны! А сейчас не работает один (нижний)!

#10 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 24 Август 2013 - 00:49

У вас присутствует 2 одинаковых идентификатора vk_groups. Найдите код ваших виджетов. Он примерно следующий

<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 46522834);
</script>

<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29581170);
</script>

и замените данный код на

<div id="vk_groups1"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups1", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 46522834);
</script>

<div id="vk_groups2"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups2", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29581170);
</script>


#11 poznanskii

poznanskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений

Отправлено 24 Август 2013 - 13:58

Просмотр сообщенияСake (24 Август 2013 - 00:49) писал:

У вас присутствует 2 одинаковых идентификатора vk_groups. Найдите код ваших виджетов. Он примерно следующий

<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 46522834);
</script>

<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29581170);
</script>

и замените данный код на

<div id="vk_groups1"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups1", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 46522834);
</script>

<div id="vk_groups2"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups2", {mode: 0, width: "220", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29581170);
</script>
СПАСИБО!))

#12 poznanskii

poznanskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений

Отправлено 24 Август 2013 - 15:10

Рано обрадовался! (( В общем при замене кода, пропал фон под товарами и вылезла ошибка J2

#13 poznanskii

poznanskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений

Отправлено 24 Август 2013 - 15:18

сделал откат обратно! проблема не решена(((

#14 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 24 Август 2013 - 17:21

Просмотр сообщенияpoznanskii (24 Август 2013 - 15:10) писал:

Рано обрадовался! (( В общем при замене кода, пропал фон под товарами и вылезла ошибка J2
Данная замена должна работать. В вашем случае после замены по какой-то причине заодно код
<!-- Вход на сайт-Конец -->
поменялся на этот
<!-- Вход на сайт-Конец -->
</div>
что и повлекло изменения в отображении сайта.
Попробуйте проделать ту замену еще раз, разве что строчку кода, подключающего файл
<script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script>
надо перенесите перед кодом
</head>
и в единственном экземпляре, два раза этот код не нужен.
И в main.css код
#vk_groups {position: relative;height: 256px;width: 220px;background-image: none;}
замените на этот
#vk_groups1, #vk_groups2 {position: relative;height: 256px;width: 220px;background-image: none;}


#15 poznanskii

poznanskii

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 65 сообщений

Отправлено 24 Август 2013 - 18:03

Просмотр сообщенияsengun (24 Август 2013 - 17:21) писал:

Данная замена должна работать. В вашем случае после замены по какой-то причине заодно код
<!-- Вход на сайт-Конец -->
поменялся на этот
<!-- Вход на сайт-Конец -->
</div>
что и повлекло изменения в отображении сайта.
Попробуйте проделать ту замену еще раз, разве что строчку кода, подключающего файл
<script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script>
надо перенесите перед кодом
</head>
и в единственном экземпляре, два раза этот код не нужен.
И в main.css код
#vk_groups {position: relative;height: 256px;width: 220px;background-image: none;}
замените на этот
#vk_groups1, #vk_groups2 {position: relative;height: 256px;width: 220px;background-image: none;}
СПАСИБО!)) очень признателен!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных