☰

DuckDuckGo - Multi-Columns (ORGANIC) (USw) v.61

DuckDuckGo Less scrolling with a multi columns interface

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
decembre
今日安裝
0
安裝總數
271
評價
3 0 0
版本
610.00
建立日期
2021-03-16
更新日期
2025-07-14
尺寸
84.1 KB
授權條款
Unlicense
腳本執行於

▶ NOTES (2023.09):

- Update ONLY on Userstyles.world (USw) and GreasyFork:

Usersytles.org is broken for me (their new design don't permit Login! - request done 2023.08)
Now i can login.... but ONLY with Chrome:
Crazy devs!

Same version in userstyles.world (USw):
DuckDuckGo - Multi-Columns (ORGANIC)(USw) [userstyles.world]

[2023.05] Why "ORGANIC" ?
Because DuckDuckGo seems to deploy a new code and one its characteristic selector is named "organic" !
:-)

This Userstyle fill the windows in a multi-column page (based on window size) .

You can use too the enable options of DuckDuckGo to format the result page:
Many options are provided and you can save your preferences too.

My userstyle provide 3 columns of results.

If you want less or more columns, you can play with the width variable of :
#react-layout > div > div section ol.react-results--main li[data-layout="organic"]
(find it in my userstyles and play )

By example to have 2 columns:

/* NEW CODE - RESULTS ITEMS */
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 49.6% ! important;
max-width: 49.6% ! important;
margin-right: 4px ! important;
margin-bottom: 3px !important;
padding: 1px 1px 1px 0px ! important;
border-radius: 5px !important;
border: 1px solid gray ! important;
}


Also to see the left side panel coloured (with the check mark to show if the result was or not visited before),
use the Dark/Gray Light or the Dark theme and enable the (option "show when visited".
See the screenshot here:

Looks even better than the screenshot with the left side panel coloured.

Adaptation for GM:

- DuckDuckGPT [GrasyFork] - by Adamlui et KudoAI -2024):

Adds AI responses to DuckDuckGo (powered by GPT-4o!)

- Add 'Google' button to duckduckgo.com - by klaufir (2019) :

Adds a 'Google' button below the search box to repeat the search at google

- SearchPreview

- Linkify Plus Plus [ GreasyFork ] in use:

Mark text links "Linkifyed" by GM "Linkify Plus Plus"

test link :
ShowAllGroups - by vispillo chez DuckDuckGo

CHANGES in v.8...v.61:
- Search input color
- Add support for GM: DuckDuckGPT [GrasyFork]
- Correction for width of the results container
- Support for New Code change [2023.05]: Seems they definitively deploy their new "Organic" design ....
- Support the HTLM (Mobile?) version:
https://duckduckgo.com/html/

Others Correction for:
Support results images inside general results (seen in other browser but not in Waterfox Classic), supp pages counter inside results items, Related Search, Top "News" , Right Info Panel (Map view), Videos , columns, Auto load, Map Search, Carousel Images / News....