Iconos fa duplicados en Xenforo

  • Autor Autor acdcadicto
  • Fecha de inicio Fecha de inicio
A

acdcadicto

Alfa
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, he actualizado a Xenforo 2.3.0 y he hecho un aviso en HTML pidiendo a los invitados que o bien inicien sesión o se registren, los botones de inicio de sesión y de registro incluyen dos iconos fa, pero el tema es que al poner el código en el aviso el resto de iconos de la página me salen duplicados, por ejemplo los iconos fa del widget de compartir página. Os pongo el código del aviso a ver si me podéis ayudar. Gracias.

Insertar CODE, HTML o PHP:
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Bienvenida al Foro</title>
    <!-- Enlace a Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        .contenedor-botones {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }
        .boton {
            background-color: #333;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 14px;
            border-radius: 5px;
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            transition: background-color 0.3s;
        }
        .boton i {
            margin-right: 8px;
        }
        .boton:hover {
            background-color: #555;
        }
        .tabla-botones {
            display: inline-block;
        }
        p {
            font-size: 18px;
            max-width: 600px;
            margin: 20px auto;
            text-align: center;
        }
    </style>
</head>
<body>

    <p><strong>Bienvenido/a a forocrimenymisterio.com, es necesario iniciar sesión o registrarse para acceder a nuestro contenido.</strong></p>

    <div class="contenedor-botones">
        <div class="tabla-botones">
            <a href="/login/" class="boton" data-xf-click="overlay" data-follow-redirects="on">
                <i class="fas fa-key"></i> Acceder
            </a>
        </div>
        <div class="tabla-botones">
            <a href="/register/" class="boton" data-xf-click="overlay" data-follow-redirects="on">
                <i class="fas fa-plus"></i> Regístrate
            </a>
        </div>
    </div>

</body>
</html>

IMG_8801.webp


En la captura podréis ver que algunos iconos se duplican, otros en cambio aparecen como los de las redes sociales, estos iconos aparecían antes de actualizar a 2.3.0 y han vuelto a aparecer al poner el código anterior en el aviso. Gracias
 
Hola, parece que el problema radica en el duplicado de los estilos FontAwesome, puesto que Xenforo ya lo incluye. Elimina la línea del enlace a FontAwesome en tu código
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> y debería funcionar correctamente. Saludos.
 
Haciendo esto elimino el problema pero ya no me salen los iconos fa en los botones de inicio de sesión y registro. ¿Como podría solucionarlo?
 
Atrás
Arriba