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

Hệ điều hành

9 cách giải quyết vấn đề pin yếu sau khi cập nhật iOS mới

Như 1 điều hiển nhiên, sau mỗi lần nâng cấp hệ điều hành thì có rất nhiều câu hỏi đặt ra liên quan đến vấn đề hao pin. Và đều này lại xảy ra trong...

Thủ thuật

Bật xác minh 2 bước cho Gmail, gửi mã xác nhận về điện thoại khi đăng nhập

Bật xác thực hai lớp trên Gmail, bật xác minh hai bước cho Gmail, thiết lập để Google gửi mã xác nhận về điện thoại khi đăng nhập Gmail sẽ là cách giúp Gmail của bạn an toàn hơn trước các hacker. Đây là hướng dẫn chi

Tiện ích Internet

12 ứng dụng iOS trị giá 36 USD đang được miễn phí

Hôm nay, TCN xin gửi đến bạn đọc danh sách ứng dụng iOS đang được miễn phí trong thời gian ngắn. Nếu các bạn quan tâm hãy nhanh tay tải về trước khi tính phí trở lại. Lưu ý là một số app cần đổi ID Apple sang khu vực

Thủ thuật

Mẹo thay đổi giao diện iOS 6 mà không cần phải Jailbreak

Không giống như hệ điều hành Android, nền tảng iOS của Apple rất khó để có thể tinh chỉnh giao diện mặc định. Nhưng chúng ta vẫn có những cách để tùy biến được giao diện iPhone mà không cần phải Jailbreak.

Thủ thuật

Xem bạn bè đã truy cập những gì khi mượn smartphone của bạn và cách khắc phục

Đây cũng là một cách để bạn có thể biết được bạn bè đã truy cập những gì khi mượn smartphone của bạn. Nhưng mình nghĩ không nên áp dụng cách này đối với những thiết bị của người khác, bởi như vậy là vi phạm sự riêng tư

ĐÁNH GIÁ NHANH

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

Đánh giá OPPO Realme 1: Cấu hình mạnh mẽ nhưng giá bán vô cùng hấp dẫn

OPPO Realme 1 là sản phẩm cấu hình cao giá rẻ của OPPO hứa hẹn sẽ có sức cạnh tranh lớn với Xiaomi, máy được trang bị cấu hình tương đương với OPPO F7 và mức giá không tưởng

Máy tính / Đánh giá

Đánh giá Lenovo IdeaPad 100s - Giá rẻ nhiều tiện ích

Dù thuộc phân khúc dưới phổ thông với giá bán chưa tới 5 triệu đồng nhưng Lenovo IdeaPad 100 vẫn được trang bị nhiều tiện ích hỗ trợ tốt cho người dùng trong một thiết kế tổng thế khá gọn và đẹp.

Thiết bị số / Đánh giá

Đánh giá Apple Watch Series 4: Xứng đáng là một chiếc đồng hồ thông minh bạn cần

Điều nổi bật đầu tiên chính là về thiết kế của nó, trong khi các tính năng sức khỏe được bổ sung là điều hiển nhiên. Apple Watch 4 thật sự hấp dẫn người dùng đang tìm kiếm một chiếc đồng hồ có vùng hiển thị to hơn so

Nổi bật :

TIN LIÊN QUAN