kiến thức Tổng hợp những addon chất cho Firefox / Chromium

toi la gay :sosad: said:
Thử lục trong cái css này mình từng chia sẻ, bên trong đó có mà quên béng là đoạn nào:

kiến thức - Tổng hợp những addon chất cho Firefox / Chromium

Cách xóa bớt các addon có sẵn của Mozilla và Floorp để cho gọn và giảm thêm tí RAM: about:support Nhìn vào phần Application Binary, xem hình dưới cho dễ hiểu: Mở folder đó lên từ Explorer Tạo folder tên distribution Tạo file policies.json nếu chưa từng bao giờ Mở lên và thêm: {...
voz.vn voz.vn

Css trên chắc cũ rồi, nên có vẻ không hoạt động hoặc chưa cài cái này:
github.com

GitHub - datguypiko/Firefox-Mod-Blur: Firefox Theme - For dark theme lovers / More compact / Modular / Blur

Firefox Theme - For dark theme lovers / More compact / Modular / Blur - datguypiko/Firefox-Mod-Blur
github.com github.com
Click to expand...
Có 1 lí do nữa là vì cái html của thằng floorp nó khác firefox nên dùng userchrome cũng khác. Cái floorp này 1 năm trước có dùng thử lúc đấy cái style mặc định còn là photon muốn chơi custom css là phải revert cái đống đó trước nên thôi bỏ ko chơi
 
Last edited:
toi la gay :sosad: said:
Thử lục trong cái css này mình từng chia sẻ, bên trong đó có mà quên béng là đoạn nào:

kiến thức - Tổng hợp những addon chất cho Firefox / Chromium

Cách xóa bớt các addon có sẵn của Mozilla và Floorp để cho gọn và giảm thêm tí RAM: about:support Nhìn vào phần Application Binary, xem hình dưới cho dễ hiểu: Mở folder đó lên từ Explorer Tạo folder tên distribution Tạo file policies.json nếu chưa từng bao giờ Mở lên và thêm: {...
voz.vn voz.vn

Css trên chắc cũ rồi, nên có vẻ không hoạt động hoặc chưa cài cái này:
github.com

GitHub - datguypiko/Firefox-Mod-Blur: Firefox Theme - For dark theme lovers / More compact / Modular / Blur

Firefox Theme - For dark theme lovers / More compact / Modular / Blur - datguypiko/Firefox-Mod-Blur
github.com github.com
Click to expand...
được rồi nè thank bác nhiều
 
toi la gay :sosad: said:
Tương lai lên kiểu tab dọc kiểu Arc thì chắc phải lãng quên vụ collapse này luôn mất, vì khi đó bê cả thanh địa chỉ về mà collapse là lỗi lòi.
Click to expand...
Hình như ông dev muốn ẩn hẳn như arc hay sao ý bác ạ, lúc em mới update nó có lỗi như kiểu muốn ẩn hẳn thanh tab đi chỉ để lại web. Vào đổi sang tab ngang rồi đổi lại về tab dọc thì hết
Omd40Mz.png
 
toi la gay :sosad: said:
@nhoxbuondkny Không dẩm khô như hoàng tử 34 @shenzero999 mà làm thế này thì thành khẩm dô rồi :(

streamable.com

Watch Tab Collapsing without scrolling bug | Streamable

Watch "Tab Collapsing without scrolling bug" on Streamable.
streamable.com
Click to expand...
Mà vertical tab mà không có group hay nesting thì nhiều tab tí là unusable rồi. Ví dụ tầm trên 50 tab chia group rồi panel như sideberry thì kiểm soát được, còn chơi tới 1k thì quên việc lăn chuột tìm tab đi mà dùng address bar search tab luôn.
 
erogemaster225 said:
Mà vertical tab mà không có group hay nesting thì nhiều tab tí là unusable rồi. Ví dụ tầm trên 50 tab chia group rồi panel như sideberry thì kiểm soát được, còn chơi tới 1k thì quên việc lăn chuột tìm tab đi mà dùng address bar search tab luôn.
Click to expand...
Kinh nghiệm thực chiến của mình:
Lăn tab thì vẫn dùng như nếu muốn quản một cách thật gọn gàng ngăn nắp thì dùng Workspace của Floorp, gom hết vào y như Workspace của Opera/Vivaldi
 
toi la gay :sosad: said:
Đưa mình cái link Youtube mà dẫn tới cái stream bị lỗi kiểu vậy, chưa hình dung ra
Click to expand...
mình biết tại sao rồi, do mình ko dùng HE nữa, mà dùng thằng này để vào m.youtube
addons.mozilla.org

YouTube Mobile for desktop – Get this Extension for 🦊 Firefox (en-US)

Download YouTube Mobile for desktop for Firefox. Redirects to the mobile version of YouTube, enhanced for desktop.
addons.mozilla.org addons.mozilla.org
thằng này lợi 1 cái là nó thay cái player, nên tua dễ hơn so với script seek bar
 

Attachments

  • HE_2023-10-18T18-23-43Z.zip
    2.6 KB · Views: 35
  • HE_2023-10-18T18-23-43Z.zip
    2.6 KB · Views: 58
Last edited:
toi la gay :sosad: said:
Dùng Extension source viewer chiết xuất code ra là có thôi, biến nó thành HE:

View attachment 2134720
View attachment 2134722
View attachment 2134731

Giải nén và Import vào HE: https://voz.vn/attachments/he_2023-10-18t18-23-43z-zip.2134734/


View attachment 2134736
View attachment 2134737
Click to expand...
đỉnh quá thầy gầy. cám ơn nhiều :D
p/s: mình phát hiện lỗi, khi mở lại trình duyệt thì nó về lại player gốc
bandicam 2023-10-19 04-29-23-382 (https://streamable.com/ujbslt)
 
Last edited:
toi la gay :sosad: said:
@nhoxbuondkny @Triều đình @ducminh3112 Done

streamable.com

Watch Tab Collapsing | Streamable

Watch "Tab Collapsing" on Streamable.
streamable.com

Code: 
/*-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. */

   #TabsToolbar-customization-target {
    max-width: none !important;
    min-width: 0px !important;
  }
 
  #sidebar-splitter {
    display: none !important;
  }
 
  #sidebar-header {
    display: none !important;
  }
 
 
  /*shared*/
  #TabsToolbar {
    position: relative !important;
    clip-path: inset(0) !important;
    z-index: 1 !important;
  }
 
  :root {
    --default-vertitaltab-width: 42px;
    --hoverd-verticaltab-width: 20em;
  }

  :root[uidensity=compact]{
    --default-vertitaltab-width: 35px !important;
  }

  :root[uidensity=touch]{
    --default-vertitaltab-width: 60px !important;
  }
  
 
 
  /*close*/
  #TabsToolbar {
    --hovering-verticaltab-width: calc( var(--default-vertitaltab-width));
    width: var(--default-vertitaltab-width) !important;
  }



 
  /*open*/
  #TabsToolbar:hover {
    width: var(--hoverd-verticaltab-width) !important;

  }
 
 
  /*left*/
  #TabsToolbar:not([positionend="true"]):hover {
    margin-right: calc((var(--hoverd-verticaltab-width) - var(--default-vertitaltab-width)) * -1) !important;
  }
 
  /*right*/
  #TabsToolbar[positionend="true"]:hover {
    margin-left: calc((var(--hoverd-verticaltab-width) - var(--default-vertitaltab-width)) * -1) !important;
  }
 
  /* if tab doesn't have an icon, make sure it still has tab icon */

  .tab-icon-image:not([src], [busy]) {
    width: 16px !important;
    height: 16px !important;
    display: inherit !important;
  }
Click to expand...
CSS: 
  #new-tab-button {
    width: 26px !important;
    height: 26px !important;
  }

  #alltabs-button {
    width: 26px !important;
    height: 26px !important;
  }

  #alltabs-button label.toolbarbutton-text{
    display: none !important;
    font-size: 0pt !important;
  }

  #new-tab-button label.toolbarbutton-text{
    display: none !important;
    font-size: 0pt !important;
  }
Thêm cái này là bỏ đc label của cái nút New Tab với All Tabs :( mỗi tội css trình còi nên không làm cho nó ngang 1 hàng được

mà khứa Nhật Bổn này dùng loader của @xiaoxiaoflood, không biết có khác gì của fx-autoconfig của @MrOtherGuy không nữa

Markdown (GitHub flavored): 
### 📦 userChromeCSS Loader

- [userChromeCSS Loader](floorp/browser/base/content/browser-chromeCSS.js)
- [MIT](floorp/browser/base/content/browser-chromeCSS.js)
- Author: Griever

Notice: if you are a developer of "userChromeCSS Loader", please contact us so that we can add your name and website to the list.

### 📦 userChromeJS Loader

- [userChromeJS Loader](https://github.com/xiaoxiaoflood/firefox-scripts/)
- [Mozilla Public License 2.0](https://github.com/xiaoxiaoflood/firefox-scripts/blob/master/LICENSE)
- Author: [Alice0775](https://github.com/Alice0775/), Endor8, TroudhuK, Izheil, Merci-chao, [xiaoxiaoflood](https://github.com/xiaoxiaoflood/)
 

Similar threads

A
SG So Sánh Kem Mắt Meso Treatment với Các Sản Phẩm Khác Trên Thị Trường
Replies
0
Views
124
AllOutOfLove
A
Masterchiefs
Nhà vệ sinh tương lai, bồn cầu sẽ biết... bắt bệnh
Replies
10
Views
620
luongthaiduong
luongthaiduong
Masterchiefs
Uống phải dầu hỏa trẻ 20 tháng tuổi suy hô hấp: Cách sơ cứu khi ngộ độc hóa chất
Replies
0
Views
208
Masterchiefs
Masterchiefs
ThatThapLuc
Ăn sáng bằng xôi, bún hay phở là tốt nhất?
10 11 12
Replies
237
Views
21K
pilypily1
pilypily1
K
tin tức Sự kiện ngày hội hp việt nam 2024 mang đến danh mục sản phẩm tích hợp trí tuệ nhân tạo (AI) mới nhất từ tập đoàn HP
Replies
2
Views
367
chienbinhso13
chienbinhso13

Share this page

Back
Top