Skip to main content
100%

Userscript : Pantip White Theme

✓ Published0🌍 Public
Aadkdev
Last edited Sep 27, 2017
Created on Feb 10, 2015

This userscript applies a white theme to Pantip topic pages, overriding the site’s default colors for readability. It shows how a Tampermonkey script can manipulate the DOM and CSS styles across both mobile and desktop layouts, using jQuery selectors like `$()` and `$$()` to target elements such as post boxes, comment sections, and related-topic blocks. The script also removes ads, resizes related images via a Google proxy URL, and re-applies styling after AJAX updates, relying on `unsafeWindow` and `ajaxSuccess` hooks.

AI-generated description

Similar vizzes

Loading thumbnail…

No grayscale for me

This example demonstrates a Tampermonkey userscript that forces any website to display without grayscale filtering. It shows the direct application of CSS `filter: grayscale(0%)` onto both the `<html>` and `<body>` elements, overriding any site-wide grayscale effects. The script runs on every URL via the `@include *://*/*` pattern, excluding image file extensions, and executes immediately when the page loads. It relies on the Tampermonkey extension’s userscript API and plain DOM manipulation through `document.getElementsByTagName()`.

Aadkdev
59% match
Loading thumbnail…

ACE editor for editing your gists

This userscript replaces GitHub Gist textareas with the ACE editor, preserving the original hidden textarea for form submission. It loads ACE, jQuery, and the Twilight theme via the LABjs script loader, then injects a sized container after each textarea and hides the native field. The editor synchronizes its content back to the textarea on every change, and detects the file extension from the gist’s filename input to dynamically load and apply the matching syntax mode (JavaScript, CoffeeScript, HTML, or CSS) via `ace.edit`, `session.setMode`, and `require`. Data comes from the gist’s own textarea values and filenames.

Aabernier
53% match
Loading thumbnail…

Golang.org code highlight

This example shows a userscript that automatically adds syntax highlighting to code blocks on golang.org and godoc.org pages. It selects every `<pre>` element in the document body and assigns the `prettyprint` class, then injects a script tag pointing to Google’s code-prettify loader (`run_prettify.js`) from a CDN. The rendering approach relies entirely on the prettify library’s default behavior to colorize Go source code. The script, authored by netroby and sourced from a GitHub repository, runs on page load without external data or configuration.

Aadkdev
52% match
Loading thumbnail…

NJU-计算机解决问题-替换链接-油猴脚本

This userscript replaces links on the NJU problem-solving course page, rewriting any URL beginning with `http://114.212.10.6/` to use `http://cslabcms.nju.edu.cn/` instead. It selects all matching anchor tags via `document.querySelectorAll` and updates their `href` attributes with a string replacement. The script runs under the Tampermonkey/Greasemonkey environment, constrained to pages matching `http://cslabcms.nju.edu.cn/problem_solving/*`, and uses no external libraries—only plain DOM manipulation and regex-free string replacement.

RRainboylvx
51% match
Loading thumbnail…

Gist 23705f481029d7e1cb22973540188d19

This snippet demonstrates a WordPress performance optimization technique by filtering the `style_loader_tag` hook to modify how stylesheet links are rendered. It shows the `add_rel_preload` function, which replaces standard `<link>` tags with preload directives that include an `onload` handler to swap `rel='preload'` to `rel='stylesheet'`, enabling asynchronous CSS loading. The code uses WordPress PHP APIs (`add_filter`, `is_admin`) and outputs a heredoc string with the HTML. It explicitly avoids altering output in the admin panel, targeting front-end performance only.

KKopylovVitalik
50% match
Loading thumbnail…

Gist 1adbdacf6a95cfacb3cca1647ed20f39

This example shows every paragraph element on a page highlighted with a thick red border, transforming a plain HTML document into a visual checklist of text blocks. The script uses the standard Document Object Model (DOM) API, specifically `document.querySelectorAll('p')`, to select all paragraph nodes, then applies an inline CSS style via `p.style.border` with a `4px solid red` value. The rendering approach is direct DOM manipulation, with no external libraries or frameworks involved. The effect is immediate and static, permanently altering the appearance of each paragraph until the page is refreshed or the style is changed.

Aamundo
49% match
Loading thumbnail…

beautify - selenium webdriverjs test

This example demonstrates how to automate a Selenium WebDriver test in JavaScript to verify the process of copying a default theme in the beautify.io web application. The test uses the `selenium-webdriver` and `selenium-webdriver/testing` APIs to drive a Chrome browser, logging in, navigating to the default themes page, selecting a theme, and triggering a copy action via either a phone mockup button or a submenu click. It interacts with modal dialogs using XPath selectors and asserts the resulting theme name via `getAttribute('value')`. No external data visualization is involved; the focus is on functional UI testing.

CColinEberhardt
49% match
Loading thumbnail…

Gist 4632462

This example demonstrates how to turn a traditional multi-page website into a smooth, AJAX-driven single-page experience using the HTML5 History API. It shows the process of intercepting internal link clicks, fetching new page content via jQuery’s `$.ajax`, and dynamically replacing the page’s content and document title without a full reload. The implementation relies on History.js for state management, jQuery selectors to identify content and menu regions, and the optional jQuery ScrollTo plugin to animate scrolling after content updates. The readme documents installation steps and explains the state-change workflow.

TThanad
49% match