Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

11

Установка Виджетов Вконтакте

Автор Snuffit, 24 марта 2011 21:06

Авторизуйтесь для ответа в теме

Сообщений в теме: 270

#61 kotom

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

Пользователи
43 сообщений

Отправлено 12 Апрель 2012 - 23:22

Здравствуйте!

Подскажите, как расположить виджеты РЯДОМ друг с другом? Сейчас они находятся друг под другом.

Пробовал с помощью:

<table style="border-color: #ffffff; border-width: 0px;" border="0">
<tbody>
<tr>
<td style="width: 33%; border: 1px solid #ffffff;" align="center" valign="middle">p1</td>
<td style="width: 33%; border: 1px solid #ffffff;" align="center" valign="middle">p2</td>
<td style="width: 33%; border: 1px solid #ffffff;" align="center" valign="middle">р3</td>
</tbody>
</tr>

где p1, p2, p3 - место для кода виджета.

Но получается какая-то ерунда. Если width поставить 0%, то виджеты смещаются к левой стороне столбца, и это есть хорошо. Но как сжать сам столбец? Его ширина остается неизменной.

Наверх

#62 Vaccina

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

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

Отправлено 13 Апрель 2012 - 20:35

Лучше значения width указывать не в процентах, а в px чтоб не растягивалось. Думаю, в этом вся проблема.

Наверх

#63 kotom

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

Пользователи
43 сообщений

Отправлено 13 Апрель 2012 - 22:16

Vaccina (13 Апрель 2012 - 20:35) писал:

Лучше значения width указывать не в процентах, а в px чтоб не растягивалось. Думаю, в этом вся проблема.

Не помогает. Проблему так и не решил.
Даже создание таблицы не помогает. Границы столбцов и там непонятным образом шире необходимого. Плюс основной текст страницы начинает растягиваться.

Наверх

#64 Vaccina

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

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

Отправлено 16 Апрель 2012 - 20:40

Попробуйте использовать вместо таблицы - блоки. Пример

<div>
<div style="float:left;">p1</div>
<div style="float:left;">p2</div>
<div style="float:left;">p3</div>
<div style="clear:left;"></div>
</div>

Наверх

#65 getmarina88

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

Пользователи
18 сообщений

Отправлено 10 Май 2012 - 21:43

Как получить id для виджета???? Он вообще какой-то особенный или id-моей группы/страницы должен быть?

<script type="text/javascript" src="http://userapi.com/j...s?49"></script>

<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>


<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>

Наверх

#66 Vaccina

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

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

Отправлено 11 Май 2012 - 19:01

Всю необходимую информацию по данному виджету вы можете получить в службе поддержки "Вконтакте"

Наверх

#67 getmarina88

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

Пользователи
18 сообщений

Отправлено 21 Май 2012 - 09:14

Vaccina (28 Октябрь 2011 - 18:32) писал:

Вам нужно разместить код данной кнопки, только в этом случае я смогу вам помочь. Как поставите - напишите, будем смотреть.

Посмотрите пожалуйста, в чем моя ошибка установила кнопку "мне нравится"ВК и вот такая хрень вместо кнопки. Что значит авторизоваться? (войти на свою страницу ВК или какие-то другие действия)

Наверх

#68 Vaccina

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

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

Отправлено 21 Май 2012 - 14:17

Это по идее авторизация для пользователей(быстрая) что бы они могла авторизоваться и написать или поставить "Мне нравиться" под своей учетной записью.

Наверх

#69 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 08 Июнь 2012 - 11:43

Подскажите где двигать кнопку "Мне нравиться"?

Наверх

#70 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 08 Июнь 2012 - 13:06

Подскажите куда вставить код для виджета сообщества вконтакте?
У меня немного получается не так, как я хочу (после каталога и позиционироваля виджет по середине или на всю ширину cjnt250 без ущерба для других элементов)

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

Наверх

#71 Vaccina

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

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

Отправлено 08 Июнь 2012 - 17:45

Цитата

Подскажите где двигать кнопку "Мне нравиться"?

Не совсем понятен ваш вопрос. Пожалуйста, объясните по подробнее и приведите ссылку на пример в вашем сайте.

Цитата

Подскажите куда вставить код для виджета сообщества вконтакте?
У меня немного получается не так, как я хочу (после каталога и позиционироваля виджет по середине или на всю ширину cjnt250 без ущерба для других элементов)

Если вы хотите разместить блок после каталога - то вставляйте его после строк

<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item"> 
							<a href="{catalog.URL}" 
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />

так же можно виджет обвернуть в отдельный блок <div> и уже этому блоку назначить необходимую стилизацию.

Наверх

#72 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 08 Июнь 2012 - 21:53

Vaccina (08 Июнь 2012 - 17:45) писал:

Не совсем понятен ваш вопрос. Пожалуйста, объясните по подробнее и приведите ссылку на пример в вашем сайте.

Перехотел двигать. Надо просто увеличить расстояние (см. фото). Сайт в подписи.
Вопрос снят, добавил margin-top в файл стилей к элементу "характеристика"(может кому пригодится)

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

Наверх

#73 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 08 Июнь 2012 - 22:40

Подскажите куда вставлять код виджета для комментариев ВКонтакте. Создал страницу отзывы где они должны быть

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

Наверх

#74 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 09 Июнь 2012 - 07:39

Подскажите как его подвинуть немного влево?

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

Наверх

#75 Vaccina

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

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

Отправлено 13 Июнь 2012 - 12:30

Цитата

Подскажите куда вставлять код виджета для комментариев ВКонтакте. Создал страницу отзывы где они должны быть

По идее вам необходимо его вставлять в ту же страницу которую вы создаете, а именно в визуальный редактор. Только необходимо переключить редактор в режим правки HTML кода.

Цитата

Подскажите как его подвинуть немного влево?

Добавьте в файл стилей

#vk_groups {
  margin-left:-10px;
}

Наверх

#76 kaisyRUS

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

Пользователи
381 сообщений

Отправлено 13 Июнь 2012 - 21:05

Vaccina (13 Июнь 2012 - 12:30) писал:

По идее вам необходимо его вставлять в ту же страницу которую вы создаете, а именно в визуальный редактор. Только необходимо переключить редактор в режим правки HTML кода.

Добавьте в файл стилей

#vk_groups {
  margin-left:-10px;
}

Спасибо. Все вышло

Наверх

#77 medisan

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

Пользователи
53 сообщений

ГородНовосибирск

Отправлено 18 Июнь 2012 - 10:49

Здравствуйте.

Не получается выровнять виджет опроса

Сам виджет имеет по умолчании ширину 300px, этот вопрос был решен с помощью добавления к стилям

#vk_poll iframe {width: 200px! important;}

блок сократился, а страница на место так и не встала...

Как ее вернуть?

Моя ссылка

Наверх

#78 Vaccina

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

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

Отправлено 18 Июнь 2012 - 19:44

В данный момент на вашем сайте подобный блок отсутствует, и вместо него у вас вставлена кнопка. Возможно вы уже решили свой вопрос самостоятельно.

Наверх

#79 medisan

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

Пользователи
53 сообщений

ГородНовосибирск

Отправлено 19 Июнь 2012 - 03:08

Я пока убрала его. Он очень сильно смещает основную часть страницы.

Наверх

#80 medisan

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

Пользователи
53 сообщений

ГородНовосибирск

Отправлено 21 Июнь 2012 - 16:26

Так и можно что то сделать?

Наверх

Обратно в Другое

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

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

Установка Виджетов Вконтакте

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

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

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

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

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

Войти

Google поиск