Вопрос по расширению SLogin

  • 1 Ответов
  • 933 Просмотров

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

*

kolhoz

  • Осваиваюсь на форуме
  • ***
  • 163
  • 0
Вопрос по расширению SLogin
« : 15.01.2016, 11:54:42 »
В компоненте Slogin иконки социальных сетей выводятся через свойство "background". Я бы хотел вместо картинок использовать иконочные шрифты. Кто-нибудь знает как можно переверстать блок вывода иконок социальных сетей в каком файле вообще это делается?

Сейчас выводится у меня так (приведу код):
Код
<div id="slogin-buttons" class="slogin-buttons ">
<a rel="nofollow" title="Facebook" href="/component/slogin/provider/facebook/auth.html"><span class="facebookslogin">&nbsp;</span></a>
<a rel="nofollow" title="Google" href="/component/slogin/provider/google/auth.html"><span class="googleslogin">&nbsp;</span></a>
<a rel="nofollow" title="Майл@ру" href="/component/slogin/provider/mail/auth.html"><span class="mailslogin">&nbsp;</span></a>
<a rel="nofollow" title="ВКонтакте" href="/component/slogin/provider/vkontakte/auth.html"><span class="vkontakteslogin">&nbsp;</span></a>
<a rel="nofollow" title="Яндекс" href="/component/slogin/provider/yandex/auth.html"><span class="yandexslogin">&nbsp;</span></a>
<a rel="nofollow" title="Instagram" href="/component/slogin/provider/instagram/auth.html"><span class="instagramslogin">&nbsp;</span></a>
</div>

Я хочу чтобы было так:
Код
<div id="slogin-buttons" class="slogin-buttons ">
<a rel="nofollow" title="Facebook" href="/component/slogin/provider/facebook/auth.html"><span class="facebookslogin"><i class="fa fa-facebook-official"></i></span></a>
<a rel="nofollow" title="Google" href="/component/slogin/provider/google/auth.html"><span class="googleslogin"><i class="fa fa-google-plus"></i></span></a>
<a rel="nofollow" title="Майл@ру" href="/component/slogin/provider/mail/auth.html"><span class="mailslogin"><i class="fa fa-at"></i></span></a>
<a rel="nofollow" title="ВКонтакте" href="/component/slogin/provider/vkontakte/auth.html"><span class="vkontakteslogin"><i class="fa fa-vk"></i></span></a>
<a rel="nofollow" title="Яндекс" href="/component/slogin/provider/yandex/auth.html"><span class="yandexslogin"><i class="fa fa-yahoo"></i></span></a>
<a rel="nofollow" title="Instagram" href="/component/slogin/provider/instagram/auth.html"><span class="instagramslogin"><i class="fa fa-instagram"></i></span></a>
</div>

или через jquery как вставить иконки внутрь span ?

*

zikkuratvk

  • Moderator
  • *****
  • 4029
  • 268
  • Разрабатываем для Joomla
Re: Вопрос по расширению SLogin
« Ответ #1 : 20.01.2016, 13:42:10 »

или через jquery как вставить иконки внутрь span ?
Переопределите шаблон модуля... в шаблон сайта и отредактируйте его.

как переопределить можете прочитать тут: https://cmscafe.ru/praktika/318-rukovodstvo-dlya-nachinayushchikh-po-pereopredeleniyam-v-joomla
Хочется уникальное расширение? ===>>>> JoomLine - Разрабатываем расширения под заказ.
Использую хостинг TimeWeb и Reg