Форум русской поддержки Joomla!® CMS
09.12.2016, 19:26:47 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 451 раз)
0 Пользователей и 1 Гость смотрят эту тему.
kolhoz
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 141


« : 15.01.2016, 10: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
*****

Репутация: +258/-2
Offline Offline

Пол: Мужской
Сообщений: 3938


Разрабатываем для Joomla


« Ответ #1 : 20.01.2016, 12:42:10 »


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

как переопределить можете прочитать тут: https://cmscafe.ru/praktika/318-rukovodstvo-dlya-nachinayushchikh-po-pereopredeleniyam-v-joomla
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet