登录 注册

登录

问题 ja_hotel 模版首页下方的 twitter 图标想换成国内常用的,比如QQ?请问怎么换?

更多
2016年03月29日 12:59 - 2016年03月29日 13:16 #1 作者: 陈佳玉
<div class="logo-text">
<a title=".hotel" href="index.php">
<span>.hotel</span>
</a>

白老师您好!以下是端ja_hotel模版中自定义html代码,它是显示在ja_hotel首页下方的。其中例如
<i class="fa fa-twitter"></i>
是个图标。
我想把这些图标换成国内常用的,比如QQ图标。请问我该怎么换。
我试着找了模版中的文件,看有没有图标文件,结果,没找到。

<p>Wishes you all great Holidays and<br /> awesome Adventures</p>
<ul class="social-list">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
 
</ul>
最后修改: 2016年03月29日 13:16 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年03月29日 13:22 #2 作者: Joomla之门
模板中通常用 i 元素来代表插入一个由网络字体生成的“图标”(icon)。这种图标不是图片(image),而是一种字体(font)。你看到的那个 CSS 类前缀 fa 就代表 FontAwesome ,这是最流行的一种网络图标字体。

幸运的是,目前 FontAwesome 字体中已经包含 QQ 图标: http://fortawesome.github.io/Font-Awesome/icon/qq/

你只需要把该模块中的代码 fa-twetter 修改为 fa-qq 就可以了。

如果还想添加微信、微博等等图标,请参看 FontAwesome 官方图标列表 来了解是否包含这些图标,以及各自对应的代码。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年03月30日 18:30 #3 作者: 羿无名
添加图标简单,但是如果想要点击图标时有对应的社交分享功能就得去找专门的代码了

登录 或者   注册一个会员帐号 来参与讨论