☰

DDSteam

Add search links for games on Steam pages

当前为 2024-10-19 提交的版本，查看 最新版本。

// ==UserScript==
// @name         DDSteam
// @name:es         DDSteam
// @version      2.4
// @description  Add search links for games on Steam pages
// @description:es      Añadir enlaces de búsqueda de juegos en las páginas de Steam
// @author       johnromerobot
// @license MIT
// @match        https://store.steampowered.com/*
// @namespace https://greasyfork.org/users/1243768
// ==/UserScript==

(function() {
    'use strict';

    function createButton(searchLink, buttonText, tooltipText, iconPath) {
        const gameNameElement = document.getElementById("appHubAppName");
        if (gameNameElement) {
            const linkButton = document.createElement("a");
            linkButton.href = searchLink;
            linkButton.setAttribute("target", "_blank");
            linkButton.title = tooltipText;
            linkButton.style.display = 'inline-block';
            linkButton.style.marginRight = '10px';
            linkButton.style.position = 'relative';

            const img = new Image();
            img.src = iconPath;
            img.alt = buttonText;
            img.style.width = '64px';
            img.style.height = '32px';
            img.style.objectFit = 'contain';
            img.style.transition = 'transform 0.3s ease-in-out';
            img.style.borderRadius = '8px';
            img.style.boxShadow = '0 0 5px rgba(0, 0, 0, 0.3)';
            img.style.backgroundColor = 'rgba(0, 0, 0, 0.2)'; // Slightly darker background

            linkButton.appendChild(img);
            gameNameElement.parentNode.appendChild(linkButton);
        }
    }

    const formattedGameName = document.getElementById("appHubAppName").textContent.trim().toLowerCase().replace(/'/g, '').replace(/_/g, ' ').replace(/[^a-zA-Z0-9 ]/g, ''); // Agregué esta línea para eliminar caracteres especiales

   const steamgg= `https://steamgg.net/?s=${formattedGameName}`;
    createButton(steamgg, "SteamGG", "Search on SteamGG", "https://i.ibb.co/XCj45HD/1728102863385.png");
    
   const steamrip = `https://steamrip.com/?s=${formattedGameName}`;
    createButton(steamrip, "SteamRIP", "Search on SteamRIP", "https://i.imgur.com/tmvOT86.png");

  const juegosdepc = `https://juegosdepcfull.com/?s=${formattedGameName}`;
    createButton(juegosdepc, "JuegosdePCFull", "Search on JuegosdePCFull", "https://www.gamezfull.com/wp-content/themes/MystiqueR3/favicon_gf.ico");

  const csrinru = `https://cs.rin.ru/forum/search.php?keywords=${formattedGameName}&terms=any&author=&sc=1&sf=titleonly&sk=t&sd=d&sr=topics&st=0&ch=300&t=0&submit=Search`;
    createButton(csrinru, "CS.RIN.RU", "Search on CS.RIN.RU (Login required)", "https://i.ibb.co/RYQkz8t/site-logo-2.png");

   const gog = `https://www.gog-games.to/?q=${formattedGameName}`;
    createButton(gog, "GOG", "Search on GOGGames", "https://i.imgur.com/wXfz72C.png");

    const fitgirl = `https://fitgirl-repacks.site/?s=${formattedGameName}`;
    createButton(fitgirl, "FitGirl", "Search on FitGirl", "https://i.imgur.com/GOFbweI.png");
    
     const pcgamingwiki = `https://www.pcgamingwiki.com/w/index.php?search=${formattedGameName}`;
    createButton(pcgamingwiki, "PCGamingWiki", "Search on PCGamingWiki (the wiki about fixing PC games)", "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTwZgcgIYqscsLY6OnFI3sC7ZRYui2OghZWIg&s");



    GM_addStyle(`
        body {
            background-color: #222;
            font-family: Arial, sans-serif;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        a {
            display: inline-block;
            transition: transform 0.3s ease-in-out;
            margin-right: 10px;
            position: relative;
        }

        a img {
            width: 64px;
            height: 32px;
            object-fit: contain;
            transition: transform 0.3s ease-in-out;
            border-radius: 8px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            background-color: rgba(0, 0, 0, 0.2); /* Slightly darker background */
        }

        a:hover img {
            transform: scale(1.1);
        }
    `);
})();