Hướng dẫn tùy biến giao diện đăng nhập Facebook khi sử dụng bằng trình duyệt web trên máy tính

Hôm nay, TECHRUM xin chia sẻ với các bạn một thủ thuật khá hay dành cho Facebook khi sử dụng trên máy tính, phù hợp với những ai đã quá nhàm chán với giao diện đăng nhập mặc định của mạng xã hội này. Mời các bạn cùng xem và làm thử nhé!

B1: Cài tiện ích mở rộng J2Team Security: J2TeaM Security

B2: Nhấp chuột phải vào icon 'J' phía bên phải thanh nhập địa chỉ > chọn mục Công cụ và Dark Theme Editor

B3: Sao chép đoạn code sau

Mã:

html#facebook { background: url('http://www.techrum.vn/chevereto/images/2017/10/12/d6rNH.jpg')!important; background-position:50% 10% !important; background-repeat: no-repeat !important; background-color: #1A1A1C !important; overflow-x:hidden !important;}

.fbIndex #globalContainer #dropmenu_container, .fbIndex #globalContainer #content, .fbIndex #globalContainer#pageFooter { display: none !important; }

.fbIndex #pagelet_bluebar #blueBarDOMInspector ._53jh {background: #1a1a1c !important; border-bottom: 0 !important;min-height: 0px}

.fbIndex .loggedout_menubar_container .loggedout_menubar .lfloat._ohe { display: none !important; }

.fbIndex .loggedout_menubar_container { position: absolute !important; width: 580px !important; min-width: 0!important; top: 58% !important; left: 50% !important; margin-top: 17px !important; margin-left: -210px !important; z-index: -1 !important; }

.fbIndex .loggedout_menubar { width: auto !important; }

.fbIndex .loggedout_menubar_container .lfloat, .fbIndex .loggedout_menubar_container .rfloat { float: none !important;}

.fbIndex .loggedout_menubar_container .lfloat img, .fbIndex .loggedout_menubar_container .rfloat #login_form table {display: block !important; margin: 0 auto !important; }

.fbIndex .loggedout_menubar_container .lfloat img { display: block!important; margin: -60px auto 20px !important; }

._5a-- { display: none !important; }

#SetAsHomepage_Callout { display: none!important; }

.fbIndex .menu_login_container tbody{ display: flex !important; }

.fbIndex .menu_login_container tbody tr,.fbIndex .menu_login_container tbody tr td { display: grid !important; }

.fbIndex .menu_login_container .html7magic label { color: red !important; }

.fbIndex .menu_login_container table tr:nth-child(1),.fbIndex .menu_login_container table tr:nth-child(3) { display:none !important; }

.fbIndex .menu_login_container table tr:nth-child(2) { width: 410px !important; overflow: hidden !important; margin-left: 5px; margin-top: 10px !important; }

.fbIndex .menu_login_container table tr:nth-child(2) td:nth-child(1) { animation: username 1s forwards !important;transform: translateX(-500px) !important; opacity: 0 !important; }

.fbIndex .menu_login_container table tr:nth-child(2) td:nth-child(2) { animation: password 1s forwards !important;transform: translateX(500px) !important; }

.fbIndex .menu_login_container table tr:nth-child(2) td:nth-child(3) { animation: login .7s forwards !important;animation-delay: 1s !important; opacity: 0 !important; }

.fbIndex .menu_login_container .inputtext { width: 87% !important; border-radius: 7px !important; margin: 8px 0px!important; padding: 10px 20px !important; font-size: 1rem !important; background: rgba(255, 255, 255, 1) !important;box-shadow: none !important; color: #000 !important; }

td:nth-child(3) label#loginbutton { width: 94.3% !important; margin-top: 10px !important; }

td:nth-child(3) label#loginbutton > input[type=submit] { padding: 10px 15px !important; font-size: .9rem !important;color: #fff !important;}

@keyframes username { from{ transform: translateX(-500px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } }

@keyframes password { from{ transform: translateX(500px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } }@keyframes login{ from{ opacity: 0; } to { opacity: 1; } }

Và dán vào phần CSS và lưu lại là xong!

NGUỒN: J2TEAM (TỐNG DƯƠNG BẢO)

J2TEAM Security: Yên tâm hơn rất nhiều trước những mối đe dọa trên Internet

J2TEAM Security là một tiện ích mở rộng (Extension) bảo mật trên trình duyệt Google Chrome. Có nguồn gốc từ Việt Nam, được phát triển bởi một Group trên Facebook rất nổi tiếng là J2Team đứng đầu là một Kỹ sư công nghệ có biệt danh junookyo.

Hướng dẫn mang giao diện Messenger của Facebook trở về như cũ

Nhiều khả năng đây chỉ là một lỗi tạm thời của Facebook, có người bị đổi giao diện, người không. Trong khi chờ cập nhật sửa chửa thì TCN chia sẻ cho bạn một thủ thuật giúp giao diện trở về như cũ.

J2TEAM Security: Tiện ích giúp hạn chế tối đa rủi ro từ mã độc, virus, lừa đảo

J2TEAM Security là tiện ích bảo mật có nguồn gốc tại Việt Nam được một nhóm nghiên cứu cùng tên phát triển. Tính năng chính của công cụ này là bảo vệ người dùng trước những mối đe dọa tiềm tàng vốn có trên internet, đặc biệt là mạng xã hội Facebook.

Hướng dẫn loại bỏ khung thông tin Game khỏi Facebook nhanh chóng

Nếu bạn là người ghét những thể loại game trên Facebook và không muốn nhìn thấy nó, thì đây là bài viết dành cho bạn. Hôm nay, admin group facebook J2Team đã chia sẻ cho mọi người một thủ thuật nhỏ nhằm ẩn thông tin Game khỏi thanh sidebar của

Hướng dẫn tùy biến giao diện Facebook cực kỳ đơn giản và dễ sử dụng

Đây là một extension do Nguyễn Anh Nhân - thành viên J2TEAM viết ra và chia sẻ cho cộng đồng. Mình khá ấn tượng về giao diện khi cài đặt thành công extension này vào trình duyệt Chrome.

Giao diện tin nhắn trên Messenger bị chuyển sang hình vuông và đây là cách khắc phục

Mới đây giao diện tin nhắn của Messenger trên máy tính của nhiều người dùng Facebook bị chuyển từ bo tròn sang hình vuông gây ra sự không thoải mái khi sử dụng. Đây có thể chỉ là một lỗi tạm thời của Facebook chứ không phải là sự thay đổi giao diện

Cách xem lại lịch sử trò chuyện Facebook, xem ai nhắn tin với bạn nhiều nhất

J2TeaM là một add-on hay dành cho Chrome, và mình thấy nó tích hợp một tính năng rất thú vị là xem lại được những tin nhắn cũ với bạn bè, người yêu cũ,..vv.. ( xem từ những tin nhắn đầu tiên luôn), xem được danh sách những người chat với chúng ta

10 code CSS đơn giản bạn có thể học trong 10 phút

Khi dùng HTML để lập trình web, bạn có lẽ sẽ quan tâm đến việc giúp trang web trông chuyên nghiệp và tiện lợi hơn. CSS là cách tốt nhất để làm điều đó.

THỦ THUẬT HAY

Tiện ích Internet

13 ứng dụng dành cho iOS trị giá 34 USD đang được miễn phí

Tiếp tục làm mới chủ đề miễn phí hằng ngày, TCN xin gửi tới các bạn danh sách ứng dụng bản quyền dành cho thiết bị iOS đang được miễn phí trên cửa hàng App Store. Mời các bạn cùng xem và nhanh tay tải về trước khi thời

Thủ thuật / Wiki

Touch Bar là gì? Sử dụng Touch Bar trên MacBook như thế nào?

Kể từ thế hệ MacBook Pro 2016, Apple đã loại bỏ đi các phím chức năng phía trên bàn phím và thay vào đó là thanh cảm ứng phù hợp hơn với những thao tác mà bạn đang thực hiện. Vậy Touch Bar là gì? Sử dụng Touch Bar như

Thủ thuật

Thay đổi hình nền tự động trên Windows 10 với Wallpaper Change Scheduler

Wallpaper Change Scheduler là phần mềm miễn phí, cho phép bạn đổi hình nền tự động trong Windows 10. Công cụ này có một số tính năng tuyệt vời, cho phép bạn lập lịch thay đổi hình nền trên desktop theo ngày hoặc tuần.

Thủ thuật

Code iGà, nhận giftcode game iGà

iGà chắc hẳn không còn là tựa game xa lạ gì với chúng ta nữa, nhân dịp ra mắt server mới nhà phát hành game có gửi đến code iGà cho người chơi áp dụng cho toàn bộ server chứ không riêng gì server mới.

Thủ thuật

Tổng hợp các cách reset Windows về trạng thái ban đầu

Nếu chẳng may máy tính Windows của gặp sự cố nào đó mà bạn không thể tự khắc phục thì có thể thử cách Refresh, Reset hoặc Restore lại thiết bị để khôi phục cài đặt gốc máy tính về trạng thái ban đầu. Tùy vào thiết bị

ĐÁNH GIÁ NHANH

Xe cộ / Đánh giá

Đánh giá ưu nhược điểm Mazda 2 thế hệ mới từ cảm nhận của người dùng

Về tổng thể, Mazda2 vẫn giữ phong cách thiết kế giống phiên bản cũ, nhưng các đường nét được thiết kế hiện đại và thể thao hơn. Mazda2 mới có phần thân dài hơn một chút so với phiên bản cũ nhưng cũng chưa hẳn là mẫu

Xe cộ / Đánh giá

Honda CR-V 2017 - một trong những chiếc xe bán chạy nhất của Honda

Honda CR-V 2017 là một chiếc xe thực sự tốt mặc dù cho nó không hoàn hảo đến mức không còn gì để nâng cấp, sửa chữa.

Điện thoại / Đánh giá

Đánh giá camera sau OPPO F7: Phần cứng như F5, nhưng AI đã giúp cải thiện hình ảnh tốt hơn

Trái ngược với camera trước luôn nhận được sự khen ngợi của hầu hết người dùng, camera sau trên các sản phẩm OPPO chưa bao giờ được đánh giá quá cao mà chỉ ở mức vừa phải. Nhưng OPPO F7 sẽ cho bạn cái nhìn khác về chất

Nổi bật :

TIN LIÊN QUAN