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

Đây là cách thay đổi hình nền màn hình khóa tự động trên điện thoại Samsung

Nếu bạn đang sở hữu điện thoại của nhà Samsung mà đã quá nhàm chán với hình nền màn hình khóa đơn điệu thì bạn không nên bỏ qua tính năng thay đổi hình nền màn hình khóa tự động cực thú vị.

Hướng dẫn cài đặt và sử dụng TypingMaster trên máy tính

Bạn có thể chỉnh cấp độ trên TypingMaster để phù hợp với kỹ năng gõ phím của bản thân. Phần mềm sẽ xác định điểm yếu của người dùng và xóa chúng bằng những bài tập tương ứng. Nhờ cách tiếp cận linh động này, kỹ năng

Mẹo hay khắc phục tình trạng Mac chạy chậm hiệu quả

Mỗi thiết bị công nghệ sau thời gian sử dụng đều xảy ra lỗi vặt ảnh hưởng đến trải nghiệm trong đó tình trạng Mac chạy chậm là điều khó có thể tránh khỏi.

Hướng dẫn xóa file gốc sau khi nén bằng winRAR

Thường thì với quá trình nén file, sau khi thực hiện xong, chúng ta sẽ thu được một file mới và đồng thời các file cũ cũng vẫn sẽ được giữ nguyên. Thực ra điều này là không cần thiết, bởi trong file nén các bạn vừa tạo

3 cách đơn giản để kiểm tra cấu hình, thông tin phần cứng máy tính, laptop

Để kiểm tra thông tin cấu hình máy tính trên Windows XP, Vista, 7, 8, 8.1 và Windows 10 không hề khó khăn chút nào, các bạn có thể làm theo cách thủ công hoặc dùng phần mềm hỗ trợ. Trong bài viết dưới đây, Quản Trị

ĐÁNH GIÁ NHANH

Soi chi tiết Camera Samsung A52 có đáng tiền để mua ?

Nhìn chung phần thông số camera của Galaxy A52 có sự nâng cấp nhẹ khi camera chính được nâng cấp độ phân giải tối đa 64MP, trong khi camera góc rộng giảm độ phân giải xuống 8MP thay vì 12MP như trên A51.

Đánh giá chi tiết camera iPhone 7: ấn tượng với chụp thiếu sáng và đèn Flash

Liệu camera iPhone 7 có vượt trội so với iPhone 6s và chất lượng của nó có xứng đáng để chúng ta nâng cấp? Mời bạn đến với bài đánh giá chi tiết camera iPhone 7

Khám phá điểm khác biệt giữa Galaxy Watch4 và Galaxy Watch4 Classic?

Galaxy Watch4 và Watch4 Classic là bộ đôi smartwatch mới nhất vừa được Samsung ra mắt cách đây không lâu. Chắc hẳn sẽ có nhiều bạn phân vân không biết nên chọn mua sản phẩm nào trong hai sản phẩm này. Hãy cùng chúng