Shurmanos barra de enlaces arriba

Todo esto lo ha escrito Claude lol.
 avatar
unknown
plain_text
7 months ago
3.1 kB
5
No Index
// ==UserScript==
// @name         Shurmanos Quick Navigation
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  Adds a quick navigation bar at the top of shurmanos.com
// @author       You
// @match        https://shurmanos.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Define your navigation links here
    const navLinks = [
        { name: 'Inicio', url: 'https://shurmanos.com/' },
        { name: 'Novedades', url: 'https://shurmanos.com/novedades/foros/1404999/' },
        { name: 'Comunidades', url: 'https://shurmanos.com/forums/' },
        { name: 'Última Actividad', url: 'https://shurmanos.com/whats-new/' },
        { name: 'Miembros', url: 'https://shurmanos.com/members/' }
    ];

    // Create navigation bar
    const navbar = document.createElement('div');
    navbar.id = 'quick-nav-bar';
    navbar.style.cssText = `
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        padding: 10px 20px;
        display: flex;
        gap: 15px;
        align-items: center;
        z-index: 10000;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    `;

    // Add links to navbar
    navLinks.forEach(link => {
        const anchor = document.createElement('a');
        anchor.href = link.url;
        anchor.textContent = link.name;
        anchor.style.cssText = `
            color: white;
            text-decoration: none;
            padding: 8px 16px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s ease;
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.2);
        `;

        // Highlight current page
        if (window.location.href.includes(link.url) ||
            (link.url === 'https://shurmanos.com/' && window.location.pathname === '/')) {
            anchor.style.background = 'rgba(255,255,255,0.3)';
            anchor.style.fontWeight = '600';
        }

        // Hover effect
        anchor.addEventListener('mouseenter', function() {
            this.style.background = 'rgba(255,255,255,0.25)';
            this.style.transform = 'translateY(-2px)';
            this.style.boxShadow = '0 4px 8px rgba(0,0,0,0.2)';
        });

        anchor.addEventListener('mouseleave', function() {
            if (!window.location.href.includes(link.url)) {
                this.style.background = 'rgba(255,255,255,0.1)';
            }
            this.style.transform = 'translateY(0)';
            this.style.boxShadow = 'none';
        });

        navbar.appendChild(anchor);
    });

    // Insert navbar at the top of the page
    document.body.insertBefore(navbar, document.body.firstChild);

    // Add padding to body to prevent content from being hidden under fixed navbar
    document.body.style.paddingTop = '50px';

})();
Editor is loading...
Leave a Comment