Ver nuestros videos Memeroteca #hazlecasoalfriki
Botón Flotante
/* Estilos para el botón flotante */
.floating-button {
position: fixed;
bottom: 20px;
right: 20px;
display: inline-flex;
align-items: center;
padding: 10px 20px;
background-color: #1a73e8;
color: white;
font-family: Arial, sans-serif;
font-size: 16px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease, transform 0.2s ease;
z-index: 1000;
/* Para asegurarse de que esté por encima de otros elementos */
}
.floating-button:hover {
background-color: #0c47a1;
transform: scale(1.05);
}
/* Estilos para el ícono */
.deepseek-icon {
font-size: 24px;
margin-right: 10px;
}
/* Estilos para el texto */
.deepseek-text {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.2;
}
.deepseek-text span:first-child {
font-weight: bold;
}
.deepseek-text span:last-child {
font-size: 14px;
color: #e0e0e0;
}
Pregúntale a DeepSeek
Como ChatGPT, pero GRATIX
// Función para abrir DeepSeek en una ventana emergente
function openDeepSeekWindow(event) {
event.preventDefault(); // Evita el comportamiento por defecto del enlace
const width = 800; // Ancho de la ventana
const height = 600; // Alto de la ventana
const left = (window.screen.width - width) / 2; // Centrar horizontalmente
const top = (window.screen.height - height) / 2; // Centrar verticalmente
// Abrir la ventana emergente
const newWindow = window.open(
"https://chat.deepseek.com",
"DeepSeekWindow",
`width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes`
);
// Verificar si la ventana se abrió correctamente
if (!newWindow || newWindow.closed || typeof newWindow.closed === "undefined") {
alert("¡El bloqueador de ventanas emergentes está activado! Por favor, permite ventanas emergentes para este sitio.");
}
}
function openDeepSeekWindow(event) {
event.preventDefault();
const button = event.currentTarget;
const spinner = button.querySelector(".spinner");
// Muestra el spinner y deshabilita el botón
spinner.classList.remove("hidden");
button.style.pointerEvents = "none";
// Abre la ventana emergente después de un pequeño retraso
setTimeout(() => {
const width = 800;
const height = 600;
const left = (window.screen.width - width) / 2;
const top = (window.screen.height - height) / 2;
window.open(
"https://chat.deepseek.com",
"DeepSeekWindow",
`width=${width},height=${height},left=${left},top=${top},resizable=yes,scrollbars=yes`
);
// Oculta el spinner y habilita el botón
spinner.classList.add("hidden");
button.style.pointerEvents = "auto";
}, 500);
}
