Thủ thuật Windows
Hướng dẫn tùy biến giao diện Facebook trên máy tính nhanh và đẹp mắt

Hướng dẫn tùy biến giao diện Facebook trên máy tính nhanh và đẹp mắt

Ở những bài trước, mình đã hướng dẫn các bạn một số thủ thuật khá hay để tùy biến giao diện đăng nhập Facebook cũng như Google trên máy tính. Và hôm nay, mình giới thiệu và hướng dẫn tùy biến giao diện Facebook nhanh và đẹp mắt hơn. Hãy làm thử nhé!
 

Hướng dẫn tùy biến giao diện Facebook
 

Bước 1: Cài đặt tiện ích mở rộng J2Team Security: J2TeaM Security

Bước 2: Click phải vào icon J phía bên phải thanh nhập địa chỉ. Tiếp tục click Tools > Dark Theme Editor.
 

Hướng dẫn tùy biến
giao diện Facebook trên máy tính nhanh và đẹp mắt


Bước 3: Sao chép đoạn code sau:

 

Mã:
._2s1y,._5ugf{color:#fff!important}._3tr a,._4ejc
._3ts{text-shadow:none!important}a:hover{text-decoration:none!important}._2s1y{background:linear-gradient(141deg,#cf433f


10%,#e09346
75%)!important;border-bottom:none!important;box-shadow:0
-13px 32px 11px #e09346!important}._585-{border:1px solid
#ececec!important;border-radius:3px!important}._5pr2.fbChatSidebar{background-color:rgba(13,13,13,0)!important;border-left:0


solid
rgba(13,13,13,0)!important;box-shadow:none!important}.fbSidebarGripper{border-bottom:none!important;border-top:none!important;display:none!important}._55oc


._2l56{font-size:10px!important;margin-right:20px!important}._55ln{padding:10px


0!important;margin-bottom:5px!important}._55ln
li.selected,._55ln:focus,._55ln:hover{background:linear-gradient(141deg,#f6d330


0,#e09346 
75%)!important;text-decoration:none!important;box-shadow:6p
6px 25px -6px #e09346!important;border-radius:5px 0 0
5px!important}._55ln ._55lr,._55ln
._55ls{padding-left:15px!important;transition:all
.2s}.pagelet_canvas_nav_content
._4ejc{background-color:rgba(255,255,255,.05)!important}._5ugf{background-color:#df8f49!important;border:2px


solid
#df8f49!important;border-radius:2px!important;padding:0
3px!important}._26z1,._26z1
a{color:#df8f49!important;line-height:2!important}._4ejc
._3tb,._4ejc ._3tb ._3tm
img{height:40px!important;width:40px!important}._3qc0
._3qb_{margin-top:10px!important}._4ejc ._3tx{margin:5px
0!important}._4ejc ._3t9{padding-left:16px!important}._4ejc
._3ts{color:#4c4c4c}._5pr2
._5qmw.contentBefore:before{background-color:rgba(0,0,0,.05)!important;height:1px!important;box-shadow:0


-10px 26px 2px
rgba(0,0,0,.38)!important}._1cwg:hover,._y-c:hover{text-decoration:none!important;box-shadow:6px


6px 25px -6px
rgba(0,0,0,.2)!important}._2jq5,.uiSideNavEditButton
a{background-color:#e09346!important;border-color:transparent!important;transition-duration:.1s!important;background-image:none!important;height:43px!important;width:25px!important;border-width:0!important}._1cwg,._y-c{transition:all


.5s!important}._558b._57di ._54nc,.uiContextualLayer ._54ng
._54nc ._54nh{color:#000!important}.uiSideNavEditButton
.uiPopover a{position:relative!important}._55y4 .homeSideNav


.uiSideNavAux:after,.uiSideNavEditButton .uiPopover
a:after{content:'';background-color:#fff;border-radius:50%;height:4px;width:4px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto}._1cwg:hover,._y-c{background-color:#fff;border-radius:3px;color:#df8f49!important}._558b


._54nd ._54nc{background-position:0
16px!important}.navHeader{padding-bottom:5px!important;padding-top:15px!important}.navHeader


a{height:35px!important}._1cwg{color:#df8f49!important}._1cwg:hover{padding:2px


8px!important}._y-c{padding:2px 8px
4px!important}._y-c:hover{color:#df8f49!important}._5afe{margin-bottom:5px!important;padding:8px


4px 7px
35px!important}._5afe::after{background:linear-gradient(141deg,#f6d330


0,#e09346
75%)!important;border:none!important;border-radius:3px!important;box-shadow:6px


6px 25px -6px #e09346!important;transition:.8s
cubic-bezier(.08,.52,.52,1) background,.7s
cubic-bezier(.08,.52,.52,1) border-color,.4s
cubic-bezier(.08,.52,.52,1) opacity}._5afe
._2jgb{background-color:#df8f49!important;border:1px solid
#df8f49!important;border-radius:2px!important;color:#fff!important;padding:0


2px!important}#createNav ._3075,#createNav ._3075
a{color:#df8f49!important;line-height:2!important}.home_right_column


.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8{background:linear-gradient(141deg,#f6d330


0,#e09346 75%)!important;color:#fff!important;box-shadow:6px


6px 25px -6px
#e09346!important;border:none!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8:before{border:1px solid
rgba(255,255,255,0)!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._3652,.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 a,.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 div,.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 li,.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8
span{color:#fff!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8
hr{background:rgba(255,255,255,0)!important}.home_right_column


.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._-0d{border-bottom:1px solid


rgba(221,223,226,0)!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._51xa
button{line-height:34px!important;border-color:rgba(206,208,212,0)!important}.home_right_column


.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._1os_ ul{padding:5px
10px!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._3qc0
._3qb-{margin-top:10px!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._54nq
._2t9l{color:#1d2129!important}.fcg a:hover,.fcg a:hover
.UFICommentLikeButton,.fcg a:hover
.timestampContent,.profileLink:hover{color:#fff!important}.home_right_column


.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._54nq ._54nc
img{border-radius:50%!important}.home_right_column
.pagelet-group:nth-child(2) ._1-ia
._4-u2._1-ib._2tyk._20os._4-u8 ._1d6f a
img{border-radius:50%!important;box-shadow:6px 6px 27px 0
#e09346!important}._1oso{margin:15px 0!important}._558b
._54nf{padding-top:0!important;padding-bottom:0!important}._558b._57di


._54nc{padding-top:10px!important;padding-bottom:10px!important}._558b


._54nd._54ne ._54nc,._558b ._54ne
._54nc{background-color:rgba(0,0,0,.05)!important;border-color:rgba(255,255,255,0)!important}._2t8s._54nd


._54nc{background-position:0
30px!important}.img._c0r{border-radius:50%;box-shadow:6px
6px 27px 0 #e09346!important}._558b
._54nc{border-width:4px!important}._2yq
._4-u2{box-shadow:4px 4px 20px -6px
rgba(0,0,0,.1)!important}.profileLink:hover{background:linear-gradient(141deg,#cf433f


0,#e09346 75%)!important;padding:2px
7px!important;border-radius:3px!important;transition:.2s
ease-in-out
padding!important}.UFICommentActorName:hover,.fcg
a:hover{background:linear-gradient(141deg,#cf433f 0,#e09346
75%);border-radius:3px;transition:.2s ease-in-out
padding;font-weight:700}.fcg a:hover{padding:2px
7px}._24-s:hover{color:#cf433f!important}.UFICommentReactionsBling


._3emk{padding:0!important}.UFICommentContent{padding:1px
0}.UFICommentActorName:hover{color:#fff!important;padding:2px


7px}._1fw0,._5cq3{transition:.2s}.UFICommentActions{padding-top:5px;padding-bottom:5px}._9jo


li._54ne{background-color:rgba(0,0,0,.104)!important;padding-top:2px;padding-bottom:2px}._9jo


li.navSubmenu a{padding-top:4px;padding-bottom:4px}._2ltu
._4-u2,._2yq._2ltu ._4-u2:before{border:0 solid
rgba(255,255,255,0)!important}._6107{border:none!important}._11qy:hover


._1rk2{left:0!important}._4idn{border-radius:0!important}._1fw0{border-color:#f5d130!important}._1fw0:hover{border-color:#d97443!important}body::-webkit-scrollbar-track{background-color:rgba(255,255,255,.08)!important;border-radius:0!important}body::-webkit-scrollbar{width:10px!important;background-color:rgba(13,13,13,0)!important}body::-webkit-scrollbar-thumb{border-radius:0!important;background-color:#e09346!important;box-shadow:3px


7px 20px 0
#e09346!important}._2yaa{height:38px!important;padding-left:5px}._2yaa


._2yau::after,._3o_h::after{background:linear-gradient(141deg,#f6d330


0,#e09346
75%)!important;border:none!important;border-radius:3px!important;box-shadow:6px


6px 25px -6px #e09346!important;transition:.8s
cubic-bezier(.08,.52,.52,1) background,.4s
cubic-bezier(.08,.52,.52,1)
opacity}._19s_{margin-top:7px!important}._19sz{padding-top:8px!important;padding-bottom:8px}.mvm{padding:


10px 0;}

 

Và dán vào phần CSS và sau đó lưu lại:

 

Hướng dẫn tùy biến
giao diện Facebook trên máy tính nhanh và đẹp mắt

Các nhân hóa giao diện:

 

  • Ở giao diện 3 màu chủ đạo là #cf433f #e09346 #f6d330, bạn có thể nhấn Ctrl + F để tìm rồi đổi.

 

Đây là một số hình ảnh trong giao diện:

 

Hướng dẫn tùy biến
giao diện Facebook trên máy tính nhanh và đẹp mắt

Chúc các bạn thành công!

 

Bài viết liên quan:

 

 

Nguồn: J2team​, Techrum

Bình luận về bài viết