• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Icono de recurso

Mod.Plantillas Extra de usuario colapsable

Para XenForo...
  1. 2.0.x
Autor
Steve F
Imagen del autor
Avatar del autor
URL de XenForo
https://xenforo.com/community/resources/collapsible-user-extras.6180/
Esta modificación de plantilla ocultará predeterminadamente la información extra del usuario de los mensajes. Las estadísticas se muestran haciendo clic en la flecha.

Sólo para el estilo predeterminado.

Plantilla post_macros
Buscar:
HTML:
       <xf:macro template="message_macros" name="user_info" arg-user="{$post.User}" arg-fallbackName="{$post.username}" arg-dateHtml="{$dateHtml}" arg-linkHtml="{$linkHtml}" />

Agregar a continuación:
HTML:
        <span id="collapse-{$post.post_id}" class="collapseTrigger collapseTrigger--block" data-xf-click="toggle" data-target="#js-post-{$post.post_id} .message-userExtras"></span>


========================================

Plantilla message_macros
Buscar:
HTML:
        <div class="message-userExtras">
Reemplazar con:
HTML:
<div class="message-userExtras message-userExtras-body message-userExtras--collapsible">
Agregar a la plantilla extra.less:
Less:
        /* User Extras Collapse */
.message-userExtras-body
{
    .m-listPlain();

    &.message-userExtras--collapsible
    {
        .has-no-js & { display: block; }

        .m-transitionFadeDown();
    }
}

.message-cell
{
    .collapseTrigger
    {
        text-align: center;
 
        &.is-active:before
        {
            transform: rotate(-180deg);
        }
        &:before
        {
            content: "\f13a";
            color: @xf-linkColor;
            transition: ease-in transform .3s;
            width: auto;
        }
        &.collapseTrigger--block:before
        {
            float: none;
        }
    }
}
@media (max-width: @xf-responsiveNarrow)
{
    .message-cell
    {
        .collapseTrigger
        {
            display: none;
        }
    }
}


Resultado:
Sin título 1.gif
  • Me Gusta
Reacciones: lenin
Autor
lms
Visitas
2.108
Primer lanzamiento
Última actualización
Votar
0,00 estrella(s) 0 calificaciones

Más recursos de lms

Arriba