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

[Ngô Viết Hùng]

​

Ở 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:

._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:

• Ở 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:

​

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

Ngô Viết Hùng - Via J2team​

Xem thêm:

Windows 11 không còn bị lừa bởi thủ thuật Bypass trên các CPU không...

Apple chia sẻ 10 mẹo và thủ thuật hữu ích dành cho iPhone

7 mẹo và thủ thuật hữu ích dành cho Samsung Notes

Ngăn không cho Windows 11 tự cập nhật bản đồ để giúp tích kiệm...

Tay đua sử dụng thủ thuật từ... game để vượt mặt đối thủ

Thủ thuật này cho phép bạn hình dung bản cắt iPhone 14 mới trên iPhone...

Giúp smartphone Xiaomi giá rẻ của bạn mượt mà hơn với những thủ...

Hướng dẫn khắc phục lỗi ngốn Pin trên laptop chạy Windows 11 với...

[Thủ thuật] Hẹn giờ đếm ngược tự tắt nhạc, video trên iPhone...

Bạn có thể giảm mức sử dụng RAM của Windows 11 bằng thủ thuật...

 

[Trum Co]

:big_smile::big_smile::big_smile:

 

[daotrungkien]

Store CÓ GIAO DIỆN MỚI RỒI BÁC AH, Fluent Design.

 

[Ngô Viết Hùng]

Store CÓ GIAO DIỆN MỚI RỒI BÁC AH, Fluent Design.

OK, để xem có gì mới không để lên bài

 

[xperiaz1]

pate đoạn code kia rồi vào đổi màu như nào vậy mod

 

[Ngô Viết Hùng]

pate đoạn code kia rồi vào đổi màu như nào vậy mod

Click Save rồi click F5 trong Facebook là được bạn ơi

 

[xperiaz1]

Click Save rồi click F5 trong Facebook là được bạn ơi :big_smile:

Click Save rồi click F5 trong Facebook là được bạn ơi :big_smile:

3 cái code màu kia đều là màu cam à bác.em đổi cả 2 toàn màu cam lòe loẹt quá

 

[sky_mtp]

Thỉnh thoảng đổi gió tí cũng đc Thanks

 

[Trần Văn Thái]

Quất dark theme + cụm trên bao trất'ss :brick::brick::brick:

 

[HomesunPhucHoa]

thật ra cũng k cần thiết lắm

 

[hamarketer]

Thấy đổi cũng đâu có lợi gì mấy đâu nhỉ, thấy cũng bình thường à :-?. dù sao cũng cám ơn thớt nhé

 

[phattran1130]

OK, để xem có gì mới không để lên bài :big_smile:

làm cách j quây về như củ

 

[huyentelecom]

ok cũng hay phết, thử xem sao

 

[DrTam111]

Ơ giờ mới biết cái này. :angry: Tối mai vọc thử vậy. :big_smile:

Mơ ước nhỏ nhoi: vợ - con - tầng - bánh.​

 

[MrCent]

Chả tùy biến nhiều, chơi mỗi thằng Fb very wide trong Stylish

 

[MrLe]

3 cái code màu kia đều là màu cam à bác.em đổi cả 2 toàn màu cam lòe loẹt quá

Đó là mã Hex của màu, 3 cái đó ứng với cam, đỏ ..... nếu bạn muốn màu khác thì vào
HTML Color Codes chọn màu thích xong copy code hex màu thay cho 3 code hex màu kia là đc

 

[nguyenvanbac]

Áo - Brazil: Bộ ba ma thuật, ngất ngây với Neymar ~ -----PHÒNG HỌP ĐẸP TẠI HÀ NỘI ----- HOTLINE 0912 123 267 - 0989 618 532
Bài viết khá hay.

 

[DarrellEnumN]

Стильные футболки с принтами в Омске здесь Футболки с принтами. Купить в Омске. Собрано 11798 предложений на VilingStore.net



Футболки с принтами - штука универсальная. В гардеробе всякого молодого человека, можно отыскать футболку и даже не одну. Модные дизайнеры добиваются, чтобы данный важный реквизит был трендовым и нескучным. Различные модели делают футболки стильной одеждой для носки регулярно. Недлинные цельнокроеные рукавчики и реглан, широкий крой и зауженный фасон – все это разнообразие дает возможность фанатам стиля casual каждый день выглядеть на новый лад. Отличием этого года является тяга дизайнеров к различным принтам. Довольно прозябать в унылых буднях, открываемся для позитива. Найти модные футболки с принтами в Омске возможно у партнеров VilingStore.

Футболки с принтами для парней и девушек – символ независимости, решительности и яркой личности. Футболки с слоганами показывают мировосприятие человека. Если на изделие нанесена светящаяся надпись, то на пати вы произведете впечатление. При клубном освещении данная вещь не позволит вам затеряться среди толпы. Футболки с брендами компаний, привлекательными слоганами помогут обратить на вас внимание окружающих. И подтвердят вашу индивидуальность и свободу.

Абстракция всегда оказывает особое волшебное действие. Если на молодой девушке надета футболка с аналогичным принтом, появляется жажда узнать секрет. Данные изображения определенно модны в этом году. Футболка с абстрактным рисунком встречается свободного кроя. Если при этом и покрой будет выделяться оригинальностью, не стоит беспокоиться. Это лишь подчеркнет таинственность рисунка. Таинственные искривления линий и мазки краски формируют на футболке картины, что не проигрывают произведениям именитых художников. Оптические принты, геометрия на футболках смотрятся смело.

Футболки с принтами для молодых людей с сюжетным изображением помогут создать занимательный и стильный внешний вид. Естественно, они будут приковывать внимание прохожих, и смотреться, как ожившие рекламные постеры. Постоянно мы носим изображения, которые радуют глаз. При этом, покупая футболку с сюжетным рисунком, мы создаем трендовый образ. Эти изображения воздействуют на восприятие душевной стороны персоны.

Несоменно, вы уже выбрали, какие футболки с принтами мечтали бы носить нынешним летом! Если вам понравились какие-либо варианты, то поторопитесь заглянуть в каталог товаров VilingStore. Там вы сможете найти модную покупку для себя и своих близких! При этом тут есть возможность почерпнуть очень много задумок для трендовых образов. Будьте верны индивидуальному стилю!

Источник информации: Футболки с принтами. Купить в Омске. Собрано 11798 предложений на VilingStore.net

 

[nawasaky]

thanks ad, rất hay

 

[thaovp188]

em làm xong rồi cảm ơn bác nhiều nhé