Install this Userscript/Addon to improve your browsing experience on TheColi... view more embeds.

B

bnew

Veteran
Joined
Nov 1, 2015
Messages
56,094
Reputation
8,239
Daps
157,762
bnew said:
Insert OG smilies again with this userscript. used a mixture of LLM's like deepseek coder v2, llama3 sonar large 32k and chatgpt-4o to create it.

cPiNzQ1.gif



## update; theres some words pastebin.com finds objectionable for some reason so it's waiting moderation approval.. using another pastebin site in the mean time.



https://pastebin.com /raw/7hzkryBV remove the space between ".com" and "/raw/" since the link may not show on mobile
https://pastebin.com/7hzkryBV

code mirror:
paste.ee

View Paste Ejiui

Paste.ee - View Paste Ejiui
paste.ee

paste.ee

View Paste LDfBM

Paste.ee - View Paste LDfBM
paste.ee
download link:


A,I generated instructions:
Here are the step-by-step instructions to add the userscript to Chrome or Firefox:
For Chrome:

Install the Tampermonkey extension from the Chrome Web Store.
Once Tampermonkey is installed, click on the Tampermonkey icon in the toolbar and select “Create a new script…”
Paste your userscript into the editor and save it.
The userscript should now be installed and will run whenever you visit a page that matches its @match or @include rules.

For Firefox:

Install the Greasemonkey or Tampermonkey extension from the Firefox Add-ons site.
Once Greasemonkey or Tampermonkey is installed, click on the Greasemonkey or Tampermonkey icon in the toolbar and select “Add a new script…”
Paste your userscript into the editor and save it.
The userscript should now be installed and will run whenever you visit a page that matches its @match or @include rules.

*you can also use the userscript on android with firefox or kiwi browser.
Click to expand...
 
Last edited:
B

bnew

Veteran
Joined
Nov 1, 2015
Messages
56,094
Reputation
8,239
Daps
157,762
Dont@Me said:
I wanna do this but it seems like work :patrice:
Click to expand...


How to Install UserScripts: A Comprehensive Guide for Chrome and Firefox (Guide by ChatGPT) - sh.itjust.works

Table of Contents 1. Introduction 2. What is a UserScript? 3. Installing a UserScript Manager * Installing Tampermonkey on Chrome * Installing Violentmonkey on Chrome * Installing Tampermonkey on Firefox * Installing Greasemonkey on Firefox * Installing Violentmonkey on Firefox 4. Adding a...
sh.itjust.works sh.itjust.works

  1. Introduction
  2. What is a UserScript?
  3. Installing a UserScript Manager
    • Installing Tampermonkey on Chrome
    • Installing Violentmonkey on Chrome
    • Installing Tampermonkey on Firefox
    • Installing Greasemonkey on Firefox
    • Installing Violentmonkey on Firefox
  4. Adding a UserScript
  5. Conclusion

Introduction​

UserScripts are an incredible way to enhance and customize your browsing experience. They allow you to alter the functionality and layout of web pages, like Lemmy UI, by executing JavaScript codes on the client side. In this guide, we’ll walk you through the process of installing UserScripts in your Chrome or Firefox browser.

What is a UserScript?​

UserScripts are bits of code written in JavaScript that run in your web browser. They can modify the content, layout, and behavior of web pages. The true power of UserScripts lies in their ability to tailor your browsing experience to your needs.

Installing a UserScript Manager​

To run UserScripts, you’ll need to install a UserScript manager extension. Two popular ones are Tampermonkey and Greasemonkey.

Installing Tampermonkey on Chrome​

  1. Open the Chrome web browser.
  2. Go to the Tampermonkey page on the Chrome Web Store.
  3. Click the “Add to Chrome” button.
  4. Confirm by clicking “Add extension” in the pop-up window.

Installing Violentmonkey on Chrome​

  1. Open the Chrome web browser.
  2. Go to the Violentmonkey page on the Chrome Web Store.
  3. Click the “Add to Chrome” button.
  4. Confirm by clicking “Add extension” in the pop-up window.

Installing Tampermonkey on Firefox​

  1. Open the Firefox web browser.
  2. Go to the Tampermonkey page on the Firefox Add-ons site.
  3. Click the “Add to Firefox” button.
  4. Confirm by clicking “Add” in the pop-up window.

Installing Greasemonkey on Firefox​

  1. Open the Firefox web browser.
  2. Go to the Greasemonkey page on the Firefox Add-ons site.
  3. Click the “Add to Firefox” button.
  4. Confirm by clicking “Add” in the pop-up window.

Installing Violentmonkey on Firefox​

  1. Open the Firefox web browser.
  2. Go to the Violentmonkey page on the Firefox Add-ons site.
  3. Click the “Add to Firefox” button.
  4. Confirm by clicking “Add” in the pop-up window.

Adding a UserScript​

Now that you have a UserScript manager installed, you can add your own scripts. Here’s how:

  1. Click on the Tampermonkey or Greasemonkey icon in your browser toolbar.
  2. Choose “Create a new script…” from the dropdown menu.
  3. You’ll be taken to a new tab with a script template. Delete this template.
  4. Copy your UserScript and paste it into the empty field.
  5. Click “File” and then “Save” in the editor menu.
That’s it! Your UserScript is now installed and will run on the sites specified in its metadata.

Conclusion​

UserScripts offer an incredible way to customize your web browsing experience. Whether you’re using Chrome or Firefox, Tampermonkey, Greasemonkey or Violentmonkey, you can create a browsing environment that’s uniquely suited to your needs. Happy scripting!

Remember, while UserScripts are powerful tools, they should be used responsibly. Don’t install scripts from sources you don’t trust, as they can pose security risks. Always review the code of a UserScript before installing it to ensure it doesn’t contain anything malicious.

Tampermonkey Tutorial ¡ James Hibbard

hibbard.eu hibbard.eu
 
B

bnew

Veteran
Joined
Nov 1, 2015
Messages
56,094
Reputation
8,239
Daps
157,762
found a usersript here

KanyeToTheSMILEYS for Greasemonkey

Over 70 new smileys for KTT!
userscripts-mirror.org userscripts-mirror.org
and decided to fork it for use on thecoli using llama-3.1-sonar-large-128k-chat and claude sonnet 3.5


paste.ee

View Paste 5Fy7O

Paste.ee - View Paste 5Fy7O
paste.ee
or



default:
1lyBEDq.png

after you click on the button:
MB2ZSFU.gif


after you open the smiley menu, you have to click inside the form field to get the blinking cursor than click on the smiley to insert.


you can add your own preferred urls to the userscript too using the same url format thats easy to follow .. use chatgpt/LLM if you want to add multiple smilie urls and format it the way as seen in the userscript.


A.I generated:

Summary​

  1. Smiley Collection:
    • The script gathers a list of URLs for various smiley images.
  2. Container Creation:
    • It creates a container (a div element) where these smiley images will be displayed.
    • This container is initially hidden and can be toggled on and off using a "Show/hide Smilies" button.
  3. Display Settings:
    • The container is set to display at least three rows of smileys by default.
    • It is also made scrollable if there are more than three rows of smileys.
  4. Lazy Loading:
    • Instead of loading all the smiley images immediately, they are loaded only when the container becomes visible.
      • Initially, placeholder images are used.
      • When you click the "Show/hide Smilies" button to show the container, the actual smiley images are loaded.
  5. Insertion Functionality:
    • When you click on a smiley image, it inserts that image into the editable text area where you are typing.
  6. Toggle Button:
    • The "Show/hide Smilies" button allows you to show or hide the smiley container.
      • When you click this button to show the container, it loads the actual smiley images.
  7. Integration:
    • The script inserts the toggle button and the smiley container above or below the first editable field on the page, ensuring it does not interfere with the content editable area.

Key Points​

  • Lazy Loading: Smiley images are loaded only when needed (when you show the container), improving performance.
  • Rows and Scrollability: The container maintains its initial height and allows scrolling if there are many smileys.
  • Toggle Button: Easily show or hide the smiley container using a button.
  • Insertion: Clicking on a smiley image inserts it into your editable text area.
This setup enhances user experience by providing an easy way to insert various smileys while optimizing performance through lazy loading.

edit:
9/13/24

Updated to address some bugs where it inserted images outside the input area.


paste.ee

View Paste WPksD

Paste.ee - View Paste WPksD
paste.ee

 
Last edited:
B

bnew

Veteran
Joined
Nov 1, 2015
Messages
56,094
Reputation
8,239
Daps
157,762
updated the main script add mirror links under twitter/X embeds because sometimes a tweet is flagged by twitter and you need an account to see it.

WBwRBQe.png
 
B

bnew

Veteran
Joined
Nov 1, 2015
Messages
56,094
Reputation
8,239
Daps
157,762
added a archive.is link for xcancel.com nitter instance so click save a tweet if you think it might get deleted and keep in mind that archive.org for twstalker is the only one that can save tweets including the video. the nitter mirrors can also show an entire tweet thread for users without twitter accounts and tweets flagged for 18+ registered users only.

MBzEnnl.png


added mirror links to Invidious Instances for youtube embeds so users can watch youtube videos without worrying their algorithm will recommend stuff they don't want regularly.

VmjFNj0.png


NOTE: some of the servers can't play content from other countries so you might have to open more than one to see which can work.
 
Last edited:
You must log in or register to reply here.
Top