/* Definir el estilo de los elementos */ .table { width: 100%; height: 100%; border-collapse: collapse; margin: 0 auto; /* Agregar margen para centrar la tabla */ } .numero { font-size: 28px; color: #C69F71; animation: contar 2s ease-out forwards; text-align: center; } .text { font-size: 10px; color: #000000; animation: contar 2s ease-out forwards; text-align: center; } body, table { margin: 0; padding: 0; } /* Definir la animación */ @keyframes contar { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0px); } } AÑOS DE EXPERIENCIA MENUS/ PLATO PERSONAL CLIENTES FELICES // Definir los límites para cada categoría var experienciaLimite = 18; var menusLimite = 100; var staffLimite = 50; var clientesLimite = 15000; // Obtener los elementos donde se mostrarán los números var experienciaElement = document.querySelector("td:nth-child(1) .numero"); var menusElement = document.querySelector("td:nth-child(2) .numero"); var staffElement = document.querySelector("td:nth-child(3) .numero"); var clientesElement = document.querySelector("td:nth-child(4) .numero"); // Función para animar el incremento de los números function contarNumeros(elemento, limite) { var incremento = Math.ceil(limite / 100); // Incrementar en un 1% del límite cada 10ms var contador = 0; var intervalo = setInterval(function() { contador += incremento; if (contador > limite) { clearInterval(intervalo); contador = limite; } elemento.innerHTML = contador; }, 10); } // Animar el incremento de los números para cada categoría contarNumeros(experienciaElement, experienciaLimite); contarNumeros(menusElement, menusLimite); contarNumeros(staffElement, staffLimite); contarNumeros(clientesElement, clientesLimite);
hola Naileth,he visto muchos tuto,pero creeme que este es el mejor¡enseñas ademas a conbinar 2 plataformas¡👏👏👏en verdad,muchas gracias por compartir tus conocimientos,exelente,exitos.
Primero que nada gracias por tu contenido que es muy valioso al menos en lo personal. Te quiero preguntar, con la venta de Google domins, en dónde se podría comprar un dominio y realizar la página en Google sites, no era necesario contratar el hosting. Ahora con la adquisición que realizó squarespace, ¿se podrá hacer lo mismo comprando el dominio ahí mismo, con squarespace y diseñarla en Google sites?
Hola, gracias por tu valioso comentario, es muy amable. En google Sites no necesitas hosting y yo compro los dominios en esta página ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SfytkpiHpAU.html Espero haber dado respuesta a tu consulta 😉
Holaaaa me ha encantado tu video, crees que podrias hacer un video de como agregar un sistema de reservas en google sites en la pagina web? Saludos y exitos
Gracias por el tutorial, muy dinámico. Tenía una consulta se puden hacer submenus en gogole sites? puedo colocar submenus en alguno de los menus? gracias
Hola, cuando diseñes procura no agregar los textos en los banner de fondos. Si no directamente en textos en google sites. Porque si lo aplicas de fondo es posible que no se dimencione bien
Hola ya casi tengo mi pagina... solo una cosita las paginas que cree dentro de la principal cuando ya la publique ellas se me abren en otra pagina .. como hago para que quede la de restaurante que hiciste que no se sale sino voy de una pagina a otra pero no se sale de la pagina.. gracias
