0 Пользователей и 1 Гость просматривают эту тему.
  • 38 Ответов
  • 7136 Просмотров
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #30 : 17.08.2015, 16:37:14 »
mod_socialmedialinksj25-J30-J31v241_11.zip

- незначительные исправления
случайно заметил, когда просматривал скрипт, заодно добавил текст лицензии.
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #31 : 28.08.2015, 16:26:08 »
mod_socialmedialinksj25-J30-J31v241_13.zip
- исправление связано с отображением на локальном
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #32 : 01.10.2015, 13:43:32 »
Объемные иконки если нужно  ;D



второй


третий

 
 *DRINK*
« Последнее редактирование: 01.10.2015, 16:49:17 от leo78 »
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #33 : 01.10.2015, 17:14:08 »
Есть еще такой вариант
http://bootsnipp.com/snippets/x42W

для тех кому интересно как сделать такие кнопки Twitter Bootstrap
Плагин NS Font Awesome
http://extensions.joomla.org/extension/style-a-design/typography/ns-font-awesome

Модуль Blank Module
http://extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/blank-module


Код
<style type="text/css">
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
</style>


Код
<div class="text-center">
    <a class="btn btn-social-icon btn-youtube btn-danger" style="margin:3px;" rel="nofollow" href="" target="_blank">
<i class="fa fa-youtube fa-lg"></i></a>
    <a class="btn btn-social-icon btn-twitter btn-info" style="margin:3px;" rel="nofollow" href="" target="_blank">
<i class="fa fa-twitter fa-lg"></i></a>
    <a class="btn btn-social-icon btn-facebook btn-primary" style="margin:3px;" rel="nofollow" href="" target="_blank">
<i class="fa fa-facebook fa-lg"></i></a>    
    <a class="btn btn-social-icon btn-vk btn-info " style="margin:3px;" rel="nofollow" href="" target="_blank">
<i class="fa fa-vk fa-lg"></i></a>
    <a class="btn btn-social-icon btn-linkedin  btn-primary" style="margin:3px;" rel="nofollow" href="" target="_blank">
<i class="fa fa-linkedin fa-lg"></i></a>
  </div>



Font берется здесь:
http://fortawesome.github.io/Font-Awesome/cheatsheet/

В mod_socialmedialinks-J3-bootstrap-social.zip кнопки отображаются так:


Не забудьте установить Плагин NS Font Awesome без него иконки не отображает  *DRINK*

В mod_socialmedialinks-J3-bootstrap-social-2.zip кнопки отображаются так:


В mod_socialmedialinks-J3-bootstrap-social-3.zip кнопки отображаются так:


Единственный минус Font, отсутствие Яндекс, майл и еще некоторых социальных сетей.

Причина проста спасибо плагину:
Цитировать
Warning!

Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social Media Buttons" setting. We will not use hacks to force them to display. Please report an issue with Adblock Plus if you believe this to be an error. To work around this, you'll need to modify the social icon class names.

Цитировать
Внимание!

Судя по всему, Adblock Plus можно удалить шрифт Высокий иконки бренда с их настройкой "Удалить Социальные медиа кнопки". Мы не будем использовать хаки, чтобы заставить их отображения. Пожалуйста, сообщите о проблеме с Adblock Plus, если вы считаете, что это ошибка. Чтобы обойти это, вы должны будете изменить имена классов социальной значок.
*DRINK*
« Последнее редактирование: 02.10.2015, 20:00:28 от leo78 »
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #34 : 16.09.2016, 17:27:00 »
Асинхронная загрузка скрипта
Но стоит быть осторожным не рекомендую трогать:
/libraries/joomla/document/document.php

лучше отредактировать один файл модуля
/modules/mod_socialmedialinks2/helper.php

найти
Код
$document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/jquery.tipsy.js' );
$document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/tipsy.js' );
заменить
Код
$document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/jquery.tipsy.js', $type = "text/javascript", $defer = false, $async = true  );
$document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/tipsy.js', $type = "text/javascript", $defer = false, $async = true  );
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
*

Сергей777

  • Осваиваюсь на форуме
  • 17
  • 1 / 0
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #35 : 29.09.2016, 12:31:14 »
Сделайте пожалуйста Instagram, Pinterest и Telegram . Спасибо !
*

coollboy

  • Новичок
  • 5
  • 0 / 0
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #36 : 29.09.2016, 19:35:08 »
Сделайте Instagram пожалуйста!

Заранее спасибо!

upd

Заменил одноклассники на инстаграм, если нужно пишите.
« Последнее редактирование: 29.09.2016, 21:47:01 от coollboy »
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #37 : 14.11.2016, 14:06:50 »
FontAwesome instagram, pinterest
Код
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-pinterest" aria-hidden="true"></i>

Добавил (instagram, pinterest) картинками, надо будет в скрипте заменить название их на (instagram, pinterest)

 *DRINK*
« Последнее редактирование: 14.11.2016, 14:30:08 от leo78 »
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
*

leo78

  • Завсегдатай
  • 1002
  • 62 / 8
  • I left from paradise!?...
Re: Спрайт модуль Social Media Icon Links 2
« Ответ #38 : 18.05.2020, 20:45:40 »
mod_socialmedialinksj25-J30-J31v241_16

- небольшое изменение jQuery $.noConflict(); + jQuery(document).ready(function($)
Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль googlechart

Автор vrbsergey

Ответов: 1
Просмотров: 40
Последний ответ 28.09.2020, 13:23:22
от sivers
Модуль Slideshow CK не отображается текст

Автор VladFrostik

Ответов: 0
Просмотров: 267
Последний ответ 07.09.2020, 14:55:33
от VladFrostik
Модуль вывода материалов категории с фильтром по полям

Автор Vlad1

Ответов: 5
Просмотров: 296
Последний ответ 14.06.2020, 23:11:43
от voland
Модуль SP Smart Slider

Автор Rebarun

Ответов: 0
Просмотров: 210
Последний ответ 12.06.2020, 17:56:53
от Rebarun
Модуль ja image hotspot не дает сделать много меток

Автор Lemonez

Ответов: 0
Просмотров: 346
Последний ответ 05.01.2020, 13:28:47
от Lemonez