Scribd
Upload
15 views4 pages

Texto

Uploaded by

darlinmartinesz69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views4 pages

Texto

Uploaded by

darlinmartinesz69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Panel Avanzado FF Max - Sr. Martínez</title>
<style>
/* Fondo y estilo global */
body {
margin: 0;
padding: 0;
background-image:
url('https://i.ibb.co/ckNkj8j/9748d62008a8b0b72a057c90c1ecec3a.jpg');
background-size: cover;
background-position: center;
font-family: Arial, sans-serif;
color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

.main-container {
width: 90%;
max-width: 500px;
background-color: rgba(0, 0, 0, 0.85);
padding: 25px;
border-radius: 15px;
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.7);
overflow-y: auto;
max-height: 90vh;
}

.title {
text-align: center;
font-size: 1.8em;
font-weight: bold;
color: #ff9800;
margin-bottom: 15px;
}

/* Sección de Sensibilidad */
.section {
margin-bottom: 20px;
padding: 15px;
background-color: rgba(255, 255, 255, 0.05);
border-radius: 12px;
}

.section h3 {
font-size: 1.3em;
margin-bottom: 10px;
color: #ffcc80;
border-bottom: 2px solid #ff9800;
padding-bottom: 5px;
}

/* Estilos de los sliders */


.slider-group {
display: flex;
align-items: center;
margin: 10px 0;
}

.slider-group label {
flex: 1;
font-size: 0.95em;
}

.slider-group input[type="range"] {
flex: 2;
margin-left: 10px;
accent-color: #ff9800;
}

/* Botones de toggle */
.toggle-group {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}

.toggle-group label {
font-size: 1em;
}

.switch {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #666;
border-radius: 24px;
transition: 0.4s;
}

.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition: 0.4s;
}

input:checked + .slider {
background-color: #ff9800;
}

input:checked + .slider:before {
transform: translateX(16px);
}

/* Footer */
.footer {
text-align: center;
font-size: 0.9em;
color: #b0bec5;
margin-top: 25px;
}

.footer .creator {
color: #ffcc80;
}
</style>
</head>
<body>

<div class="main-container">
<div class="title">Panel Avanzado FF Max - Sr. Martínez</div>

<!-- Sección de Ajustes de Sensibilidad -->


<div class="section">
<h3>Ajustes de Sensibilidad</h3>
<div class="slider-group">
<label for="general-sensitivity">Sensibilidad General</label>
<input type="range" id="general-sensitivity" min="1" max="100"
value="50">
</div>
<div class="slider-group">
<label for="aim-sensitivity">Sensibilidad de Apuntado</label>
<input type="range" id="aim-sensitivity" min="1" max="100"
value="70">
</div>
<div class="slider-group">
<label for="zoom-sensitivity">Sensibilidad de Zoom</label>
<input type="range" id="zoom-sensitivity" min="1" max="100"
value="60">
</div>
</div>

<!-- Sección de Opciones Avanzadas -->


<div class="section">
<h3>Configuraciones Avanzadas</h3>
<div class="toggle-group">
<label for="aimlock">AIM LOCK</label>
<label class="switch">
<input type="checkbox" id="aimlock">
<span class="slider"></span>
</label>
</div>
<div class="toggle-group">
<label for="auto-headshot">Auto Headshot</label>
<label class="switch">
<input type="checkbox" id="auto-headshot">
<span class="slider"></span>
</label>
</div>
<div class="toggle-group">
<label for="no-recoil">No Recoil</label>
<label class="switch">
<input type="checkbox" id="no-recoil">
<span class="slider"></span>
</label>
</div>
<div class="toggle-group">
<label for="fast-aim">Apuntado Rápido</label>
<label class="switch">
<input type="checkbox" id="fast-aim">
<span class="slider"></span>
</label>
</div>
</div>

<!-- Sección de Personalización -->


<div class="section">
<h3>Personalización</h3>
<div class="slider-group">
<label for="crosshair-size">Tamaño de Mira</label>
<input type="range" id="crosshair-size" min="1" max="20"
value="10">
</div>
<div class="slider-group">
<label for="crosshair-color">Color de Mira</label>
<input type="color" id="crosshair-color" value="#ff0000">
</div>
</div>

<!-- Footer -->


<div class="footer">
<p>Desarrollado por: <span class="creator">Sr. Martínez</span></p>
<p>Optimizado para FF Max en iPhone</p>
</div>
</div>

</body>
</html>

You might also like