khoe Triển lãm giao diện Firefox của vOzer

  • Người tạo chủ đề Người tạo chủ đề Decepticon
  • Ngày bắt đầu Ngày bắt đầu
Decepticon

Decepticon

Senior Member
Các thym thấy Firefox của mình đã đẹp nhất chưa :beauty:

1650700814014.png


userChrome.css của mềnh :byebye:
CSS: 
/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/

menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
  padding-block: 4px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/*** Photon-like Menu Colors (14 Jan 2022) ***/

/* Bookmarks Toolbar folders */
#PersonalToolbar menupopup,
/* Right-click context menus */
#mainPopupSet menupopup,
/* Top menu bar on Windows (not sure about others) */
#toolbar-menubar menupopup,
/* Sidebar/Library bookmark/history context menus */
#placesContext,
/* Address bar context menu (2021-10-25) */
#urlbar-input-container menupopup,
/* Various toolbar drop-down panels (Fx96) */
#back-button menupopup, #forward-button menupopup,
#identity-popup, #appMenu-popup, #downloadsPanel, #BMB_bookmarksPopup {
  /* Text color */
  --menu-color: #000 !important;
  --arrowpanel-color: #000 !important;
  --panel-color: #000 !important;
  /* Background color */
  --menu-background-color:  #f0f0f0 !important;
  --arrowpanel-background: #f0f0f0 !important;
  --panel-background: #f0f0f0 !important;
  /* Border color (if any) */
  --menu-border-color: threedshadow !important;
  --arrowpanel-border-color: threedshadow !important;
  --panel-border-color: threedshadow !important;
  /* Hovered/expanded item background color */
  --menuitem-hover-background-color: #e0e0e6 !important;
  --button-hover-bgcolor: #e0e0e6 !important;
  /* Disabled items text color and hovered background */
  --menu-disabled-color: rgba(21, 20, 26, 0.4) !important;
  --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4) !important;
}
 
 /* TAB BAR ------------------------------------------------------------------------------------------------- */

/* sets the height of the tab toolbar
otherwise will change height when tabs overflow [FIXED] */
/* tab height when playing audio issue fixed in FF 96.0.2+ */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=1714276 */
/* height change when tab overflow fixed in FF 97 beta+ */



/* Reduce left spacer on tab bar */
.titlebar-spacer[type="pre-tabs"] {
  display: none !important;
}


/* Tab - Connect to window */
.tab-background {
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tab-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tab-stack {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* make context line (from container tabs) visible */
.tabbrowser-tab[selected] .tab-context-line {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}


/* realign the selected tab so it doesnt droop down by 2px */
.tabbrowser-tab[visuallyselected="true"]{
  z-index: 0 !important;
}


/* neighbouring tabs should "pinch" together */
.tabbrowser-tab {padding-inline: 0 !important;}


/* Unselected Tab - Divide line */
.tab-content::before,
.tab-content::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  background-color: var(--custom-tab-divider-color, #535354) !important;
  width: 1px !important;
  height: 40px !important;
  transform: translateY(-20px) !important;
  opacity: 0 !important;
  transition: opacity 1s var(--ease-basic) !important;
}
.tab-content::before {left: 0 !important;}
.tab-content::after {right: 0 !important;}

.tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after,
.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after {
  opacity: var(--tab-separator-opacity) !important;
}


/* squares the mute button on hover */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  border-radius: 0 !important;
}

P/s: muốn tab ngăn chứa luôn hiện vạch màu cần sửa css ntn thym @Fioren nhỉ? click vào mới hiện bất tiện quá >"<
 
Decepticon đã nói:
Các thym thấy Firefox của mình đã đẹp nhất chưa :beauty:

Xem tệp đính kèm 1125492

userChrome.css của mềnh :byebye:
CSS: 
/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/

menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
  padding-block: 4px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/*** Photon-like Menu Colors (14 Jan 2022) ***/

/* Bookmarks Toolbar folders */
#PersonalToolbar menupopup,
/* Right-click context menus */
#mainPopupSet menupopup,
/* Top menu bar on Windows (not sure about others) */
#toolbar-menubar menupopup,
/* Sidebar/Library bookmark/history context menus */
#placesContext,
/* Address bar context menu (2021-10-25) */
#urlbar-input-container menupopup,
/* Various toolbar drop-down panels (Fx96) */
#back-button menupopup, #forward-button menupopup,
#identity-popup, #appMenu-popup, #downloadsPanel, #BMB_bookmarksPopup {
  /* Text color */
  --menu-color: #000 !important;
  --arrowpanel-color: #000 !important;
  --panel-color: #000 !important;
  /* Background color */
  --menu-background-color:  #f0f0f0 !important;
  --arrowpanel-background: #f0f0f0 !important;
  --panel-background: #f0f0f0 !important;
  /* Border color (if any) */
  --menu-border-color: threedshadow !important;
  --arrowpanel-border-color: threedshadow !important;
  --panel-border-color: threedshadow !important;
  /* Hovered/expanded item background color */
  --menuitem-hover-background-color: #e0e0e6 !important;
  --button-hover-bgcolor: #e0e0e6 !important;
  /* Disabled items text color and hovered background */
  --menu-disabled-color: rgba(21, 20, 26, 0.4) !important;
  --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4) !important;
}
 
 /* TAB BAR ------------------------------------------------------------------------------------------------- */

/* sets the height of the tab toolbar
otherwise will change height when tabs overflow [FIXED] */
/* tab height when playing audio issue fixed in FF 96.0.2+ */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=1714276 */
/* height change when tab overflow fixed in FF 97 beta+ */



/* Reduce left spacer on tab bar */
.titlebar-spacer[type="pre-tabs"] {
  display: none !important;
}


/* Tab - Connect to window */
.tab-background {
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tab-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.tab-stack {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* make context line (from container tabs) visible */
.tabbrowser-tab[selected] .tab-context-line {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}


/* realign the selected tab so it doesnt droop down by 2px */
.tabbrowser-tab[visuallyselected="true"]{
  z-index: 0 !important;
}


/* neighbouring tabs should "pinch" together */
.tabbrowser-tab {padding-inline: 0 !important;}


/* Unselected Tab - Divide line */
.tab-content::before,
.tab-content::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  background-color: var(--custom-tab-divider-color, #535354) !important;
  width: 1px !important;
  height: 40px !important;
  transform: translateY(-20px) !important;
  opacity: 0 !important;
  transition: opacity 1s var(--ease-basic) !important;
}
.tab-content::before {left: 0 !important;}
.tab-content::after {right: 0 !important;}

.tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after,
.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after {
  opacity: var(--tab-separator-opacity) !important;
}


/* squares the mute button on hover */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  border-radius: 0 !important;
}

P/s: muốn tab ngăn chứa luôn hiện vạch màu cần sửa css ntn thym @Fioren nhỉ? click vào mới hiện bất tiện quá >"<
Nhấp để mở rộng...
mặc định là luôn có vạch màu r mà thím
1650703803070.png
 
Fioren đã nói:
Xem tệp đính kèm 1125559
Đúng cũ nhưng ko phải ESR :shame:
Nhấp để mở rộng...
thím cho e hỏi là ở firefox bản thường nếu muốn tuỳ chỉnh các extension trong trình duyệt ( crack extension ) thì phải cài thêm 2 mục bổ sung cho nó ( ở bản dev của firefox thì không cần ) thím biết là 2 mục gì không. máy lỗi phải cài lại firefox mà không nhớ nổi 2 cái mục bổ sung kia là gì. 2 mục đấy kiểu chứng nhận ấy , nếu không cài vào thì mấy cái extension kia firefox nó không cho dùng
 
Vitconsome đã nói:
thím cho e hỏi là ở firefox bản thường nếu muốn tuỳ chỉnh các extension trong trình duyệt ( crack extension ) thì phải cài thêm 2 mục bổ sung cho nó ( ở bản dev của firefox thì không cần ) thím biết là 2 mục gì không. máy lỗi phải cài lại firefox mà không nhớ nổi 2 cái mục bổ sung kia là gì. 2 mục đấy kiểu chứng nhận ấy , nếu không cài vào thì mấy cái extension kia firefox nó không cho dùng
Nhấp để mở rộng...
lâu r ko xài unsigned nên ko rõ lắm, vào about:config tắt cái này xem xpinstall.signatures.required
 
Fioren đã nói:
đâu fen thử gửi file xpi đó xem, t nghiên cứu thử :D
Nhấp để mở rộng...
em không rõ cái file xpi thím nói , chỉ là trước để crack cái vidlq firefox thì ngoài việc tắt 2 cái
Mã: 
xpinstall.signatures.required
và
Mã: 
extensions.langpacks.signatures.required
trong
Mã: 
about:config
thì phải cài thêm 2 cái nữa ( tải từ chính thằng firefox luôn ). mà chỉ bản firefox thường phải cài thêm thôi , dùng bản dev hay beta thì không cần.
 
Vitconsome đã nói:
em không rõ cái file xpi thím nói , chỉ là trước để crack cái vidlq firefox thì ngoài việc tắt 2 cái
Mã: 
xpinstall.signatures.required
và
Mã: 
extensions.langpacks.signatures.required
trong
Mã: 
about:config
thì phải cài thêm 2 cái nữa ( tải từ chính thằng firefox luôn ). mà chỉ bản firefox thường phải cài thêm thôi , dùng bản dev hay beta thì không cần.
Nhấp để mở rộng...
thì cái file để cài cái vidlq firefox... gì ấy ở đâu, t mò thử xem... tại do cũng có cách mà ko chắc đc hay ko
 
Fioren đã nói:
thì cái file để cài cái vidlq firefox... gì ấy ở đâu, t mò thử xem...
Nhấp để mở rộng...
thím vào đây : https://addons.mozilla.org/vi/firefox/addon/vidiq-vision-youtube/
khi cài vidlq về máy thím vào đường dẫn này : C:\Users\Admin\AppData\Roaming\Mozilla\Firefox\Profiles . tìm đến mục extension có 1 file tên là [email protected] . tím dùng bandizip mở nó lên có mục tên là bundle.bundle.js , mở bằng notepad . sau đó tìm đoạn const e=this.getPlans đổi cái số 0 thành 5 là dùng được bản pro của nó . sau đó ở about:addons trong firefox chọn vidlq , click vào chỗ bánh răng chọn cài đặt từ tập tin là được
 
Vitconsome đã nói:
thím vào đây : https://addons.mozilla.org/vi/firefox/addon/vidiq-vision-youtube/
khi cài vidlq về máy thím vào đường dẫn này : C:confused:Users\Admin\AppData\Roaming\Mozilla\Firefox\Profiles . tìm đến mục extension có 1 file tên là [email protected] . tím dùng bandizip mở nó lên có mục tên là bundle.bundle.js , mở bằng notepad . sau đó tìm đoạn const e=this.getPlans đổi cái số 0 thành 5 là dùng được bản pro của nó . sau đó ở about:addons trong firefox chọn vidlq , click vào chỗ bánh răng chọn cài đặt từ tập tin là được
Nhấp để mở rộng...
bó tay thím, chỉ cài đc unsigned với firefox stable 96 trở xuống thôi
 
mấy cái này là để làm chi đấy, chỉ để đẹp thôi ấy hả :oh::oh:
 
Bạn phải đăng nhập hoặc đăng ký để trả lời tại đây.

Chủ đề tương tự

B
kiến thức Cách lướt ảnh Cab.vn và Haivl.com thời 2011-2014 bằng Wayback Machine
Trả lời
11
Lượt xem
6K
BK 201
BK 201
ChuSyThang21
kiến thức Trích xuất nội dung chính, khái niệm từ báo để đi vật nhau
Trả lời
10
Lượt xem
2K
newdayvn
N
The Deep Sea 2
khoe Cài đặt Edge sao cho ổn nhất, các thím vào đây bàn =))
82 83 84
Trả lời
2K
Lượt xem
170K
ONE OK ROCK
O
bobbychinn
thảo luận Khách sạn Thắng Lợi: Từ biểu tượng của ngoại giao Việt Nam đến vươn mình trở thành điểm đến du lịch mới
Trả lời
4
Lượt xem
2K
df4macon
D

Thống kê chủ đề

Ngày tạo
Decepticon,
Người trả lời cuối
Usernem,
Trả lời
98
Lượt xem
10.517

Chia sẻ trang này

Quay lại
Lên đầu trang