Trucos Y4

Abrir en el editor Publica tu código

Recomendado

28 February 2025

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Panel Y4HACKS</title>
    <style>
        @keyframes borderColorChange {
            0% { border-color: red; }
            25% { border-color: orange; }
            50% { border-color: green; }
            75% { border-color: blue; }
            100% { border-color: white; }
        }

body {
            margin: 0;
            font-family: Arial, sans-serif;
            background: #000;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            overflow: hidden;
            position: relative;
        }

#particles-js {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }

.container {
            width: 400px;
            background: rgba(0, 0, 0, 0.8);
            border-radius: 10px;
            padding: 20px;
            position: relative;
            text-align: center;
            border: 5px solid;
            animation: borderColorChange 5s infinite;
            display: none; /* Ocultar todos los contenedores por defecto */
        }

.container.active {
            display: block; /* Mostrar solo el contenedor activo */
        }

h2 {
            color: #FFD700;
            margin-bottom: 20px;
            font-size: 24px;
        }

.input-group {
            margin-bottom: 15px;
            text-align: left;
        }

.input-group label {
            display: block;
            margin-bottom: 5px;
            color: #FFD700;
        }

.input-group input {
            width: 100%;
            padding: 10px;
            border: 2px solid #FFD700;
            border-radius: 5px;
            background: #333;
            color: #fff;
            transition: border-color 0.3s ease;
        }

.input-group input:focus {
            border-color: #FFA500;
            outline: none;
        }

.button {
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            color: #fff;
            background: #FFD700;
            cursor: pointer;
            margin: 10px 0;
            font-size: 16px;
            transition: background 0.3s ease, transform 0.3s ease;
        }

.button:hover {
            background: #FFA500;
            transform: scale(1.05);
        }

.button:active {
            background: #FF8C00;
        }

.register-link {
            color: #FFD700;
            text-decoration: none;
        }

.register-link:hover {
            text-decoration: underline;
        }

.footer {
            margin-top: 20px;
            font-size: 12px;
            color: #FFD700;
        }
    </style>
</head>
<body>
    <div id="particles-js"></div>
    <div class="container active" id="loginPanel">
        <h2>Y4HACKS</h2>
        <div class="input-group">
            <label for="username">Username</label>
            <input type="text" id="username" placeholder="Username">
        </div>
        <div class="input-group">
            <label for="password">Password</label>
            <input type="password" id="password" placeholder="Password">
        </div>
        <button class="button" onclick="login()">Iniciar Sesión</button>
        <button class="button" onclick="showRegister()">Crear Cuenta</button>
    </div>

<div class="container" id="registerPanel">
        <h2>Registro</h2>
        <div class="input-group">
            <label for="newUsername">Username</label>
            <input type="text" id="newUsername" placeholder="Username">
        </div>
        <div class="input-group">
            <label for="newPassword">Password</label>
            <input type="password" id="newPassword" placeholder="Password">
        </div>
        <button class="button" onclick="register()">Registrar</button>
        <button class="button" onclick="showLogin()">Volver</button>
    </div>

<div class="container" id="hackPanel">
        <h2>Hacks</h2>
        <button class="button">Aimbot</button>
        <button class="button">Auto Aim</button>
        <button class="button">Fly Hack</button>
        <button class="button">Speed Hack</button>
        <button class="button">Wall Hack</button>
        <button class="button">Game Guardian</button>
        <button class="button" onclick="logout()">Cerrar Sesión</button>
        <div class="footer">by: YAHIR</div>
    </div>

function showLogin() {
            document.getElementById('loginPanel').classList.add('active');
            document.getElementById('registerPanel').classList.remove('active');
            document.getElementById('hackPanel').classList.remove('active');
        }

function showRegister() {
            document.getElementById('loginPanel').classList.remove('active');
            document.getElementById('registerPanel').classList.add('active');
            document.getElementById('hackPanel').classList.remove('active');
        }

function login() {
            const username = document.getElementById('username').value;
            const password = document.getElementById('password').value;

const users = JSON.parse(localStorage.getItem('users')) || [];
            const user = users.find(user => user.username === username && user.password === password);

if (user) {
                document.getElementById('loginPanel').classList.remove('active');
                document.getElementById('hackPanel').classList.add('active');
            } else {
                alert('Nombre de usuario o contraseña incorrectos.');
            }
        }

function register() {
            const username = document.getElementById('newUsername').value;
            const password = document.getElementById('newPassword').value;

if (username && password) {
                const users = JSON.parse(localStorage.getItem('users')) || [];
                users.push({ username, password });
                localStorage.setItem('users', JSON.stringify(users));

alert('Cuenta creada con éxito. Por favor, inicia sesión.');
                showLogin();
            } else {
                alert('Por favor, completa todos los campos.');
            }
        }

function logout() {
            showLogin();
        }
    </script>
</body>
</html>

Trucos Y4

Recomendado

Un código de securearray494

Un código de securearray494

Un código de securearray494

HTML

CSS

JS

Recomendado

Un código de securearray494

Un código de securearray494

Un código de securearray494

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS