• ¡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 Configurar Slide y bloque novedades

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
He visto como tienen configurado el slide y bloque de novedades en Gamer Adictos. ¿Existe algún tutorial para dejarlo igual?
 
ManuTdi

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Cesarion dijo:
He visto como tienen configurado el slide y bloque de novedades en Gamer Adictos. ¿Existe algún tutorial para dejarlo igual?
Hacer clic para expandir...

Como mola! :D

Para las novedades supongo que te refieres a las noticias con imagen pequeña, esto lo encuentras aquí en xenfacil, busca RecentNews2.

Lo del slider viene ya en xenportal
 
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
ManuTdi dijo:
Como mola! :D

Para las novedades supongo que te refieres a las noticias con imagen pequeña, esto lo encuentras aquí en xenfacil, busca recentnews2.

Lo del slider viene ya en xenportal
Hacer clic para expandir...
CSS, please.

Salud2
 
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
Con RecentNews2 podrás colocar en el portal aquellos temas del foro que te interese (noticias) con un aspecto como el que ves. Con el complemento "Nodos como pestañas" podrás colocar el foro de las noticias en una pestaña quedando con una apariencia muy profesional.

Lo otro es el bloque de XenPortal que lleva una configuración y un css para darle la apariencia que deseas.

Salud2
 
ManuTdi

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
lms dijo:
CSS, please.

Salud2
Hacer clic para expandir...

Mas bien te lo pasare y a ver si lanzas RecentNews2.1 que ya le toca ;) y estaría bien que saliera el prefijo de la noticia que a mi no me sale.
 
ManuTdi

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Este este es el contenido de la plantilla que tengo en RecentNews2.css

Insertar CODE, HTML o PHP: 
/* --- Block_LMSRecentNews.css --- */
 
.lmsRecentNews
{
    font-family: Arial;
       
 
}
 
.lmsRecentNews a {
color: #a40000;
text-shadow: #000002 0 0 0;
font-family: "Helvetica", "Arial";
}
 
.lmsRecentNews .miniaturanoti
{
    float: left;
    margin-right: 10px;
}
 
.lmsRecentNews .miniaturanoti img
{
    width: 90px;
    height: 65px;
        box-shadow: 0px 0px 3px rgb(204, 204, 204);
       
        border-radius: 4px;
       
}
 
    .lmsRecentNews .avatar
    {
        float: left;
        margin-right: 10px;
    }
   
        .lmsRecentNews .avatar img
        {
            width: 90px;
            height: 65px;
        }
 
    .lmsRecentNews .likedPost
    {
        position: relative;
        margin-top: -5px;
    }
   
    .lmsRecentNews .primaryContent
    {
       
                background-image: url("@imagePath/xenforo/gradients/breadcrumb-grad.png") !important;
                background-position: 50% 100% !important;
                background-repeat: repeat-x;
                margin-bottom: 10px;
                margin-top: 10px;
                min-height:70px;
                border: 1px solid rgb(224, 224, 224);
                padding: 5px 5px 0px 5px;
                border-radius: 3px;           
 
    }
 
    .lmsRecentNews h3
    {
        font-size: 12pt;
                font-weight:700;
 
       
    }
   
    .lmsRecentNews h2
    {
        font-size: 10pt;
        font-color: #000;
        text-shadow: 0 0 0 transparent, 1px 1px 3px #BBB;
       
    }
.lmsRecentNews .herramientas
    {
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
        line-height: 24px;
        text-align: center;
    }   
 
    .lmsRecentNews .likes
    {
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 13px; -webkit-border-radius:  13px; -moz-border-radius:  13px; -khtml-border-radius:  13px;
        font-weight: 700;
        background: #d7edfc;
        border: 1px solid #a5cae4;
    }
   
        .lmsRecentNews .likes:hover
        {
            background-color: #fff4e5;
            border-color: #f9d9b0;
            color: #8f6c3f;
            text-decoration: none;
            box-shadow: 0 0 10px #e68c17; -webkit-box-shadow: 0 0 10px #e68c17; -moz-box-shadow: 0 0 10px #e68c17; -khtml-box-shadow: 0 0 10px #e68c17;
        }
   
    .lmsRecentNews .meta
    {
        font-size: 11px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 80px;
        margin-bottom: -1px;
        margin-top: 10px;
        border: 1px solid #d7edfc;
        border-right: none;
        border-top-left-radius: 10px; -webkit-border-top-left-radius:  10px; -moz-border-radius-topleft:  10px; -khtml-border-top-left-radius:  10px;
    }
   
        .lmsRecentNews .meta dd
        {
            margin-right: 10px;
        }
       
            .lmsRecentNews .meta dd strong
            {
                font-weight: 700;
            }
 
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
ManuTdi dijo:
Como mola! :D

Para las novedades supongo que te refieres a las noticias con imagen pequeña, esto lo encuentras aquí en xenfacil, busca RecentNews2.

Lo del slider viene ya en xenportal
Hacer clic para expandir...

Es una web muy bien montada. Se nota que esta hecha con mimo y mucha ilusión.

¿En el Slide exactamente como debo configurarlo para que se muestre así? No consigo ver como cambiarlo para mostrar solo la imagen en pequeño sin el texto al lado.
 
ManuTdi

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Juega con el ancho del slider y de la página.
 
El Roto Dos

El Roto Dos

Miembro
Mensajes
101
Puntuación de reacciones
18
Puntos
18
alguna configuracion decente para el slider? tal como viene por defecto aparte de feo se ve todo mal.
 
ManuTdi

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
El Roto Dos dijo:
alguna configuracion decente para el slider? tal como viene por defecto aparte de feo se ve todo mal.
Hacer clic para expandir...

Pues a mi me va bien... creo que si no nos ensañas algo de como queda poco te podemos ayudar
 
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
Todo es configurable cuando está basado en css. Es cuestión de cambiar el css.

Díme que pretendes y es cuestión de ir probando hasta "afinarlo"

Salud2
 
El Roto Dos

El Roto Dos

Miembro
Mensajes
101
Puntuación de reacciones
18
Puntos
18
Pues son varias dudas sobre el slider. Empezaremos con lo referente al aspecto.
Como no, dejo la imagen de como se ve:
Captura.JPG​

y aqui el css:
Insertar CODE, HTML o PHP: 
#recentSlider { padding: 10px; }
 
.recentSlider { border: 1px solid #333; position: relative; background-color: #000; overflow: hidden; }
.recentSlider .ui-tabs-hide { display: none; }
.recentSlider .ui-tabs-selected { background-color: #333; }
 
.recentSlider .ui-tabs-nav { list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; }
.recentSlider .ui-tabs-nav-item a { text-decoration: none !important; color: #EEE; }
.recentSlider .ui-tabs-nav-item:hover { background-color: #666; }
 
.recentSlider .ui-tabs-nav-item { border-bottom: 1px solid #333; }
.recentSlider .ui-tabs-nav-item:last-child { border-bottom: 0px; }
.recentSlider .ui-tabs-nav-item .image { border: 1px solid #333; background-repeat: no-repeat; margin: 5px; float: left; }
.recentSlider .ui-tabs-nav-item .title { font-size: 12px; font-weight: bold; padding: 10px; }
 
.recentSlider .ui-tabs-panel { position: relative; background-repeat: no-repeat; }
.recentSlider .ui-tabs-panel a { text-decoration: none !important; color: #EEE; }
.recentSlider .ui-tabs-panel .summary
{
    background-color: rgba(0,0,0,0.7);
    border-top: 1px solid #333;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 12px 15px;
    width: 100%;
}
.recentSlider .ui-tabs-panel .summary .title { font-size: 22px; margin-right: 15px; letter-spacing: -1px; white-space: nowrap; }
.recentSlider .ui-tabs-panel .summary .excerpt { font-size: 11px; margin-right: 30px; }
 
.recentSlider.leftSlider .ui-tabs-nav { border-left: 1px solid #333; text-align: left; }
.recentSlider.leftSlider .ui-tabs-panel { float: left; }
.recentSlider.leftSlider .ui-tabs-nav-item .image { background-size: auto 100%; float: left; }
 
.recentSlider.rightSlider .ui-tabs-nav { border-right: 1px solid #333; text-align: right; }
.recentSlider.rightSlider .ui-tabs-panel { float: right; }
.recentSlider.rightSlider .ui-tabs-nav-item .image { background-size: auto 100%; float: right; }

Lo que quiero pues dejarlo similar a:
Captura4.JPGCaptura5.JPG

Por ejemplo. Se ve todo en su sitio no se. Quitar el titulo en al zona de las miniaturas, ya que no se ve bien y demas.
 
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
.recentSlider .ui-tabs-nav-item .title { display: none !important; }

Abajo del todo.
 
El Roto Dos

El Roto Dos

Miembro
Mensajes
101
Puntuación de reacciones
18
Puntos
18
bueno vamos avanzando, letras fuera

Sin título.png

ahora se tendria que ajustar el ancho de esa zona y lo de la parte inferior desplegable.

y que tamaño mas o menos es el ideal para las imagenes? por ejemplo en esa se ve los bordes negros a los lados, existe alguna opcion de que se ''estire'' y se redimensione para que se vea bien?

se que soy pesado pero quiero dejarlo bien y entender como funciona cada opcion que ofrece xenforo :oops:
 
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
Mira a ver si con esta configuración te vale:

31.png​

Salud2
 
El Roto Dos

El Roto Dos

Miembro
Mensajes
101
Puntuación de reacciones
18
Puntos
18
no iban bien, pero sabiendo que se modifica desde alli ya encontre los parametros adecuados:
Sin título.png

como se puede ver ya solo queda configurar lo desplegable, que monta con las miniaturas.
 
Estado
Cerrado para nuevas respuestas
Arriba