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


Настройка Автоподбора Ширины Виджета Вк

Движение Виджет ВК Виджет VK Ширина Настройка настроить ширину

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

#1 GeekGirl

GeekGirl

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

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

Отправлено 22 Ноябрь 2014 - 12:17

Здравствуйте.
Не смогла найти на форуме решение этого вопроса.
Помогите, пожалуйста, настроить виджет.
1. Ширина виджета постоянна, а нужно что бы изменялась синхронно с выше и ниже стоящим меню.
2. Изображение последнего портрета в нижнем ряду виджета попадает в "контейнер" к кнопке "отписаться от новостей".
Что нужно получить:
5D045cF3.jpg


Что я сделала:
- добавила код в HTML
c83372Ff.jpg 3FBd956E.jpg

Что вышло:

- при окне браузера раскрытом на всю ширину.
40e5e213.jpg

- при окне браузера уже ширины экрана.
72D100da.jpg

Аккаунт SL-277203
браузер Chrom

#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 22 Ноябрь 2014 - 12:57

Просмотр сообщенияGeekGirl (22 Ноябрь 2014 - 12:17) писал:

Здравствуйте.
Не смогла найти на форуме решение этого вопроса.
Помогите, пожалуйста, настроить виджет.
1. Ширина виджета постоянна, а нужно что бы изменялась синхронно с выше и ниже стоящим меню.
2. Изображение последнего портрета в нижнем ряду виджета попадает в "контейнер" к кнопке "отписаться от новостей".
Что нужно получить:
Прикрепленный файл 5D045cF3.jpg


Что я сделала:
- добавила код в HTML
Прикрепленный файл c83372Ff.jpg Прикрепленный файл 3FBd956E.jpg

Что вышло:

- при окне браузера раскрытом на всю ширину.
Прикрепленный файл 40e5e213.jpg

- при окне браузера уже ширины экрана.
Прикрепленный файл 72D100da.jpg

Аккаунт SL-277203
браузер Chrom
Здравствуйте. В style.css добавьте
div#vk_groups iframe {
width: 100%;
}
и в шаблоне HTML замените
<div id="vk_groups"></div>
на
<div id="vk_groups" style="width: 100%;"></div>


#3 GeekGirl

GeekGirl

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

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

Отправлено 22 Ноябрь 2014 - 17:12

Просмотр сообщенияAlekseys (22 Ноябрь 2014 - 12:57) писал:

Здравствуйте. В style.css добавьте
div#vk_groups iframe {
width: 100%;
}
и в шаблоне HTML замените
<div id="vk_groups"></div>
на
<div id="vk_groups" style="width: 100%;"></div>

Не помогло.

#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Ноябрь 2014 - 09:35

Просмотр сообщенияGeekGirl (22 Ноябрь 2014 - 17:12) писал:

Не помогло.
Здравствуйте.
В шаблоне html найдите код
<div id="vk_groups" style="width: 100%;"></div>
и замените на
<div id="vk_groups" style="width: 100% !important;"></div>


#5 GeekGirl

GeekGirl

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

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

Отправлено 23 Ноябрь 2014 - 19:45

Просмотр сообщенияDanil (23 Ноябрь 2014 - 09:35) писал:

Здравствуйте.
В шаблоне html найдите код
<div id="vk_groups" style="width: 100%;"></div>
и замените на
<div id="vk_groups" style="width: 100% !important;"></div>

Получилось!)
Но п.2 все еще актуален фон кнопки "Отписаться от новостей" захватывает иконки участников группы.
В гугл хроме 2bC7deA1.jpg
в Эксплоере cD8c11C4.jpg

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 24 Ноябрь 2014 - 07:33

Просмотр сообщенияGeekGirl (23 Ноябрь 2014 - 19:45) писал:

Получилось!)
Но п.2 все еще актуален фон кнопки "Отписаться от новостей" захватывает иконки участников группы.
В гугл хроме Прикрепленный файл 2bC7deA1.jpg
в Эксплоере Прикрепленный файл cD8c11C4.jpg
Здравствуйте.
К сожалению, на стили самого виджета, мы повлиять не можем, т.к. они подгружаются.





Темы с аналогичным тегами Движение, Виджет ВК, Виджет VK, Ширина, Настройка, настроить ширину

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

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