• ¡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

Truco Compactar Quotes (DIV con desplazamiento)

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Sé que no es la única solución a esto, pero he visto preguntar a la gente como se pueden compactar los quote. Para ello hay tres métodos:

1) Mostrar el quote entero (forma predeterminada de XenForo)
2) Colapsar el quote (a modo del SPOILER. La gente sigue haciendo grandes quoetes de todos modos).
3) Hacer el div quote con scroll (con barra de desplazamiento)

La última conlleva una adición pequeña de CSS.

Agregar lo siguiente a EXTRA.css.
Rich (BB code):
.bbCodeQuote
{
max-height: 200px;
overflow: auto;
}
Todo lo que hay que hacer es cambiar el max-height a la cantidad que se crea más conveniente para el sitio. 400px parecen funcionar bien.

Este es el resultado final:

3.png

Artículo original en: http://xenforo.com/community/resources/compact-quotes-scrolling-div.638/
Autor: Yorick

Como dato, yo lo he implementado y con una altura de 200px.


Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
He encontrado un método aún mejor: deja la parte superior del quote fija y crea el desplazamiento solo sobre el contenido del quote:
Agregar lo siguiente a EXTRA.css.
Rich (BB code):
.bbCodeQuote blockquote
{
max-height: 200px;
overflow: auto;
}
Para que funcione con el XenFacil Quote:
Rich (BB code):
body .messageText .bbCodeQuote.hasAvatar blockquote {
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-height: 200px;
}

Hay que añadir lo remarcado en azul con respecto a lo de arriba. Está implementado aquí. Para que lo veáis:
Sé que no es la única solución a esto, pero he visto preguntar a la gente como se pueden compactar los quote. Para ello hay tres métodos:

1) Mostrar el quote entero (forma predeterminada de XenForo)
2) Colapsar el quote (a modo del SPOILER. La gente sigue haciendo grandes quoetes de todos modos).
3) Hacer el div quote con scroll (con barra de desplazamiento)

La última conlleva una adición pequeña de CSS.

Agregar lo siguiente a EXTRA.css.
Rich (BB code):
.bbCodeQuote
{
max-height: 200px;
overflow: auto;
}
Todo lo que hay que hacer es cambiar el max-height a la cantidad que se crea más conveniente para el sitio. 400px parecen funcionar bien.

Este es el resultado final:

1531

Artículo original en: http://xenforo.com/community/resources/compact-quotes-scrolling-div.638/
Autor: Yorick

Como dato, yo lo he implementado y con una altura de 200px.


Salud2


Salud2
 
Arriba