Nổi bật :

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)

 

  • Cập nhật ngày:
  • 12-10-2017, 21:40
Từ khoá : 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

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

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

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

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

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

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

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ướng dẫn cài đặt Windows 7 bằng USB

Hướng dẫn cài đặt Windows 7 bằng USB

Hệ điều hành Windows được cài đặt theo cách truyền thống thông qua đĩa cài đặt CD hoặc DVD, nhưng điều này là không thể đối với những máy tính hiện đại không có ổ đĩa quang học. May mắn thay, bạn có thể tạo một ổ đĩa

Mẹo dùng cảm biến vân tay Galaxy S8 để điều hướng thanh thông báo

Mẹo dùng cảm biến vân tay Galaxy S8 để điều hướng thanh thông báo

Bài viết này sẽ chia sẻ cho các bạn cách để có thể biến vân tay của Samsung Galaxy S8 trở nên tiện dụng hơn với khả năng điều hướng thanh thông báo.

Cách phục chế ảnh đen trắng sang ảnh màu miễn phí bằng Image Colorizer

Cách phục chế ảnh đen trắng sang ảnh màu miễn phí bằng Image Colorizer

Image Colorizer được biết tới là công cụ tối ưu nhất giúp chỉnh màu đẹp cho ảnh cũ, tô màu ảnh trắng đen. Để có những bức ảnh mới đầy màu sắc so với ảnh cũ, thì các bạn có thể sử dụng tool Image Colorizer. Cùng với

Cách chụp màn hình cuộn trên Android 12 để lấy được nhiều nội dung hơn

Cách chụp màn hình cuộn trên Android 12 để lấy được nhiều nội dung hơn

Trên Android 12 thì bạn đã có tính năng chụp màn hình cuộn. Sau đây là hướng dẫn các bạn cách chụp màn hình cuộn trên Android 12 để lấy đầy đủ nội dung nhé...

Easy Scroll - tiện ích trên giúp xem nội dung dài trên Android không cần di chuyển ngón tay

Easy Scroll - tiện ích trên giúp xem nội dung dài trên Android không cần di chuyển ngón tay

Các thao tác này hoàn toàn được thực hiện tự động và có thể thiết lập tốc độ cuộn tùy theo nhu cầu cá nhân, bao gồm chuyển tiếp 1/10 diện tích màn hình trên giây hoặc 1/6 diện tích màn hình trên giây.

ĐÁNH GIÁ NHANH

Đánh giá Galaxy S7 chính hãng: Vẫn là lựa chọn đáng tiền hiện nay

Đánh giá Galaxy S7 chính hãng: Vẫn là lựa chọn đáng tiền hiện nay

Galaxy S7 chính hãng sở hữu ngôn ngữ thiết kế vừa quen vừa lạ. Quen ở đây là tương tự với các dòng điện thoại trước, nhưng được thêm một số điểm khác giúp hoàn thiện hơn – đó là lạ. Cụ thể ở mặt trước, mặt kính đi kèm

Đánh giá hiệu năng Zenfone 5: Sản phẩm đáng chú ý tầm giá 9.9. triệu

Đánh giá hiệu năng Zenfone 5: Sản phẩm đáng chú ý tầm giá 9.9. triệu

Nhìn qua bảng cấu hình chúng ta sẽ không thấy yếu tố nào quá nổi bật, vì ở phân khúc tầm trung đã có những sản phẩm chạy Snapdragon 660 nên con chip 636 không thực sự được chú ý. Nhiều người cho rằng đây chỉ là một bản

Đánh giá nhanh Xiaomi Redmi Note 6 Pro: Có những ưu điểm gì nổi trội?

Đánh giá nhanh Xiaomi Redmi Note 6 Pro: Có những ưu điểm gì nổi trội?

Vẫn được trang bị khung viền bằng nhựa cùng với mặt lưng làm bằng kim loại tạo cảm giác chắc chắn khi sử dụng. Tương tự như thiết kế trên Redmi Note 5. Hai cạnh trên dưới là dải ăng ten bằng nhựa vắt ngang thân máy.