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

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

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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

    ba2ddee1d1b2.png ffb52579df16.png 62cb0fe3b6ea.png
     

    Вложения:

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

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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 специалист

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

    lev специалист

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

    lev специалист

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

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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 специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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 специалист

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

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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 специалист

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

    :rolleyes:
     
  12. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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 специалист

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

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

    lev специалист

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

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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 специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    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
     

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

Загрузка...