Giới thiệu và hướng dẫn tùy biến giao diện Facebook nhanh và đẹp mắt

Giới thiệu và hướng dẫn tùy biến giao diện Facebook 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.


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;}
Và dán vào phần CSS và sau đó lưu lại:


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

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

Ngô Viết Hùng - Via J2team
Bài viết liên quan:

Nguồn: http://www.techrum.vn/threads/gioi-thiu-va-huong-dn-tuy-bin-giao-din-facebook-nhanh-va-dep-mat.160893/

TIN LIÊN QUAN

Hướng dẫn tùy biến giao diện tìm kiếm trên Google khi sử dụng trình duyệt web

Ở bài trước TECHRUM đã chia sẻ cho các bạn một thủ thuật khá hay trên Facebook, dành cho những bạn đã nhàm chán với giao diện đăng nhập mặc định của mạng xã hội lớn này. Và bây giờ các bạn có thể sử dụng một số thủ thuật nhỏ ở bài viết này để tùy

Apple thâu tóm hãng sản xuất tai nghe AR cho quân đội Mỹ trước khi ra mắt Vision Pro

Apple thông báo đã mua lại Mira - công ty sản xuất tai nghe thực tế tăng cường cho nhiều doanh nghiệp, trong đó bao gồm cả Lực lượng Không quân và Hải quân Mỹ.

Facebook theo dõi người dùng khi chát ?

Theo một báo cáo gần đây, Facebook và các nền tảng mạng xã hội khác đang theo dõi các đoạn chat của người dùng với nhau. Mục đích của hành động này là phát hiện các hoạt động tội phạm và thông báo cho cảnh sát nếu như có bất kỳ hành vi đáng ngờ nào

iOS 17 có thể sử dụng Face ID để bảo mật Web riêng tư trên Safari

Apple đang tăng cường bảo mật cho nhiều ứng dụng trên iPhone, iPad. Trong phiên bản hệ điều hành iOS 17 mới, tính năng bảo mật tab trình duyệt bằng Face ID đang thu hút sự quan tâm lớn từ người dùng. Hãy cùng trangcongnghe.com.vn tìm hiểu qua bài

Mẹo nhỏ giúp tùy biến giao diện Facebook trên Chrome

Bạn có muốn giao diện đăng nhập Facebook của mình trở nên độc đáo, chèn hình nền cũng như vô số tùy chỉnh khác để thay đổi giao diện? Bạn không rành về code và muốn một tiên ích mở rộng đơn giản trên trình duyệt Chrome giúp dễ dàng tùy biến. Vậy

Hướng dẫn tạo avatar Facebook cho fan của Liên Minh Huyền Thoại

Nếu bạn là fan của game Liên Minh Huyền Thoại danh tiếng thì không thể bỏ qua bài viết này. Hôm nay, TECHRUM sẽ hướng dẫn các bạn tạo Avatar Facebook bằng ảnh hoặc video với chủ đề Liên Minh Huyền Thoại (League of legends). Hãy thay avatar ngay khi

Giao diện facebook trên máy tính đẹp hơn 92 lần với Fabulous extension dành cho Chrome/Cốc Cốc

Techrum - Hôm nay, mình nghịch lại cái extension này thấy cũng hay, nên muốn chia sẻ lại để bạn nào thích thì có thể tự làm nhé. Fabulous cho phép tắt quảng cáo, thay đổi một số yếu tố giao diện facebook một cách dễ dàng chỉ bằng vài cú click chuột

Giá bốn mẫu Apple 14 được tiết lộ trước giờ G

Apple sẽ tổ chức một cuộc họp báo ra mắt sản phẩm mới, và nhân vật chính tất nhiên là iPhone 14. Từ những thông tin chi tiết được tiết lộ trước đó, iPhone 14 có bốn mẫu, giá cả. Theo 9to5 Mac, hiện tại chuỗi cung ứng đã một lần nữa đưa ra thông tin

THỦ THUẬT HAY

6 mẹo giải phóng không gian lưu trữ cho Gmail

Trong Gmail, thư công việc, thư spam, thư được gửi đến từ những trang web bạn đăng ký, tất cả đều tích tụ mỗi ngày và dần chiếm hết không gian lưu trữ. Hãy áp dụng những mẹo sau đây để giải phóng không gian cho Gmail.

Bắt Pokémon trong Pokémon Go "trăm phát trăm trúng"? Vậy bạn đừng bỏ lỡ bài viết này!

Để có thể bắt được Pokémon nhanh chóng và hiệu quả, không chỉ đơn giản đó là bạn sẽ ném Pokéball về phía Pokémon mà còn cần nhiều yếu tố như điều chỉnh hướng ném, lực ném,...

Hướng dẫn tắt tính năng tải lại tab trên Google Chrome

Đó chính là tính năng Automatic Tab Discarding, cho phép tự động load trang sau một thời gian nhất định. Vậy tốt nhất hãy chặn Chrome tự động tải lại tab cũ, sẽ giúp cho máy tính chạy nhanh hơn, giảm thời gian lướt web

Bổ sung thêm nhiều chức năng vào nguồn trên iPhone, iPad với tinh chỉnh Simple Power Down

Cụ thể hơn, Simple Power Down cho phép bạn tùy biến lại giao diện và bổ sung thêm nhiều phím tắt hữu ích khác trong menu chức năng khi sử dụng phím nguồn trên iPhone / iPad.

4 Cách để sao chép tập tin nhanh hơn trong Windows

Tính năng sao chép trong Windows 7 không có gì nổi trội, nó chỉ tạm được mà thôi, nó không phải là nhanh nhất khi bạn tiến hành sao chép và di chuyển một hoặc nhiều tập tin có dung lượng lớn. Tuy nhiên, có 1 số cách

ĐÁNH GIÁ NHANH

[Đánh giá] Asus X99-A II - Hiệu năng tương đối, giá tốt

Nền tảng X99 được thiết kế cho những chuyên gia, những người dùng đòi hỏi sức mạnh của nhiều nhân. Tuy nhiên, các nhà sản xuất bo mạch chủ không chú trọng nhiều đến những sản phẩm này, bởi số lượng người dùng quá ít.

Đánh giá hiệu năng Asus ZenFone 3 bản 4GB RAM, 64GB bộ nhớ trong

Với giá bán lên tới 9 triệu đồng, Asus ZenFone 3 liệu có đem lại một hiệu năng tốt như mong đợi hay không?

Mở hộp và trên tay TECNO L9: Thiết kế đẹp, pin khủng, giá 2.550.000 đồng

Tiếp tục là một chiếc máy đến từ thương hiệu mới nổi TECNO và lần này là một chiếc máy thuộc phân khúc giá rẻ. Dù giá bán chỉ 2.550.000 đồng, nhưng chiếc điện thoại này vẫn có nhiều đặc điểm đáng giá. TECNO L9 sở hữu