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

Làm thế nào để ngăn con dịt pede down ở google drive đây các bác, thử nãy giờ mà vẫn nó vẫn cứ nhảy ra
EB2RUU6.gif

1701074645684.png
 
hello ae mình cũng đang chuyển dần qua firefox, lâu giờ xài cent có getsures với sync của google ngon mà nó lâu update quá extension lỗi hết trơn, bữa còn dính con search1.me nó tự redirect google search qua trang của nó cay vl
Ae cho hỏi có config hay tweak nào của firefox cho mình mở tab mới ngay cạnh tab hiện tại không, với có cách nào sử dụng 2 phím mouse4 mouse5 cạnh chuột để xoay vòng tab hiện tại với last opened tab không mình nghĩ nếu có cái đó là quality of life quá ngon
 
Ae cho hỏi có config hay tweak nào của firefox cho mình mở tab mới ngay cạnh tab hiện tại không
browser.tabs.insertAfterCurrenttrue
Ấn Ctrl+T để cảm nhận phép lạ 1 tê e rờ yên.
với có cách nào sử dụng 2 phím mouse4 mouse5 cạnh chuột để xoay vòng tab hiện tại với last opened tab không mình nghĩ nếu có cái đó là quality of life quá ngon
Bind ở trong phần quản lý nút chuột 4, 5 thành Ctrl+Tab và Ctrl+Shift+Tab, hiện tại có phải mặc định nó là Back/Forward ?
 
@toi la gay :sosad: bước 1 ngon r bác, còn quản lý nút chuột ý bác là cái app của chuột bên ngoài firefox hả?

Edit: ok mình chỉnh được ở app chuột rồi mà cái lệnh bác gửi là xoay vòng tất cả tab ý mình là xoay vòng giữa 2 tab mở gần nhất, nếu mà firefox chưa có thì mình cứ xài thế thôi cảm ơn bác
 
Last edited:
@toi la gay :sosad:
Bác ơi m muốn chuyển sideberry qua bên phải mà auto ẩn/hiện nó vẫn sổ qua phải như hình
Screenshot 2023-11-27 at 16.31.28.png
vậy phải sửa code trong userchrome.css thế nào cho nó sổ qua trái nhỉ:
Code:
/* Sidebar for sideberry */
    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
        --uc-sidebar-width: 68px !important;
        --uc-sidebar-hover-width: 250px;
        --uc-autohide-sidebar-delay: 300ms;
        position: relative;
        min-width: var(--uc-sidebar-width) !important;
        width: var(--uc-sidebar-width) !important;
        max-width: var(--uc-sidebar-width) !important;
        z-index: 1;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
        > #sidebar-splitter {
        display: none;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
        > #sidebar {
        transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
        min-width: var(--uc-sidebar-width) !important;
        will-change: min-width;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover
        > #sidebar {
        min-width: var(--uc-sidebar-hover-width) !important;
        transition-delay: 0ms !important;
    }
 
@toi la gay :sosad:
Bác ơi m muốn chuyển sideberry qua bên phải mà auto ẩn/hiện nó vẫn sổ qua phải như hình
View attachment 2205108
vậy phải sửa code trong userchrome.css thế nào cho nó sổ qua trái nhỉ:
Code:
/* Sidebar for sideberry */
    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
        --uc-sidebar-width: 68px !important;
        --uc-sidebar-hover-width: 250px;
        --uc-autohide-sidebar-delay: 300ms;
        position: relative;
        min-width: var(--uc-sidebar-width) !important;
        width: var(--uc-sidebar-width) !important;
        max-width: var(--uc-sidebar-width) !important;
        z-index: 1;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
        > #sidebar-splitter {
        display: none;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
        > #sidebar {
        transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
        min-width: var(--uc-sidebar-width) !important;
        will-change: min-width;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover
        > #sidebar {
        min-width: var(--uc-sidebar-hover-width) !important;
        transition-delay: 0ms !important;
    }
Cái này hỏi @nhoxbuondkny cho chuẩn vì cần code CSS khác mới qua phải ẩn hiện được chứ code của mrotherguy không được.

Còn để qua phải chỉnh trong about:config, gõ thử sidebar tìm hiện mình không có máy tính.
 
@toi la gay :sosad:
Bác ơi m muốn chuyển sideberry qua bên phải mà auto ẩn/hiện nó vẫn sổ qua phải như hình
View attachment 2205108
vậy phải sửa code trong userchrome.css thế nào cho nó sổ qua trái nhỉ:
Code:
/* Sidebar for sideberry */
    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
        --uc-sidebar-width: 68px !important;
        --uc-sidebar-hover-width: 250px;
        --uc-autohide-sidebar-delay: 300ms;
        position: relative;
        min-width: var(--uc-sidebar-width) !important;
        width: var(--uc-sidebar-width) !important;
        max-width: var(--uc-sidebar-width) !important;
        z-index: 1;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
        > #sidebar-splitter {
        display: none;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]
        > #sidebar {
        transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
        min-width: var(--uc-sidebar-width) !important;
        will-change: min-width;
    }

    #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover
        > #sidebar {
        min-width: var(--uc-sidebar-hover-width) !important;
        transition-delay: 0ms !important;
    }
nhờ bác @nhoxbuondkny xem giúp
 
Muốn Sidebery đẹp hơn thì áp thêm code sideberyTweaksv5 , chỉnh chọt tí xíu cho vừa ý là tuyệt
nEFecFa.png


Nhân tiện chia sẻ style Sidebery đang dùng (vào Settings sidebery -> Styles Editor -> paste vào và chỉnh vài px để như ý), nguồn: cóp nhặt tùm lum
ig3L68e.png

CSS:
#root {
  --tabs-font: 10pt JetBrains Mono;
  --tabs-count-font: .625rem JetBrains Mono;
  --bookmarks-bookmark-font: .875rem JetBrains Mono;
  --bookmarks-folder-font: 10pt JetBrains Mono;
}

/* Adjust styles according to sidebar width */
@media screen and (max-width: 49px) {
  #root {
    --tabs-indent: unset;
  }
  .ScrollBox > .scroll-container {
    overflow: hidden;
  }
  .Tab .audio {
    left: 10px;
    transform: scale(.80);
    transform: translateY(4px);
    z-index: 99 !important;
  }
  .Tab .title {
    visibility: collapse;
  }
}
 
@media screen and (min-width: 49px) {
  .Tab .audio {
    left: 28px;
  }
}
 
/*
 * Add margins and rounding around tabs
 */
 
#root {
  --tabs-height: 30px;
}
 
/* Background layer */
 
.Tab {
  margin: 0 4px;
  width: unset;
}
.Tab .lvl-wrapper:after {
  content: '';
  position: absolute;
  top: 4px;
  width: 100%;
  height: calc(100% - 5px);
  border-radius: 4px;
  z-index: -1;
}
 
@media (prefers-color-scheme:light) {
  #root {
    --tabs-activated-bg: orange !important;
    --tabs-bg-active: var(--tabs-activated-bg) !important;
    --tabs-selected-fg: var(--tabs-activated-fg) !important;
    --tabs-selected-bg: var(--tabs-activated-bg) !important;
    --bg: #f0f0f0 !important;
  }
  .Tab[data-selected] .lvl-wrapper:after,
  .Tab[data-active] .lvl-wrapper:after {
    box-shadow: 0 0 1px rgba(128,128,142,0.9), 0 0 4px rgba(128,128,142,0.5);
  }
}
 
 
/* Reset default styles */
.Tab:hover,
.Tab:active,
.Tab[data-active],
.Tab[data-active]:active,
.Tab[data-selected],
.Tab[data-selected]:hover,
.Tab[data-selected]:active {
  background: transparent;
}
 
/* Reapply styles */
 
.Tab:hover .lvl-wrapper:after {
  background-color: var(--tabs-bg-hover);
}
 
.Tab:active .lvl-wrapper:after,
.Tab[data-active]:active .lvl-wrapper:after {
  background-color: var(--tabs-bg-active);
}
 
.Tab[data-active] .lvl-wrapper:after {
  background-color: var(--tabs-activated-bg);
}
 
 
.Tab[data-selected] .lvl-wrapper:after {
  background-color: var(--tabs-selected-bg);,
}
 
/* Resize and reposition favicons */
.Tab .fav {
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
 
.Tab .placeholder > svg {
  width: 18px;
  height: 18px;
}
 
.Tab .fav,
.Tab .placeholder,
.Tab .t-box {
  margin-bottom: -2px;
}

/* sideberyTweaksv5 */

#root.root {--frame-el-overlay-hover-bg: #ed0e29ff;}
#root.root {--ctx-menu-fg: whitesmoke;}
#root.root {--tabs-activated-shadow: 0 1px 4px -1px rgba(0,0,0,0.282), inset 0 0 0 1px rgba(255,255,255,0.031);}
#root.root {--tabs-lvl-opacity: 0.16;}
#root.root {--ctx-menu-shadow: 0 0 0 1px rgba(255,255,255,0.086), 0 1px 16px 0 rgba(0,0,0,0.282);}
#root.root {--ctx-menu-separator: black;}
#root.root {--ctx-menu-border-radius: 5px;}
#root.root {--status-notice: #00e9fb;}

/* ----------- Tab title styles ----------- */

/* tabs indent when hovering over sidebar. Useful when using the left sidebar variant */
/* .ScrollBox:not(:hover) {--tabs-indent: 0px;} */

.Tab .title {
  transition: all 5s ease;
  display: inline-block;
} 

/* enable scrolling */
.Tab:hover .title {margin-left: -10rem;}

/* moves container indicator to the left */
.Tab .ctx { left: 1px; }

.Tab[data-discarded="true"] .title { 
    text-decoration: line-through; 
    opacity: 75%;
}
.Tab[data-unread="true"] .title {font-style: italic;}

.Tab .fav > .fav-icon { /* gives favicon dropshadow */
    width: var(32px);
    height: var(32px);
    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4)) !important;
}
.Tab .audio {
    top: 3px !important;
    left: 10px !important;
    filter: drop-shadow(0px 0px 1px black);
}
.Tab[data-pin="true"] .audio {
    top: 12px !important;
    left: 15px !important;
    filter: drop-shadow(0px 0px 1px black);
}

/* ----------- Tab colors ----------- */
:root { /* change colors as you like */
    --red: #8200007f;
    --orange: #e65e0481;
    --yellow: #ffd71060;
    --green: #0082007f;
    --lightblue: #00c3ff7f;
    --blue: #3333ff7f;
    --purple: #cc00ff42;
    --black: #50505099;
    --white: #d9edf575;
}

.Tab[title*="https://github.com"], 
.PinnedTab[title*="https://github.com"] {
    --tabs-activated-bg: var(--white); /* current background */
    --frame-el-overlay-hover-bg: var(--white); /* hover bg */
}

/* ----------- Pinned Tab Bar Shadow ----------- */
.PinnedTabsBar {
    box-shadow: inset -2px 0px 30px rgba(0, 0, 0, 0.23);
}

#root[data-pinned-tabs-position="panel"] .PinnedDock {
    justify-content: flex-end;
}
#root[data-pinned-tabs-position="panel"]:not(:hover) .PinnedDock {
    flex-direction: row-reverse;
}

Đi kèm với Sidebery thì xài thêm auto hide bằng userChrome.css cho người chơi hệ autohide
CSS:
#sidebar-box {
    --bar-width: 38px;
    position: relative !important;
    overflow-x: hidden !important;
    /* margin-right: calc(10px * -1) !important; */
    /* left: var(--bar-width) !important; */
    min-width: var(--bar-width) !important;
    max-width: var(--bar-width) !important;
    border-right: 1px solid var(--sidebar-border-color);
    z-index: 1;
    transition: all 0.3s;
  }
 
  #sidebar-box:hover {
    --expanded-width: 250px;
    margin-right: calc(
      calc(var(--expanded-width) - var(--bar-width)) * -1
    ) !important;
    /* left: var(--expanded-width) !important; */
    min-width: var(--expanded-width) !important;
    max-width: var(--expanded-width) !important;
  }
 
  #sidebar-box:hover #sidebar-header {
    min-width: var(--expanded-width) !important;
    max-width: var(--expanded-width) !important;
  }

  /* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
#sidebar-header {
    min-width: var(--bar-width) !important;
    max-width: var(--bar-width) !important;
    overflow: hidden !important;
  }
 

  /* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
  #sidebar-splitter {
    display: none;
  }
 
Last edited:
Back
Top