SimpCity Move and Enlarge Thumbnails Before Titles in Threads

Moves thread thumbnails to appear before the thread titles on SimpCity forums and makes them larger.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name         SimpCity Move and Enlarge Thumbnails Before Titles in Threads
// @namespace    http://tampermonkey.net/
// @version      1.6
// @description  Moves thread thumbnails to appear before the thread titles on SimpCity forums and makes them larger.
// @author       You
// @match        https://simpcity.cr/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // Select all thread items on the page
    const threadItems = document.querySelectorAll('.structItem.structItem--thread');

    threadItems.forEach(thread => {
        // Find the thumbnail container
        const thumbnailContainer = thread.querySelector('.structItem-cell--icon .structItem-iconContainer a');
        const titleContainer = thread.querySelector('.structItem-cell--main .structItem-title');

        if (thumbnailContainer && titleContainer) {
            // Enlarge thumbnail dimensions
            thumbnailContainer.style.width = '400px'; // Adjust width
            thumbnailContainer.style.height = '400px'; // Adjust height
            thumbnailContainer.style.display = 'block'; // Ensure it's displayed as a block

            // Move the thumbnail before the title
            titleContainer.parentNode.insertBefore(thumbnailContainer, titleContainer);
        }
    });
})();