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


Кнопки Социальных Сетей На Сайт

кнопки социальная сеть

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

#21 Ирина345

Ирина345

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

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

Отправлено 07 Декабрь 2014 - 16:11

Просмотр сообщенияboroda (07 Декабрь 2014 - 13:36) писал:

на всех товатрах что бы тут
Прикрепленный файл dffgdfhfgh.jpg

и не всех страницах тут же
Прикрепленный файл 3е4кн4ен.jpg

что бы главное не налезали не на что
Найдите в HTML
<!-- Поиск -->
<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
   <p>
   <label for="keywords">Поиск</label>
   <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
   <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif?design=mokko" id="submit" name="submit" />
	 </p>
</form>
	  
</div>
<!-- end Поиск -->
замените на

<!-- Поиск -->
<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
   <p>
   <label for="keywords">Поиск</label>
   <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
   <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif?design=mokko" id="submit" name="submit" />
	 </p>
</form>
		<div>
		  <a href="ссылка на соц.сеть"><img src="ссылка на картинку"/></a>
	 <a href="ссылка на соц.сеть"><img src="ссылка на картинку"/></a>
	 <a href="ссылка на соц.сеть"><img src="ссылка на картинку"/></a>
		</div>
</div>
<!-- end Поиск -->


#22 Teraweb2000

Teraweb2000

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

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

Отправлено 04 Апрель 2015 - 21:30

Добавил кнопки соц. сетей. Как выровнять их по центру SL-303729?

#23 Teraweb2000

Teraweb2000

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

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

Отправлено 05 Апрель 2015 - 17:46

Поможет кто нибудь?

#24 Cupuyc

Cupuyc

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

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

Отправлено 05 Апрель 2015 - 17:59

Просмотр сообщенияTeraweb2000 (04 Апрель 2015 - 21:30) писал:

Добавил кнопки соц. сетей. Как выровнять их по центру SL-303729?

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте последней строкой код:
.blockmain.navigation.fnt12n a {padding: 4px;}


#25 Teraweb2000

Teraweb2000

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

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

Отправлено 05 Апрель 2015 - 18:35

Просмотр сообщенияCupuyc (05 Апрель 2015 - 17:59) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте последней строкой код:
.blockmain.navigation.fnt12n a {padding: 4px;}
Спасибо))) Еще вопрос. Надо сделать что бы ссылки открывались в новом окне.

#26 Ирина345

Ирина345

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

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

Отправлено 06 Апрель 2015 - 17:45

Просмотр сообщенияTeraweb2000 (05 Апрель 2015 - 18:35) писал:

Спасибо))) Еще вопрос. Надо сделать что бы ссылки открывались в новом окне.
Здравствуйте, найдите в шаблоне HTML

 <div class="blocktitle bluesmall">Мы в социальных сетях</div>
		  <div class="blockmain navigation fnt12n">
  <a href="ваша ссылка"><img src="ваша ссылка" alt="" /></a>

замените на

 <div class="blocktitle bluesmall">Мы в социальных сетях</div>
		  <div class="blockmain navigation fnt12n">
  <a href="ваша ссылка"  target="_blank"><img src="ваша ссылка" alt="" /></a>


добавляете значение target="_blank" ко всем остальным ссылкам аналогичным образом.

#27 Teraweb2000

Teraweb2000

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

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

Отправлено 08 Апрель 2015 - 18:00

Просмотр сообщенияИрина345 (06 Апрель 2015 - 17:45) писал:

Здравствуйте, найдите в шаблоне HTML

<div class="blocktitle bluesmall">Мы в социальных сетях</div>
<div class="blockmain navigation fnt12n">
<a href="ваша ссылка"><img src="ваша ссылка" alt="" /></a>

замените на

<div class="blocktitle bluesmall">Мы в социальных сетях</div>
<div class="blockmain navigation fnt12n">
<a href="ваша ссылка" target="_blank"><img src="ваша ссылка" alt="" /></a>


добавляете значение target="_blank" ко всем остальным ссылкам аналогичным образом.

Спасибо.

#28 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 16 Май 2015 - 10:31

Здравствуйте.
Как установить кнопки на странице товара с этого сайта share42.com/ru?

#29 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Май 2015 - 13:03

Просмотр сообщенияsergrider (16 Май 2015 - 10:31) писал:

Здравствуйте.
Как установить кнопки на странице товара с этого сайта share42.com/ru?

Здравствуйте.
Воспользуйтесь уже имеющейся инструкцией добавления кнопок с share42.com. Единственное но:
строку
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>
необходимо вставить в шаблон Товар. Для этого в шаблоне Товар найдите код:
<!-- Товар-Конец -->

Замените его на:
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>
<!-- Товар-Конец -->


#30 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 16 Май 2015 - 13:42

Установил сразу после динамических вкладок.

В инструкции также прописано:

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}

Это надо делать и где? У меня файла main.csstemplate нет.

И еще вопрос.
Как выровнять кнопки по центру и добавить над кнопками текст?

Спасибо.

#31 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Май 2015 - 14:00

Просмотр сообщенияsergrider (16 Май 2015 - 13:42) писал:

Установил сразу после динамических вкладок.

В инструкции также прописано:

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}

Это надо делать и где? У меня файла main.csstemplate нет.

И еще вопрос.
Как выровнять кнопки по центру и добавить над кнопками текст?

Спасибо.

Данный код из пункта 7 необходимо вставить в шаблон main.css
Чтобы выравнять блок с кнопками по центру из того же пункта 7 код в первой строчке замените на:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; text-align: center;}


#32 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

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

Вставил.

Но на кнопки стал наезжать блок "Сопутствующие товары" или "с этим товаром смотрят"

#33 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Май 2015 - 14:28

Просмотр сообщенияsergrider (16 Май 2015 - 14:17) писал:

Вставил.

Но на кнопки стал наезжать блок "Сопутствующие товары" или "с этим товаром смотрят"

Попробуйте очистить кэш Вашего браузера (Ctrl+F5). На данный момент проблемы с наездом блоков на кнопки не наблюдается(скриншот в приложении).
Так же в шаблоне main.css в конце добавьте код:
.share42init {
text-align: center;
}

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

  • Screenshot_1.png


#34 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 16 Май 2015 - 14:39

Код я вставил после блока "Товар"  или его нужно в конце вставить?

.share42init {
text-align: center;
}

И где этот код тогда добавить.

Наезд наблюдается. Посмотрите внимательнее на кнопки.
Горизонтальная полоса по центру кнопок, это от блока "Сопутствующие товары"

#35 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Май 2015 - 14:58

Просмотр сообщенияsergrider (16 Май 2015 - 14:39) писал:

Код я вставил после блока "Товар"  или его нужно в конце вставить?

.share42init {
text-align: center;
}

И где этот код тогда добавить.

Наезд наблюдается. Посмотрите внимательнее на кнопки.
Горизонтальная полоса по центру кнопок, это от блока "Сопутствующие товары"

Вам необходимо добавить данный код в шаблоне main.css. Для удобства поиска этого кода в дальнейшем можете добавить в блок стилей кнопок соц сетей в конце. Т.е. найдите код:
/*Блок вывода кнопок соц сетей*/
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; text-align: center;}
#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}


Замените на:
/*Блок вывода кнопок соц сетей*/
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; text-align: center;}
#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}
.share42init {text-align: center;}

Горизонтальная полоска по центру кнопок не относится к блоку "Сопутствующие товары". Это дополнительный стиль наподобие нижних иконок меню яблочной компании в старых версиях операционной системы (Плоскость на которой стоят кнопки). Так задумано изначально.

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

  • Screenshot_2.png


#36 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 16 Май 2015 - 15:32

На прикрепленном рисунке это смотрится красиво.
А на сайте кнопки выглядят недоделанными.

Как их или убрать совсем, или сделать наподобие рамки вокруг кнопок?

#37 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 16 Май 2015 - 15:43

Просмотр сообщенияsergrider (16 Май 2015 - 15:32) писал:

На прикрепленном рисунке это смотрится красиво.
А на сайте кнопки выглядят недоделанными.

Как их или убрать совсем, или сделать наподобие рамки вокруг кнопок?

В шаблоне main.css найдите код:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; text-align: center;}

Замените на:
#share42 {padding: 28px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px; text-align: center;}


#38 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 16 Май 2015 - 16:21

Теперь все нормально. Спасибо.

#39 SL-343902

SL-343902

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

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

Отправлено 05 Июнь 2015 - 06:58

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

код в шаблоне товар.


        <!-- Лайки -->
     <div class="likes">  
           <div id="vk_like" style="background:none; margin:10px;"></div>
             <script type="text/javascript">
               VK.Widgets.Like("vk_like", {type: "button"});
             </script>

            <a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm'}">Нравится</a>
            <script src="http://cdn.connect.m...u/js/loader.js" type="text/javascript" charset="UTF-8"></script>

            <div class="fb-like" data-href="http://&#x43c;&#x430;&#x442;&#x440;&#x430;&#x441;&#x44b;59.&#x440;&#x444;" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
     </div>    


           <!-- Лайки конец -->

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

  • Безымянный.png


#40 Vaccina

Vaccina

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

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

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

В конец main.css добавьте:
.likes > div, .likes > span {
  display: inline-block;
  vertical-align: middle;
}
.likes > div:first-child {
  width: 140px !important;
}
.likes > div:last-child, .likes > span {
  width: 105px !important;
}





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

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