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

Тема в разделе "Собственные разработки форумчан", создана пользователем lev, 22.10.2013.

  1. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    На основе (на базе) чего производились модификации:
    Оригинальный 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

    ba2ddee1d1b2.png ffb52579df16.png 62cb0fe3b6ea.png
     

    Вложения:

    Последнее редактирование: 31.05.2021
    Asylum нравится это.
  2.  
  3. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    Русификацию забыл, ну нечего прикручу ещё пару примочек, за одно подготовлю для J2.5 и J3.1 ;P
    07184d78e358.jpg

    Мая вина забыл убрать код подправить
    Надо найти:
    Код (CODE):
    1. $vurl[$url[$i]] .' " alt="'. $title .'" '; if($title == 'Feed')

    и сделать:
    Код (CODE):
    1. $vurl[$url[$i]] .' " '; if($title == 'Feed')
     
    Последнее редактирование: 30.10.2013
  4. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    пока поправил, то о чём писал выше, всплывание будет работать при установленном модуле "Donate"
    пока так
     
  5. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    j15-J16-J17 v16_3 - Это для тех у кого стоит Adblock и не отображает мод Social Media Icon Links.
    - Будет работать, пока опять в фильтрах Adblock не пропишут запрет на адрес:
    Код (CODE):
    1. /mod_socialmedialinks/*
     
  6. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v16_4.zip
    - выполнены изменения как v16_3 j15-J16-J17
    - изменения в CSS - убрана пунктирная рамка вокруг иконки
     
  7. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v16_5.zip
    - небольшая оптимизация css
    --- добавлено: 30.04.2014, первое сообщение размещено: 29.04.2014 ---
    mod_socialmedialinksj25-J30-J31v16_6.zip
    - оптимизация png, забыл удалить адрес к несуществующему файлу CSS
    :rolleyes:
     
    OlegM нравится это.
  8. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v16_7.zip
    - подгонка для шаблонов - Beez3, не верно отображались кнопки
    6605bd070c88.jpg
    --- добавлено: 23.05.2014, первое сообщение размещено: 23.05.2014 ---
    mod_socialmedialinksj25-J30-J31v16_8.zip
    - Добавил "Одноклассники" и добавил картинку ;)
    --- добавлено: 23.05.2014 ---
    mod_socialmedialinksj25-J30-J31v16_9.zip
    - Изменения в админ панели, изменены кнопки :rolleyes:
    --- добавлено: 24.05.2014 ---
    mod_socialmedialinksj25-J30-J31v20.zip
    - изменена картинка "ВК", изменены названия файлов, из админ панели убраны не нужные переключения.

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

    Вложения:

  9. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v21.zip
    - исправление админ панели и сделан вывоз 32 картинок :D
     
  10. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v22.zip
    - а админ панели сделан переключатель иконок
    - возможно выбрать два вида иконок: Двухцветные(мой вариант: черный, красный), Многоцветные(стандартные)
    --- добавлено: 05.06.2014, первое сообщение размещено: 04.06.2014 ---
    mod_socialmedialinksj25-J30-J31v23.zip
    добавил майл и Яндекс :p
    --- добавлено: 05.06.2014 ---
    mod_socialmedialinksj25-J30-J31v24.zip
    - правка ошибкок в CSS
    --- добавлено: 05.06.2014 ---
    mod_socialmedialinksj25-J30-J31v24_1.zip
    - правка ошибкок в CSS :rolleyes:
     
  11. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    Для Joomla 3.x - для всплывающей подсказки
    Правим helper.php
    стр. 47 найти class "south" и заменить на "hasTooltip"

    :rolleyes:
     
  12. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    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"
     
  13. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v241_11.zip

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

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v241_13.zip
    - исправление связано с отображением на локальном :mad:
     
    Последнее редактирование: 01.10.2015
  15. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    Объемные иконки если нужно
    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
    :D
    для тех кому интересно как сделать такие кнопки 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 без него иконки не отображает :D

    В 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, отсутствие яндекс, майл и еще некоторых социальных сетей.
    :p
     

    Вложения:

    Последнее редактирование: 02.10.2015
  16. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    Асинхронная загрузка скрипта
    Но стоит быть осторожным не рекомендую трогать:
    /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  );

    :p
     
  17. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinksj25-J30-J31v241_16

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

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    mod_socialmedialinks2/helper.php
    - небольшое изменение, пока решил :D

    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);
     
  19. lev
    Offline

    lev Активист => Cпециалист <=

    Регистрация:
    21.12.2007
    Сообщения:
    687
    Симпатии:
    40
    Пол:
    Мужской
    Погрузка 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/>')})();
     

Поделиться этой страницей

Загрузка...