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


Изменение Внешнего Вида Виджетов Вконтакте


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

#21 000-00-00

000-00-00

    Новичок

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

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

Просмотр сообщенияVaccina (03 Июль 2013 - 06:35) писал:

Сайт - Редактор шаблонов - main.css - пробуем следующее, в самом конце файла вставляем:
/* Отвечает за блок в целом */
#vk_comments{
}
/* Шапка, где указывается количество комментариев и логотип */
.wcomments_head{
}
/* Блок, куда пишем комментарий */
#wcomments_form{
}
/* Ответы на комментарий */
.post_table{
}
и уже их стилизуем, я вам прописала комментарии к каждому блоку, чтобы было понятно что мы стилизуем и самое главное, к каждому стилю прописываем !important
Пример:

/* Отвечает за блок в целом */
#vk_comments{
background: #000000 !important;
}

А сами стили вы можете поизучать тут: http://htmlbook.ru/

Большое спасибо вам за помощь, но удаётся играть только с обложкой для iframe с комментами -- #vk_comments {background: #000000 !important;} и т.д. меняют на чёрный бэкграунд под айфреймом с комментариями, но сам айфрейм остаётся неизменно белым. Тем более странно, что на сайте максидрома им удалось как-то всё перекрасить. Не понимаю, как:)

#22 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 04 Июль 2013 - 12:29

Просмотр сообщения000-00-00 (04 Июль 2013 - 08:21) писал:

Большое спасибо вам за помощь, но удаётся играть только с обложкой для iframe с комментами -- #vk_comments {background: #000000 !important;} и т.д. меняют на чёрный бэкграунд под айфреймом с комментариями, но сам айфрейм остаётся неизменно белым. Тем более странно, что на сайте максидрома им удалось как-то всё перекрасить. Не понимаю, как :)

Еще раз просим Вас написать номер аккаунта (последняя вкладка в бэк-офисе "аккаунт sl-цифры) Нам нужны эти цифры, узнать по ним адрес магазина могут только модераторы, напишите, пожалуйста, чтобы мы смогли помочь Вам изменить фон и цвет.

#23 000-00-00

000-00-00

    Новичок

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

Отправлено 04 Июль 2013 - 16:00

Просмотр сообщенияsupport 2.0 (04 Июль 2013 - 12:29) писал:

Еще раз просим Вас написать номер аккаунта (последняя вкладка в бэк-офисе "аккаунт sl-цифры) Нам нужны эти цифры, узнать по ним адрес магазина могут только модераторы, напишите, пожалуйста, чтобы мы смогли помочь Вам изменить фон и цвет.

Здравствуйте. Ради бога извините, что туплю, но у меня нет магазина никакого на storeland, есть приложение vk_comments, загружающееся через iframe на страницу ddt.ru/contacts -- я искал информацию о возможности изменения css виджета вКонтакте через гугл, и гугл меня сюда направил. Я не клиент storeland, меня просто интетесует принциаиальная возможность, и всё.

#24 Taisia

Taisia

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

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

Отправлено 04 Июль 2013 - 18:33

попробуйте менять значение цвета для
#page_wrap

.wcomments_head

#submit_post_box_wrap

.wall_module .reply


#25 000-00-00

000-00-00

    Новичок

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

Отправлено 05 Июль 2013 - 07:57

Просмотр сообщенияTaisia (04 Июль 2013 - 18:33) писал:

попробуйте менять значение цвета для
#page_wrap

.wcomments_head

#submit_post_box_wrap

.wall_module .reply


Попробовал, спасибо, результат такой же, всё такое же белое.

На ответах.майл.ру мне ответили так:
Как изменить css виджета Комментарии вКонтакте? Спасибо!»

ответ от пользователя Павел Масюков:
«вообщето он загружается как кусок страницы - воспользуйся "апи" вконтакте - и там без джава скрипта...»

____________________

Буду изучать api


#26 miyako

miyako

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

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

Отправлено 05 Июль 2013 - 09:35

Просмотр сообщения000-00-00 (05 Июль 2013 - 07:57) писал:

Попробовал, спасибо, результат такой же, всё такое же белое.

На ответах.майл.ру мне ответили так:
Как изменить css виджета Комментарии вКонтакте? Спасибо!»

ответ от пользователя Павел Масюков:
«вообщето он загружается как кусок страницы - воспользуйся "апи" вконтакте - и там без джава скрипта...»

____________________

Буду изучать api


Прочитайте более подробную инструкцию о виджета вконтакте - http://vk.com/dev/widget_comments

#27 bladeinhand

bladeinhand

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

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

Отправлено 26 Сентябрь 2013 - 17:36

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

#28 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 26 Сентябрь 2013 - 17:44

Просмотр сообщенияbladeinhand (26 Сентябрь 2013 - 17:36) писал:

А не подскажите как разместить виджет "мы вконтакте" где-нибудь сбоку на сайте, справа или слева, чтобы не мешался и выглядел более менее гармонично
Какой у Вас дизайн-шаблон? Виджет можете сгенерировать здесь. Размещается он в шаблоне HTML. Напишите номер аккаунт, тогда Вам укажем после какой строчки вставить.

#29 bladeinhand

bladeinhand

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

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

Отправлено 27 Сентябрь 2013 - 08:02

шаблон у меня немного видоизменённый пластик, виджет я сгенерил и даже воткнул в админке, но он отображается совсем внизу и его считай что не видно.
Адрес магазина:
http://knifemania.ru

#30 Koderhan

Koderhan

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

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

Отправлено 27 Сентябрь 2013 - 12:04

Просмотр сообщенияbladeinhand (27 Сентябрь 2013 - 08:02) писал:

шаблон у меня немного видоизменённый пластик, виджет я сгенерил и даже воткнул в админке, но он отображается совсем внизу и его считай что не видно.
Адрес магазина:
http://knifemania.ru
Можете добавить код виджета в файле "HTML" до кода:
<!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
Предварительно обвернув в специальный тег с классом для дальнейшего удобного редактирования.
<div class="m-vk">
тут код виджета
</div>


#31 bladeinhand

bladeinhand

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

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

Отправлено 27 Сентябрь 2013 - 20:34

Строчки, которую вы написали я в файл хтмл не нашёл, вставил перед этим куском:
<!-- Если в тарифном плане подключен модуль новостей -->
      {% IF TARIFF_FEATURE_NEWS %}
        <!-- Все новости -->
        {%IFNOT news_list_all_empty %}
          <div class="block">
            <div class="blocktitle bluelarge">
              <a href="{NEWS_SHOP_URL}">Новости</a>
            </div>
            <div class="blockmain state padd">
              {% FOR news_list_all %}
                <div class="statetext fnt11n txtalgnlft">
                  <div class="statetitle fnt12n txtalgnlft">
                    <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a>
                  </div>
                  <p>

Но нигде ничего не появилось =(

#32 Сake

Сake

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

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

Отправлено 28 Сентябрь 2013 - 00:26

Вы вставили код виджета внутрь условия {% IFNOT index_page %} в связи с этим виджет не отображается на главной странице, но отображается на других страницах. Найдите и удалите в вашем шаблоне "HTML" код

<div class="m-vk">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
</script>
</div>

чуть выше найдите код

<!-- Корзина -->
	<div class="block">
	  <div class="blocktitle bluelarge">
		<a href="{CART_URL}" title="Корзина">Корзина</a>
	  </div>
	  <div class="blockmain cart padd cartInfo">
		<ul>
		  <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
		  <li class="button">
		  <p class="fnt11b txtalgnlft cartSum">
			{% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %}
		  </p>
		  <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
		</ul>
	  </div>
	  <div class="blockbottom">
	  </div>
	</div>

и после вставьте

<div class="block">
	  <div class="blocktitle bluelarge">Мы ВКонтакте</div>
	  <div class="blockmain padd">
		 <div class="m-vk">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
</script>
</div>
	  </div>
	  <div class="blockbottom">
	  </div>
	</div>


#33 bladeinhand

bladeinhand

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

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

Отправлено 28 Сентябрь 2013 - 12:39

Сделал всё как вы сказали, ниже привожу кусок кода из хтмл

   <!-- Корзина -->
    <div class="block">
      <div class="blocktitle bluelarge">
        <a href="{CART_URL}" title="Корзина">Корзина</a>
      </div>
      <div class="blockmain cart padd cartInfo">
        <ul>
          <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
          <li class="button">
          <p class="fnt11b txtalgnlft cartSum">
            {% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %}
          </p>
          <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
        </ul>
      </div>
      <div class="blockbottom">
      </div>
    </div>
    <!-- END Корзина -->
    {% IFNOT index_page %}

    <div class="block">
          <div class="blocktitle bluelarge">Мы ВКонтакте</div>
          <div class="blockmain padd">
                 <div class="m-vk">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
</script>
</div>
          </div>
          <div class="blockbottom">
          </div>
        </div>


      <!-- Если в тарифном плане подключен модуль новостей -->
      {% IF TARIFF_FEATURE_NEWS %}
        <!-- Все новости -->
        {%IFNOT news_list_all_empty %}
          <div class="block">
            <div class="blocktitle bluelarge">
              <a href="{NEWS_SHOP_URL}">Новости</a>
            </div>
            <div class="blockmain state padd">
              {% FOR news_list_all %}
                <div class="statetext fnt11n txtalgnlft">
                  <div class="statetitle fnt12n txtalgnlft">
                    <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a>
                  </div>
                  <p>
                    {news_list_all.TEXT_SHORT}
                  </p>
                  {% IF news_list_all.SHOW_TIME %}
                    <div class="statedate fnt12 fnt11n txtalgnlft">
                      {news_list_all.TIME | date("d.m.Y")}
                    </div>
                  {% ENDIF %}
                </div>
              {% ENDFOR %}
            </div>
            <div class="blockbottom"></div>
          </div>
        {% ENDIF %}

однако группы по прежнему не вижу

#34 bladeinhand

bladeinhand

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

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

Отправлено 28 Сентябрь 2013 - 15:21

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

#35 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 28 Сентябрь 2013 - 18:43

Просмотр сообщенияbladeinhand (28 Сентябрь 2013 - 15:21) писал:

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

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

  • ScreenShot 409.png


#36 bladeinhand

bladeinhand

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

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

Отправлено 29 Сентябрь 2013 - 16:21

Если войти в любую из категорий, например "складные ножи" и отлистать вниз

#37 miyako

miyako

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

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

Отправлено 30 Сентябрь 2013 - 06:37

Просмотр сообщенияbladeinhand (29 Сентябрь 2013 - 16:21) писал:

Если войти в любую из категорий, например "складные ножи" и отлистать вниз

Нашла только один блок вывода виджета в шаблоне HTML -
<div class="block">
		  <div class="blocktitle bluelarge">Мы ВКонтакте</div>
		  <div class="blockmain padd">
				 <div class="m-vk">
					 <script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>
				  
					 <div id="vk_groups"></div>
					  <script type="text/javascript">
					  VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 39189302);
					  </script>
				</div>
		  </div>
		  <div class="blockbottom"></div>
	</div>
Попробуйте удалить этот блок и поставить заново.

#38 bladeinhand

bladeinhand

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

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

Отправлено 30 Сентябрь 2013 - 08:16

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

#39 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Сентябрь 2013 - 19:23

Просмотр сообщенияbladeinhand (30 Сентябрь 2013 - 08:16) писал:

удалил. Всё ок. Вставил заново, опять 2 группы, слегка предсказуемо но тем не менее.
Что будем делать дальше?
Пришлите скриншот. Я не вижу второго расположения виджета

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

  • ScreenShot 422.png


#40 bladeinhand

bladeinhand

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

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

Отправлено 30 Сентябрь 2013 - 21:22

Теперь посмотрите там же. Я вставил обратно этот блок.




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

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