Hướng dẫn thay đổi giao diện Facebook cực đẹp

ZENNY ZENNY
Bài viết: 832 Lượt thích: 365
proxy.php?image=https%3A%2F%2Fi.imgur.com%2F1V2Wmj9.png&hash=de432e24014b1cef595b876587416767
Như các bạn đã thấy lâu lâu Facebook lại xuất hiện 1 bạn khoe style custom mà trong lòng rất muốn cũng chẳng biết làm sao cho được. Cộng đồng J2Team đã tạo ra công cụ có thể custom style Facebook thông qua CSS, với cơ chế trên hôm nay ASUSZENFAN sẽ hướng dẫn các bạn thay đổi style Facebook sang một phong cách mới mẻ , độc , lạ.
Bước 1: Cài đặt tiện ích mở rộng J2Team Security: J2TeaM Security
proxy.php?image=https%3A%2F%2Fi.imgur.com%2FQ2gs1f9.png&hash=a63497a56647787f4a5600d9bc814c0f

proxy.php?image=https%3A%2F%2Fi.imgur.com%2FIwdVbc5.png&hash=60048873004adb5244c6c2b7dba66a98
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.
proxy.php?image=https%3A%2F%2Fi.imgur.com%2FtKCzCll.png&hash=bd839874bb1035e5a8862a7a98882a77
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:6px 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;}
Bước 4 :Dán vào ô CSS --> Lưu lại

proxy.php?image=https%3A%2F%2Fi.imgur.com%2FsApxaax.png&hash=a0a9ef696bbc603aa9c99b7b9af980f4
Và kết quả :
proxy.php?image=https%3A%2F%2Fi.imgur.com%2Fzduv3T6.png&hash=6a8838c7212ee008da13bdbd32453851
Chúc các bạn thành công !
 
Last edited by a moderator:

Facebook Comment