Help Chỉnh icon mạng xã hội thành hàng ngang trong forum xenforo.

Le Quan

Private
Tham gia
19/02/2016
Bài viết
31
Được Like
21
Như tiêu đề mình muốn chỉnh các icon facebook google + thành một hàng ngang.
Capture.PNG


Bác @PVS vào giúp em với :*:*:*:*


Trả lời của @datdaik000 :
thêm vào extra.css đoạn này:
Mã:
.sharePage .secondaryContent:after {content: ' ';display: block;clear: both;}

.sharePage .shareControl {
    float: left!important;
    margin-right: 5px;
}
 
Sửa lần cuối bởi điều hành viên:
  • Like
Reactions: THB

Le Quan

Private
Tham gia
19/02/2016
Bài viết
31
Được Like
21
@THB bác làm được hok :3, mình mò hoài chưa được.
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
bạn dùng widget hay mặc định vậy
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
tạm thời mình chỉ biết cách xóa code thôi, nó trình bày không được đẹp lắm :)
XenForo.png
 

Le Quan

Private
Tham gia
19/02/2016
Bài viết
31
Được Like
21
Cũng được bạn, xóa ở chổ nào á.
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Bạn vào template sidebar_share_page tìm:
Mã:
{xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>
xóa thẻ </div> bên dưới nó
sau đó tìm:
Mã:
<div class="facebookLike shareControl">
xóa đoạn đó đi là xong
 

Le Quan

Private
Tham gia
19/02/2016
Bài viết
31
Được Like
21
Yeah mình làm được rồi, mình move cái code của facebook và google+ vào thẻ div của tweter là oke nó không bằng lắm nhưng tạm ổn.
 
  • Like
Reactions: THB

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,006
Được Like
1,615
cái này dùng float cũng đc, lại đẹp dễ nhìn :)
 

Le Quan

Private
Tham gia
19/02/2016
Bài viết
31
Được Like
21
@datdaik000 bạn thử làm xem sao :3 mình làm vẫn không đẹp lắm. Mà nếu disable twister là thôi mấy cái kia ko hiện luôn :3
 

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,006
Được Like
1,615
Trước tiên bạn revert template sidebar_share_page
Sau đó thêm vào extra.css đoạn này
Mã:
.sharePage .secondaryContent:after {content: ' ';display: block;clear: both;}

.WidgetFramework_WidgetRenderer_ShareThisPage .sharePage .shareControl {
    float: left!important;
    margin-right: 5px;
}

Còn nữa nếu chỉnh gì rồi thì xóa hết đi nhá :D
 

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,006
Được Like
1,615
@datdaik000 vẫn như cũ bạn :( chỉ chỉnh chổ share_page thôi bạn.
à mình nhầm , sr bạn =))
bạn xóa code trên đi chèn lại đoạn này nhé :D
Mã:
.sharePage .secondaryContent:after {content: ' ';display: block;clear: both;}

.sharePage .shareControl {
    float: left!important;
    margin-right: 5px;
}
 

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