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

Solucionado Bloque Álbumes de Usuarios

Estado
Cerrado para nuevas respuestas
Cesarion

Cesarion

XenForoUser
Mensajes
355
Puntuación de reacciones
126
Puntos
43
País
España
Versión de XenForo
1.4.x
Página web
Web
El mod de álbumes de usuarios permite situar bloques en el foro donde se muestran imágenes de este. Lo que necesito es que esas imágenes se muestren solas, sin recuadros e iconos de quienes las han visto o cuantas veces le han dado un me gusta. En esta misma página tenemos un bloque donde se ve como viene configurado por defecto. Se que lo que estoy buscando lo he visto en alguna página, pero no recuerdo cual. :(
 
lms

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
Es cuestión de css. En cuanto pueda me meto con esto.

Salud2
 
Cesarion

Cesarion

XenForoUser
Mensajes
355
Puntuación de reacciones
126
Puntos
43
País
España
Versión de XenForo
1.4.x
Página web
Web
Ok. Quedo a la espera. ;)
 
lms

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
Para evitar malos entendidos, ponme unas imágenes de donde quieres quitar el recuadro y lo demás.

Salud2
 
Cesarion

Cesarion

XenForoUser
Mensajes
355
Puntuación de reacciones
126
Puntos
43
País
España
Versión de XenForo
1.4.x
Página web
Web
Lo que indico con las fechas en la imagen es lo que deseo eliminar.

album.jpg
 
lms

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
Busca y añade en la plantilla xfr_useralbums_forum_list_latest_images.css
Busca y añade lo azul:
Rich (BB code): 
    .thumbnailHolder .boxModelFixer
    {
        overflow: hidden; zoom: 1;
        margin: 5px; padding: 5px;
        background-color: @contentBackground;
/*        border: 1px solid @primaryLighterStill;*/
        border-radius: 5px;
    }
Rich (BB code): 
        .thumbnailHolder .infobar
        {
            font-size: 11px;
            width: 150px;
            margin: 15px auto 10px auto;
            text-align: center;
            display: none;
        }
y añade abajo del todo:
Rich (BB code): 
.primaryContent {
border-bottom: none;
}
Lo verás así:

11.png​

Salud2
 
Cesarion

Cesarion

XenForoUser
Mensajes
355
Puntuación de reacciones
126
Puntos
43
País
España
Versión de XenForo
1.4.x
Página web
Web
Funciona a la perfección. Lo único que me queda es conseguir que entren 4 imágenes en el bloque con un tamaño de 100px x 100px. Tal y como queda el bloque solo muestra tres. ¿Alguna idea?
 
lms

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
Cesarion dijo:
Funciona a la perfección. Lo único que me queda es conseguir que entren 4 imágenes en el bloque con un tamaño de 100px x 100px. Tal y como queda el bloque solo muestra tres. ¿Alguna idea?
Hacer clic para expandir...
En la misma plantilla css, busca
Rich (BB code): 
    .thumbnailHolder
    {
        float: left;
        width: 33%;
    }
y cámbialo por:
Rich (BB code): 
    .thumbnailHolder
    {
        float: left;
        width: 25%;
    }
y Busca
Rich (BB code): 
        .thumbnailHolder .thumbnail
        {
            margin: 5px auto 10px auto;
            width: 130px;
            height: 130px;
            line-height: 125px;
            text-align: center;
 
            border: 1px none black;
            border-radius: 2px;
            box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
        }
y cámbialo por:
Rich (BB code): 
        .thumbnailHolder .thumbnail
        {
            margin: 5px auto 10px auto;
            width: 100px;
            height: 100px;
            line-height: 125px;
            text-align: center;
 
            border: 1px none black;
            border-radius: 2px;
            box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
        }

Antes de tocar el css, cambia en PCA -> Opciones -> [XFR] Álbumes ->
14.png​
a cuatro (4) imágenes.

Salud2
 
Cesarion

Cesarion

XenForoUser
Mensajes
355
Puntuación de reacciones
126
Puntos
43
País
España
Versión de XenForo
1.4.x
Página web
Web
He configurado como indicas pero he tenido que hacer este ajuste, en vez de 25% poner 24%:

Insertar CODE, HTML o PHP: 
.thumbnailHolder
    {
        float: left;
        width: 24%;
    }

Ahora me surge un último problema. ¿Como puedo hacer para colocar la sombra? No se me ve y no localizo como cambiarlo.
 
lenin

lenin

XenForoUser
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
como ves la sombra ahi esta:
.thumbnailHolder .thumbnail
{
margin: 5px auto 10px auto;
width: 100px;
height: 100px;
line-height: 125px;
text-align: center;

border: 1px none black;
border-radius: 2px;
box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
}
Hacer clic para expandir...


solo que tienes que hacer es cambiar el color de la sombra (por si tu skin es oscuro) como el mio las sombras no aparecen...


para cambiar la sobra cambias: rgba(o,o,o,0.5);
por el color que deses como
rgba(71,178,0); para verde
rgb(204, 5, 5); rojo encendido...
tambien lo puedes hacer:
box-shadow: 1px 1px 5px @primaryDarker;
o con hexadecimales:
box-shadow: 1px 1px 5px #6a2418;
todo esta en que uses el metodo que mas te convenga o se te vuelva mas facil....
 
Estado
Cerrado para nuevas respuestas
Arriba