Адаптивный комментарии vk.com 100% width

Модератор: Fleelancer

<<

antoshabrain

Аватара пользователя

Автор темы

Сообщения: 47

Зарегистрирован: 22 дек 2011, 14:03

Благодарил (а): 7 раз.
Поблагодарили: 6 раз.

Сообщение 28 мар 2013, 00:34

Адаптивный комментарии vk.com 100% width

Привет, поискал, не нашел темы по этому вопросу ничего, кроме, как впринципе добавить комментарии. Сам вопрос такой:

Как сделать чтобы виджет комментариев vk.com был всегда 100% по ширине, не зависимо от разрешения экрана? При добавлении можно указать ширину только в пикселях, если принудительно указать:

  Код:
...
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "100%", attach: "*"});
</script>


То берется стандартная ширина, вместо 100%

Добавлено спустя 17 минут 56 секунд:
Не нашел как отредактировать, грамматическую ошибку в названии темы :dash:
<<

Gene

Аватара пользователя

Сообщения: 358

Зарегистрирован: 12 ноя 2011, 04:58

Благодарил (а): 0 раз.
Поблагодарили: 32 раз.

Сообщение 28 мар 2013, 17:30

Re: Адаптивный комментарии vk.com 100% width

это вам лучше в поддержке vk.com спросить (если такая есть)
Graddit - полезные виджеты для вашего блога: рейтинги, похожие статьи, лучшие материалы.
<<

antoshabrain

Аватара пользователя

Автор темы

Сообщения: 47

Зарегистрирован: 22 дек 2011, 14:03

Благодарил (а): 7 раз.
Поблагодарили: 6 раз.

Сообщение 29 мар 2013, 01:29

Re: Адаптивный комментарии vk.com 100% width

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

Помню гуглил, получалось сделать виджет группы на 100% от экрана, правда с багами, сама форма была на 100% ширины, но люди в ней показывались только на половине формы вот пример /go.php?http://www.antoshabrain.ru/p/yamoney.html делалось это с помощью добавления свойства в css

  Код:
#vk_groups, #vk_groups iframe { width: 100% !important; }


но на комментарии почему то не работает

Добавлено спустя 1 минуту 22 секунды:
Ссылка на пример плохо вставилась, вот пример

Добавлено спустя 18 минут 21 секунду:
Нашел решение, вместо width поставить auto. Видимо они недавно ввели это, все работает.
<<

Gene

Аватара пользователя

Сообщения: 358

Зарегистрирован: 12 ноя 2011, 04:58

Благодарил (а): 0 раз.
Поблагодарили: 32 раз.

Сообщение 29 мар 2013, 04:40

Re: Адаптивный комментарии vk.com 100% width

Ну хорошо, что получилось. Напишу только, что никакими свойствами css невозможно перекрыть стили, прописанные непосредственно в style элемента (а именно туда они и попадают при вызове приложения vk), потому и не работало.
Graddit - полезные виджеты для вашего блога: рейтинги, похожие статьи, лучшие материалы.
<<

antoshabrain

Аватара пользователя

Автор темы

Сообщения: 47

Зарегистрирован: 22 дек 2011, 14:03

Благодарил (а): 7 раз.
Поблагодарили: 6 раз.

Сообщение 29 мар 2013, 05:44

Re: Адаптивный комментарии vk.com 100% width

Попробуйте в примере ctrl + / ctrl -

Вернуться в Вопросы от новичков

Кто сейчас на конференции

Зарегистрированные пользователи: нет зарегистрированных пользователей

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo