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é!
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

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)

 

TIN LIÊN QUAN

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

Cách đặt tên Zalo, thay tên Zalo với ký tự đặc biệt

Để gây ấn tượng, nổi bật với những bạn bè trên Zalo chúng ta có thể sử dụng cách thay tên Zalo với ký tự đặc biệt. Tất nhiên bạn phải có những ký tự đặc biệt sẵn, và biết cách đặt tên Zalo, thay tên Zalo với ký tự đặc

Hướng dẫn cách chia sẻ vị trí trên Zalo cực đơn giản, nhanh chóng

Zalo được biết đến là một trong những ứng dụng mạng xã hội phổ biến ở Việt Nam. Là người sử dụng Zalo đã lâu, vậy bạn đã biết cách để chia sẻ vị trí của bạn đến người khác chưa?

Chèn video từ Youtube vào PowerPoint 2013

Đã bao lần bạn muốn chèn một đoạn video vào PowerPoint để trình diễn nhưng cách làm lại quá phức tạp? Giờ đây PowerPoint 2013 đã cho phép chèn thẳng video từ Youtube vào PowerPoint.TCN sẽ hướng dẫn bạn cách chèn video

Các bước thực hiện tạo video kèm hiệu ứng ấn tượng làm ảnh đại diện Facebook

Nhằm giúp cho trang cá nhân trên mạng xã hội Facebook trở nên ấn tượng hơn, trong bài viết này TCN xin chia sẻ cách tạo video kèm hiệu ứng ấn tượng làm ảnh đại diện mà không cần sử dụng đến máy tính. Mời các bạn cùng

Tìm hiểu bản nâng cấp MacOS Mojave 10.14 có gì mới ?

Apple lần đầu tiên ra mắt phiên bản macOS ‘Mojave’ mới nhất tại hội nghị WWDC hồi tháng 6. Tuy nhiên đến tháng 9 tức là sau 3 tháng, người dùng máy tính Mac mới có thể tải về Mojave bản chính thức. Đây là bản cập nhật

ĐÁNH GIÁ NHANH

iPhone 13 Pro Max nếu dùng bộ sạc công suất lớn sẽ có thể sạc nhanh hơn

Tốc độ sạc của iPhone 13 Pro Max vừa được một kênh Yotube thử nghiệm qua đó phát hiện chi tiết gây bất ngờ khi có tốc độ nhanh hơn iPhone 12 ...

Đánh giá Lenovo Yoga C930: Flagship mới của Thế Giới Laptop

Sau nhiều năm thiết kế bản lề dạng đồng hồ cho dòng Yoga, Lenovo quyết định thay đổi bản lề này bằng một dải loa độc đáo trên Lenovo Yoga C930. Mục đích của việc thay đổi này để giúp bạn ngồi ở tư thế nào thì âm thanh

Đánh giá camera Xiaomi Mi Mix 2: chưa xứng tầm ở phân khúc cao cấp

Xiaomi Mi Mix 2 sở hữu thiết kế màn hình viền siêu mỏng ấn tượng cùng hiệu năng cực mạnh là điều không phải bàn cãi. Tuy nhiên có một yếu tố mà Xiaomi chưa bao giờ làm tốt, kể cả trên các điện thoại cao cấp của họ, đó