Thủ Thuật Thêm icon link cho link nội bộ bài viết

aviaiva

MasterCorporal
Tham gia
01/03/2016
Bài viết
337
Được Like
276
Hướng dẫn thêm một icon link (liên kết) trước mỗi link trong bài viết để làm nổi bật liên kết giúp thành viên dễ nhìn và dễ nhấn tăng tỉ lệ chuyển đổi xem trang trong bài viết
icon link các bác có thể thấy như hình minh họa ở dưới
2017-04-08_181851.jpg

mở template extra.css
thêm đoạn css này vào trong
Mã:
.messageContent a:before {
    content: "\f0c1";
    font-family: FontAwesome;
    margin-right: 3px;
    font-size: 12px;
    color:#2196f3;
}
Một số bác dùng addon Widget Framework sẽ bị icon link trước username nhìn xấu thì sửa như sau
tìm đến profile_post_list_item_simple
thay cái đoạn
Mã:
<div class="messageContent">  
            <span class="poster">
                <xen:username user="$profilePost" rich="true"/>
                <xen:if is="{$profilePost.user_id} != {$profilePost.profile_user_id} AND {$profilePost.profileUser}">
                    <span class="muted">{xen:if $pageIsRtl, '&#9668;', '&#9658;'}</span> <xen:username user="$profilePost.profileUser" rich="true" />
                </xen:if>
            </span>
            <article><blockquote class="ugc baseHtml{xen:if $profilePost.isIgnored, ' ignored'}">{xen:helper bodyText, $profilePost.message}</blockquote></article>
<div>
bằng cái đoạn dưới
Mã:
            <span class="poster" style="float:left">
                <xen:username user="$profilePost" rich="true" />
                <xen:if is="{$profilePost.user_id} != {$profilePost.profile_user_id} AND {$profilePost.profileUser}">
                    <span class="muted">{xen:if $pageIsRtl, '&#9668;', '&#9658;'}</span> <xen:username user="$profilePost.profileUser" rich="true" />
                </xen:if>
            </span>
            <article><blockquote class="ugc baseHtml{xen:if $profilePost.isIgnored, ' ignored'}">: {xen:helper bodyText, $profilePost.message}</blockquote></article>
chúc vui vẻ :D
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom