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


Виджет "Поделиться" От Яндекса


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

#41 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 04 Февраль 2013 - 17:25

Для того, чтобы отредактировать стиль этого "некого" текста, используйте параметры в коде
text-align: center; <!-- выравнивание по центру -->
font: normal 15px Verdana; <!-- стиль шрифта -->
color: red; <!-- цвет текста -->

Спасибо!
Всё установил, показывает ошибку.
Хотелось бы чтоб стрелочка тоже была)))

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

  • некий текст со стрелкой.jpg


#42 mikola

mikola

    Good soo good

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

Отправлено 04 Февраль 2013 - 17:59

Просмотр сообщенияsotil (04 Февраль 2013 - 17:25) писал:

Для того, чтобы отредактировать стиль этого "некого" текста, используйте параметры в коде
text-align: center; <!-- выравнивание по центру -->
font: normal 15px Verdana; <!-- стиль шрифта -->
color: red; <!-- цвет текста -->

Спасибо!
Всё установил, показывает ошибку.
Хотелось бы чтоб стрелочка тоже была)))
пришлите пожалуйста код который вы устанавливаете

#43 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

</table>
      </div>
    </div>
  </div>

<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<div style="position: fixed;right: 0;top: 37%;">
<div style=" width: 192px; text-align: center; font: 18px Verdana; color: red;">
Узнайте цену
<br>
<br>
"ДЛЯ СВОИХ"
   <br>
   <br>
   ВКонтакте
          <br>
   <br>
</div>
<!-- VK Widget -->
<div id="vk_groups" > </div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "192", height: "290"}, 46112809);
</script>
</div>

#44 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

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

<div style="
	 height: 110px; width: 192px;
	 position: fixed; right: 0;
	 top: 40%;
">Узнайте цену
<br />
<br />
"ДЛЯ СВОИХ"
<br />
<br />
ВКонтакте</div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "192", height: "290"}, 46112809);
</script>
</div>
<div style="position:absolute;left:960px;top:-400px;">
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<script type="text/javascript">
VK.init({apiId: 3386606});
</script>

Удаляю вот это и ошибка выскакивает

Сообщение отредактировал sotil: 04 Февраль 2013 - 18:27


#45 mikola

mikola

    Good soo good

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

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

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



Удаляю вот это и ошибка выскакивает
только , что вы прислали два разных кода..всё же какой имено код щас установлен??1 или 2????

#46 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 04 Февраль 2013 - 21:20

По, рекомендации, я удаляю вот этот код из HTML, сейчас он стоит !
После его удаления выскакивает ошибка
<div style="
		 height: 110px; width: 192px;
		 position: fixed; right: 0;
		 top: 40%;
">Узнайте цену
<br />
<br />
"ДЛЯ СВОИХ"
<br />
<br />
ВКонтакте</div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "192", height: "290"}, 46112809);
</script>
</div>
<div style="position:absolute;left:960px;top:-400px;">
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<script type="text/javascript">
VK.init({apiId: 3386606});
</script>

Вместе с ним удаляю этот блок из main.css
#vk_groups {
			 position: fixed;
			 right: 0;
			 top: 55%;
}

В HTML вставляю это


<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<div style="position: fixed;right: 0;top: 55%;">
<div style=" width: 192px; text-align: center; font: normal 15px verdana; color: red;">
Узнайте цену
<br>
<br>
"ДЛЯ СВОИХ"
   <br>
   <br>
   ВКонтакте
		  <br>
   <br>
</div>
<!-- VK Widget -->
<div id="vk_groups" > </div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "192", height: "290"}, 46112809);
</script>
</div>

Он почти то, что надо, но надо завернуть в стрелку текст "Узнай цену "ДЛЯ СВОИХ" ВКонтакте"
При этом ещё грозно висит ОШИБКА!!!
Спасибо!

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

  • некий текст со стрелкой.jpg


#47 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 04 Февраль 2013 - 21:33

Оказывается я вместе с удаляемым кодом захватывал лишнее, сейчас всё, без ошибки, однако текст в стрелочку бы поместить)))
Спасибо!

#48 mikola

mikola

    Good soo good

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

Отправлено 04 Февраль 2013 - 21:40

Просмотр сообщенияsotil (04 Февраль 2013 - 21:33) писал:

Оказывается я вместе с удаляемым кодом захватывал лишнее, сейчас всё, без ошибки, однако текст в стрелочку бы поместить)))
Спасибо!
то есть вы хотите как на кринке стрелочку и в ней текст?а не просто текст без стрелки
За чем же всё такие тике не удобства... :mellow:

#49 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 04 Февраль 2013 - 21:47

Ну не знаю, всё методом пробиошибок))

#50 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 06 Февраль 2013 - 19:38

Просмотр сообщенияKoderhan (07 Ноябрь 2012 - 15:37) писал:

Вставка иконок от share42.com.
http://share42.com/ru
1. Выберите интересующие вас иконки сайтов.
2. Выберите нужные опции
Изображение
То что не выделено красным квадратом лучше изменять
3. Изображение
выбрать "любой сайт".
4. Скачайте скрипт себе на компьютер, распакуйте архив.
5. Загрузить на сайт файлы. В панели администратора , Сайт -> Редактор тем , "Добавить файлы", выбрать с компьютера файлы share42.js, icons.png и загрузить.
6. Далее на этой же странице админки открыть файл "HTML" , После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}share42.js"></script>
После кода:
<body>
Добавить:
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>

7. Открыть файл main.csstemplate и добавить код:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Удачи.

Подскажите а как вставить второй блок ссылок, но в другом месте и с другими параметрами?
Спасибо.

#51 Koderhan

Koderhan

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

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

Отправлено 06 Февраль 2013 - 19:49

Вы просто можете добавить в другое место этот код:

<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>


#52 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 06 Февраль 2013 - 19:51

Просмотр сообщенияKoderhan (06 Февраль 2013 - 19:49) писал:

Вы просто можете добавить в другое место этот код:

<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>

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

Сообщение отредактировал Дмитрий К: 06 Февраль 2013 - 19:55


#53 Koderhan

Koderhan

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

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

Отправлено 06 Февраль 2013 - 19:56

Просмотр сообщенияДмитрий К (06 Февраль 2013 - 19:51) писал:

А как задать для этого блока выравнивание, отступы, положение......
Тогда лучше еще задать индивидуальные стили для данного блока.

<div class="share42init myb" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>
И в "main.csstemplate".
Добавить код с стилями.
.myb {
}


#54 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 06 Февраль 2013 - 20:01

Просмотр сообщенияKoderhan (06 Февраль 2013 - 19:56) писал:

Тогда лучше еще задать индивидуальные стили для данного блока.

<div class="share42init myb" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>
И в "main.csstemplate".
Добавить код с стилями.
.myb {
}

Спасибо.

#55 Koderhan

Koderhan

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

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

Отправлено 06 Февраль 2013 - 20:09

Просмотр сообщенияДмитрий К (06 Февраль 2013 - 20:01) писал:

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

#56 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 06 Февраль 2013 - 21:33

Просмотр сообщенияKoderhan (06 Февраль 2013 - 20:09) писал:

Просто попробуйте вставить данный код в нужное место на странице и мы попробуем вам помочь подправить расположение.

Распололожение прописал, подскажите как сделать что-бы кнопки всегда были яркими как при наведении на блок (не на кнопки).
++++++
Как задать корректное отображение лайков под картинкой товара при просмотре списком?
Вставил след. код
   <div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
<div class="fb-like" data-href="http://cosmonix.ru" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div>
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'combo'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>


#57 Koderhan

Koderhan

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

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

Отправлено 07 Февраль 2013 - 10:05

Просмотр сообщенияДмитрий К (06 Февраль 2013 - 21:33) писал:

Распололожение прописал, подскажите как сделать что-бы кнопки всегда были яркими как при наведении на блок (не на кнопки).
++++++
Как задать корректное отображение лайков под картинкой товара при просмотре списком?
Вставил след. код
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
<div class="fb-like" data-href="http://cosmonix.ru" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div>
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'combo'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Вывод кнопок на странице повторяется.
Возможно вы вставили код кнопки несколько раз.
Все кнопки желательно расположить в отдельном div блоке с индивидуальными стилями.
Например после блока
<div class="imagem">...</div>
Кнопки в отдельном блоке div.
<div class="myb1">Тут кнопки</div>


Если поставить код лайков под каждый товар в списке товаров то лайк будет применяться только на страницу товары. Тоесть пользователь сможет поделиться только этим списком товаров а не конкретным товаром.

#58 Дмитрий К

Дмитрий К

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

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 07 Февраль 2013 - 14:17

Просмотр сообщенияKoderhan (07 Февраль 2013 - 10:05) писал:

Вывод кнопок на странице повторяется.
Возможно вы вставили код кнопки несколько раз.
Все кнопки желательно расположить в отдельном div блоке с индивидуальными стилями.
Например после блока
<div class="imagem">...</div>
Кнопки в отдельном блоке div.
<div class="myb1">Тут кнопки</div>


Если поставить код лайков под каждый товар в списке товаров то лайк будет применяться только на страницу товары. Тоесть пользователь сможет поделиться только этим списком товаров а не конкретным товаром.

Спасибо.Понятно.

#59 marykvoffll

marykvoffll

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

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

Отправлено 16 Февраль 2013 - 16:45

Мне нужно сделать
1. блок с кнопками соц сети слева плавающий
2. кнопку вверх прикрепить ее к подвалу, чтобы она там была всегда, не бегала
Пыталась сделать, выходит не корректно.
- все скачала, загрузила картинок у меня 2 icons.png и icons2.png
Вот мой сайт agatastyle.ru
Код вставила таким образом

<script type="text/javascript" src="{ASSETS_JS_PATH}share42.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}share42_2.js"></script>   это у меня относится к кнопкам соц сети
и

<body>
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="700" data-top2="20" data-margin="1300"></div>
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>

#60 Koderhan

Koderhan

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

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

Отправлено 16 Февраль 2013 - 21:04

Вы можете вставить эти кнопки на сайт по этой инструкции.

http://forum.storela...кса/#entry30994




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

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