DuckDuckGo - Multi-Columns - UserCSS (userstyle) v.39

DuckDuckGo Less scrolling with a multi columns interface

目前为 2023-05-05 提交的版本。查看 最新版本

作者
decembre
评分
0 0 0
版本
39.00
创建于
2021-03-16
更新于
2023-05-05
大小
47.5 KB
许可证
Unlicense
适用于

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 :
#links .result
Now that's different, read:
DuckDuckGo change its code since a long time now and i forgot to change my example for the 2 columns...
Now you need to play with:
.serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
.nrn-react-div article:not([id="r1-0"])

(find it in my userstyles and play )
By example to have 2 columns:

/* (new33) .nrn-react-div - TOP - ALL */
.serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
.nrn-react-div article:not([id="r1-0"]) {
float: left !important;
clear: none !important;
min-height : 155px ! important;
max-height : 155px ! important;
min-width : 45% ! important;
max-width : 45% ! important;
margin-right: 4px ! important;
padding: 1px 1px 1px 35px ! important;
border: 1px solid gray ! important;
}


Screenshot 2 columns):


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:

- 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.39:
- Support for News too ..
- Corrections for specials (first load and change after at refresh ?) loading pages results:
[data-nrn="result"]
.Last one (2004.04 ):
super-wide ol.react-results--main li article
I see it only few time (2 time) yet and don't know why it is serve like that. At refresh it return to its normal state. So it's just a quick fix for it. An idea?)
- Top Info Sidebar (Expand on Hover) + Fine tuning Top Infos ( Transparent background if empty + add on hover text "No more infos on hover")
- Support the HTLM (Mobile?) version:
https://duckduckgo.com/html/

Others Correction for:
Related Search, Top "News" , Right Infos Panel (Map view), Videos , columns, Auto load, Map Search, Carousel Images / News....

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址