Ícones fa duplicados no Xenforo

  • Autor Autor acdcadicto
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

acdcadicto

Alfa
Usuário com poucas negociações! Use sempre o saldo do 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.

Inserir CODE, HTML ou 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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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?
 
Voltar
Topo