Анонс Спрайт модуль Social Media Icon Links

На основе (на базе) чего производились модификации:
Оригинальный Social Media Icon Links
Автор Social Media Icon Links - Viper Web Solutions сайт автора оригинального модуля
Копирайт 2008-2010 Viper Web Solutions, сделан по лицензии GNU/GPL
Далее ниже будут выложены модификации:
Автор модификации: leo78
Поддержка модификаций, если возникли проблемы обращаться к leo78.
Сайт поддержки модификации сайт автора модификации
Копирайт 2013 Leonidas, сделан по лицензии Creative Commons
А также через ICQ и ЛС.

Выполненные работы:
1. Удалены все иконки и директории
2. сделан один спрайт
3. в админ панели сделан выбор иконок
4. переделан код вывода иконок
5. создан дополнительный CSS
6. скрипт был разделён и перенесён в разные файлы
7. Добавлена иконка для Vkontakte

mod_socialmedialinksj25-J30-J31v241_16.zip - обновлено (08.05.2020)
MD5: 6edade0f9be8524f33f8aca953bbb5de
SHA-1: c213e79666aaa22d2ccdbc31f4e27f31bdcff238

 

Русификацию забыл, ну нечего прикручу ещё пару примочек, за одно подготовлю для J2.5 и J3.1


Мая вина забыл убрать код подправить
Надо найти:

Код (CODE):

1. $vurl[$url[$i]] .' " alt="'. $title .'" '; if($title == 'Feed')

и сделать:

Код (CODE):

1. $vurl[$url[$i]] .' " '; if($title == 'Feed')

 

пока поправил, то о чём писал выше, всплывание будет работать при установленном модуле "Donate"
пока так

 

j15-J16-J17 v16_3 - Это для тех у кого стоит Adblock и не отображает мод Social Media Icon Links.
- Будет работать, пока опять в фильтрах Adblock не пропишут запрет на адрес:

Код (CODE):

1. /mod_socialmedialinks/*

 

mod_socialmedialinksj25-J30-J31v16_4.zip
- выполнены изменения как v16_3 j15-J16-J17
- изменения в CSS - убрана пунктирная рамка вокруг иконки

 

mod_socialmedialinksj25-J30-J31v16_5.zip
- небольшая оптимизация css

--- добавлено: 30.04.2014, первое сообщение размещено: 29.04.2014 ---

mod_socialmedialinksj25-J30-J31v16_6.zip
- оптимизация png, забыл удалить адрес к несуществующему файлу CSS

 

mod_socialmedialinksj25-J30-J31v16_7.zip
- подгонка для шаблонов - Beez3, не верно отображались кнопки

--- добавлено: 23.05.2014, первое сообщение размещено: 23.05.2014 ---

mod_socialmedialinksj25-J30-J31v16_8.zip
- Добавил "Одноклассники" и добавил картинку

--- добавлено: 23.05.2014 ---

mod_socialmedialinksj25-J30-J31v16_9.zip
- Изменения в админ панели, изменены кнопки

--- добавлено: 24.05.2014 ---

mod_socialmedialinksj25-J30-J31v20.zip
- изменена картинка "ВК", изменены названия файлов, из админ панели убраны не нужные переключения.

PS. Перед установкой модуля, надо удалить старый, так как адрес модуля изменён

 

mod_socialmedialinksj25-J30-J31v21.zip
- исправление админ панели и сделан вывоз 32 картинок

 

mod_socialmedialinksj25-J30-J31v22.zip
- а админ панели сделан переключатель иконок
- возможно выбрать два вида иконок: Двухцветные(мой вариант: черный, красный), Многоцветные(стандартные)

--- добавлено: 05.06.2014, первое сообщение размещено: 04.06.2014 ---

mod_socialmedialinksj25-J30-J31v23.zip
добавил майл и Яндекс

--- добавлено: 05.06.2014 ---

mod_socialmedialinksj25-J30-J31v24.zip
- правка ошибкок в CSS

--- добавлено: 05.06.2014 ---

mod_socialmedialinksj25-J30-J31v24_1.zip
- правка ошибкок в CSS

 

Для Joomla 3.x - для всплывающей подсказки
Правим helper.php
стр. 47 найти class "south" и заменить на "hasTooltip"

 

mod_socialmedialinksj25-J30-J31v241_9.zip

Переделка ссылок - tipsy - Facebook-style tooltip plugin for jQuery

--- добавлено: 10.08.2015, первое сообщение размещено: 08.08.2015 ---

mod_socialmedialinksj25-J30-J31v241_10.zip

дружественной ссылки, она итак отключается в админ панели, еще прописан для нее css, отображаться с права, чтобы не бросалась в глаза, не будет подчеркивания, серенькой, разумеется если она будет отображаться. Текст самой ссылки тоже сокращен до "S.M.I.L.2"

 

mod_socialmedialinksj25-J30-J31v241_11.zip

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

 

mod_socialmedialinksj25-J30-J31v241_13.zip
- исправление связано с отображением на локальном

 

Объемные иконки если нужно
http://i68.fastpic.ru/big/2015/1001/9c/e19b17dc711d74a6026cd6d30caa089c.jpg
Второй
http://i67.fastpic.ru/big/2015/1001/02/265b2604aee1c9de2dc44a62f87c1d02.jpg
третий
http://i67.fastpic.ru/big/2015/1001/07/801b1e628bc73c1ada8d7238ce4b7e07.jpg

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/extens...nts/coding-a-scripts-integration/blank-module

Код (CODE):

1. <style type="text/css">
2. .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)}
3. .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
4. .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
5. .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
6. .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)}
7. .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
8. .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
9. .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
10. .btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
11. .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
12. .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
13. .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
14. </style>

Код (CODE):

1. <div class="text-center">
2.     <a class="btn btn-social-icon btn-youtube btn-danger" style="margin:3px;" rel="nofollow" href="" target="_blank">
3. <i class="fa fa-youtube fa-lg"></i></a>
4.     <a class="btn btn-social-icon btn-twitter btn-info" style="margin:3px;" rel="nofollow" href="" target="_blank">
5. <i class="fa fa-twitter fa-lg"></i></a>
6.     <a class="btn btn-social-icon btn-facebook btn-primary" style="margin:3px;" rel="nofollow" href="" target="_blank">
7. <i class="fa fa-facebook fa-lg"></i></a>
8.     <a class="btn btn-social-icon btn-vk btn-info " style="margin:3px;" rel="nofollow" href="" target="_blank">
9. <i class="fa fa-vk fa-lg"></i></a>
10.     <a class="btn btn-social-icon btn-linkedin  btn-primary" style="margin:3px;" rel="nofollow" href="" target="_blank">
11. <i class="fa fa-linkedin fa-lg"></i></a>
12.   </div>

http://i71.fastpic.ru/big/2015/1001/27/e084e06e5c07f49a6a74c2827d24a927.jpg

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

В mod_socialmedialinks-J3-bootstrap-social.zip кнопки отображаются так:
http://i70.fastpic.ru/big/2015/1002/c1/0ea1446e653c5bf3ce60950899144fc1.jpg

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

В mod_socialmedialinks-J3-bootstrap-social-2.zip кнопки отображаются так:
http://i67.fastpic.ru/big/2015/1002/2e/5ab28eeae909174003b1fed1ae4bb42e.jpg

В mod_socialmedialinks-J3-bootstrap-social-3.zip кнопки отображаются так:
http://i71.fastpic.ru/big/2015/1002/b5/3a1c8ee703b2c747c0c3fd420effaab5.jpg

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

 

Асинхронная загрузка скрипта
Но стоит быть осторожным не рекомендую трогать:
/libraries/joomla/document/document.php

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

найти

Код (PHP):

1. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/jquery.tipsy.js' );
2. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/tipsy.js' );

заменить

Код (PHP):

1. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/jquery.tipsy.js', $type = "text/javascript", $defer = false, $async = true  );
2. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/tipsy.js', $type = "text/javascript", $defer = false, $async = true  );

 

mod_socialmedialinksj25-J30-J31v241_16

- небольшое изменение jQuery $.noConflict(); + jQuery(document).ready(function($)

 

mod_socialmedialinks2/helper.php
- небольшое изменение, пока решил

https://github.com/lev99/mod_socialmedialinks2/blob/master/helper.php

Спойлер

Код (CODE):

1. $document = JFactory::getDocument();
2. $mod = $mosConfig_live_site . 'modules/mod_socialmedialinks2/';
3. $document->addStyleSheet($mosConfig_live_site . 'modules/mod_socialmedialinks2/css/pluralist_homepage_'.$nameimgsoc.'.css', array('version' => 'auto', 'relative' => 'true'));
4.  
5.  
6. //jQuery
7. if ($params->get('off_jquery1')==1) {
8. $document = JFactory::getDocument();
9. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/jquery-2.1.4.js', array('version' => 'auto'), array('defer'=>'defer'));
10. };
11. //tipsy - Facebook-style tooltip plugin for jQuery
12. if ($params->get('off_tipsy1')==1) {
13. $document = JFactory::getDocument();
14. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/jquery.tipsy.js', array('version' => 'auto'), array('defer'=>'defer'));
15. $document->addScript($mosConfig_live_site . 'modules/mod_socialmedialinks2/js/tipsy.js', array('version' => 'auto'), array('defer'=>'defer'));
16. $document->addStyleSheet($mosConfig_live_site . 'modules/mod_socialmedialinks2/css/tipsy.css', array('version' => 'auto', 'relative' => 'true'));
17. };

--- добавлено: 14.05.2021, первое сообщение размещено: 12.05.2021 ---

Не большой хак ;D
Можно прописать в корень helper.php
Re: [FAQ] Как убрать <meta name="generator" content="Joomla! - Open Source Content Management" /
И вам не нужны не какие плагины, главное, чтобы модуль отображался на всех страницах.

Код (CODE):

1. $document = JFactory::getDocument();
2. $document->setMetaData( 'keywords', 'выборы, выборы, кандидаты, пи…' );
3. $document->setMetaData( 'description', 'Это сайт про выборы и политику в целом. Велком!' );
4. $document->setMetaData( 'generator', 'Истинно-православная-CMS V1.0' );

--- добавлено: 14.05.2021 ---

Так же Яндекс просит вставить

Код (CODE):

1. $document->setMetaData( 'yandex-verification', '2cc189' );

--- добавлено: 14.05.2021 ---

И даже такое:

Спойлер

Код (CODE):

1. $stylelink = '<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">' ."\n";
2. $stylelink .= '    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">' ."\n";
3. $stylelink .= '    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">' ."\n";
4. $stylelink .= '    <link rel="manifest" href="/site.webmanifest">' ."\n";
5. $stylelink .= '    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">' ."\n";
6.  
7. $document = JFactory::getDocument();
8. $document->addCustomTag($stylelink);

 

Погрузка CSS с помощью jQuery правка helper.php ;D
Удаляем строки:

Код (CODE):

1. //$document->addStyleSheet($mosConfig_live_site . 'modules/mod_socialmedialinks2/css/pluralist_homepage_'.$nameimgsoc.'.css', $options);
2. //$document->addStyleSheet($mosConfig_live_site . 'modules/mod_socialmedialinks2/css/tipsy.css', $options);

Добавляем строку между:

Пример:

Спойлер

Код (CODE):

1. echo $mod_copyrights_start;
2.     echo "    <script>
3.     jQuery(function($) {
4.     $(\"head link[rel='stylesheet']\").last().after(\"<link rel='stylesheet' href='modules/mod_socialmedialinks2/css/pluralist_homepage_".$nameimgsoc.".css' async>\");
5.     $(\"head link[rel='stylesheet']\").last().after(\"<link rel='stylesheet' href='modules/mod_socialmedialinks2/css/tipsy.css' async>\");
6.     });
7.     </script>
8.     ";
9.     echo '<div id="navlist_stor" style="'. $alignstyle .'"> ';

--- добавлено: 30.06.2021, первое сообщение размещено: 29.06.2021 ---

Как вставить CSS в head в <style>

Спойлер

Код (CODE):

1. $style2 .= <<<HTML
2.                
3.                     .yandex:hover {
4. background:url(/modules/mod_socialmedialinks2/icons/pluralist_homepage_one.png) top left no-repeat;
5. width:32px;
6. height:32px;
7. background-position:-10px -2782px;
8. }
9.                                
10. HTML;
11.  
12. $document->addStyleDeclaration($style2);

--- добавлено: 30.06.2021 ---

есть еще способ

Спойлер

Код (CODE):

1. javascript: (function () { $('head link:last').after('<style> *,p,div{user-select:text !important;-moz-user-select:text !important;-webkit-user-select:text !important;} <style/>')})();