[PHPBB3] Poner los foros en dos líneas.

Ver el tema anterior Ver el tema siguiente Ir abajo

[PHPBB3] Poner los foros en dos líneas.

Mensaje por Fragile el Miér 8 Oct - 11:00

Buenos días. Corazón

Hace unos días desbloquee el code cuyo título es semejante al de este post. La cuestión es que me está costando una exageración personalizarlo por muchas vueltas que le de así que aquí estoy, solicitando soporte.

El código está igual que el original salvo porque el background (color) general lo he modificado y el background (color) de temas y respuestas también, por lo demás no hay ninguna variación por lo que en principio no publico el código. Así mi visión general es esta:

Spoiler:

Desde eso quiero llegar a esto (mis habilidades de Paint son una maravilla, lo sé):

Spoiler:

Los problemas que me surgen son los siguientes:


  • El "title" he intentando modificarlo desde a.forumtitle pero al ponerle un background únicamente la palabra en si es lo que queda con un color de fondo no toda una sección que es lo que querría y se ve en el dibujo de paint.



  • No entiendo la distancia que hay en el .desc3 (cuadro con el texto) y la zona del autor. La barra deslizante debería aparecer cuando se llegase al final del recuadro no dejando ese margen.


Tengo bastantes más dudas pero no quiero saturar a la alma caritativa que me ayude, así que una vez resuelva eso plantearé otras dudillas. 

Desde ya... ¡Muchas gracias! Corazón
avatar
Fragile

Mensajes : 15
Fecha de inscripción : 06/10/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Poner los foros en dos líneas.

Mensaje por Bret el Miér 8 Oct - 15:31

Veamos, el problema del título es debido a que estás tratando como un bloque un objeto de línea. Se debería solucionar aplicando la propiedad display: block; al título.

Sobre lo de la descripción, como el código está programado basándose en los tamaños fijos, deberás entenderlo como altura del cuadro, y no margen de debajo. Entonces el problema no es que hay mucho margen debajo, si no que la altura es poca. Se soluciona en este código:

Código:
.forabg .forums dd.dterm > div {
  height: 80px;
  overflow-y: auto;
  margin: 25px 0px 0px !important;
}

Tan solo tienes que cambiar la propiedad height y, ¡listo!, ya tienes todo solucionado.

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Poner los foros en dos líneas.

Mensaje por Fragile el Sáb 11 Oct - 11:39

He solucionado la segunda cuestión pero llevo días dándole vueltas a la primera (no quiero molestarte mucho) sin conseguirlo así que te dejo el code ya que el resultado sigue igual aún poniendo display block.


Spoiler:

#wrap {
  width: 960px;
  min-width: 960px;
}

.forabg .forums li.row {
  display: inline-block;
  width: 330px;
  background-color: #111;

  margin: 20px 15px;
  padding: 10px;
  border: none;
  position: relative;
}
 
.forabg .forums dd.dterm {
  border: none;
  padding: 0;
  width: 250px;
  position: relative;
  z-index: 2;
}
 
.forabg .forums dd.dterm > div {
  height: 160px;
  overflow-y: auto;
  margin: 25px 0px 0px !important;
}
 

.forabg .forums dd.dterm h3.hierarchy, .forabg .forums dd.dterm h2.hierarchy {
  font-size: 16px !important;
  font-weight: normal;
  position: absolute;
  margin-top: 0px;
  top: 0;
  left: 0;
}
 
.forabg .forums dd.dterm h3.hierarchy a, .forabg .forums dd.dterm h2.hierarchy a {
  font-weight: normal;
}
 
.forabg .forums dd.dterm h3.hierarchy + br, .forabg .forums dd.dterm h2.hierarchy + br {
  display: none;
}
 
.forabg .forums dd.posts, .forabg .forums dd.topics {
  float: left;
  width: 65px;
  border: medium none;
  text-transform: uppercase;
  line-height: 17px;
  font-size: 19px;
  margin: 10px 0 10px 10px;
  height: 40px;
  padding: 0;
  position: relative;
  z-index: 2;
}
 
.forabg .forums dd.posts dfn, .forabg .forums dd.topics dfn {
  display: block;
  font-size: 12px;
  font-style: normal;
}
 
.forabg .forums dd.lastpost {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  border: none;
  border-top: 1px solid #FFF;
  padding-top: 10px;
  height: 15px;
  line-height: 15px;
  position: relative;
  z-index: 2;
}
 
.forabg .forums dd.lastpost br {
  display: none;
}
.forabg .forums dd.lastpost a:first-of-type {
  margin-right: 3px;
}
.forabg .forums dd.lastpost a.gensmall {
  margin-left: 3px;
}
.forabg .forums dd.lastpost .color-groups {
  display: inline;
  float: none;
}
 
.forabg .forums dd.lastpost a[href=""]:after {
  content: 'No hay mensajes en este foro';
  cursor: text;
  color: #536482;
}
 
.forabg .forums dl.icon {
  background: none !important;
}
 
.forabg .forums dl.icon:before {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 27px;
  height: 27px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-color: #D6E6F3;
  border-radius: 100%;
  z-index: 1;
}

/*TITULO DEL FORO*/
a.forumtitle {
background-color: rgba(0,0,0,0.7);
color: #bbbbbb;
font-family: 'cambria;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
display: block;
  height: 150;
}
avatar
Fragile

Mensajes : 15
Fecha de inscripción : 06/10/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Poner los foros en dos líneas.

Mensaje por Bret el Sáb 11 Oct - 14:19

Agrega el siguiente CSS:

Código:
.forabg .forums dd.dterm h2.hierarchy, .forabg .forums dd.dterm h3.hierarchy {
    width: 200px; /*El ancho que desees para el cuadro del título */
    /* Introduce aquí abajo más propiedades para modificar el cuadro del título */
    background-color: #F00;
}

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Poner los foros en dos líneas.

Mensaje por Fragile el Mar 14 Oct - 18:40

No termino de entender ni aplicar el código así que antes que el tema pase de tiempo, puedes cerrarlo.
avatar
Fragile

Mensajes : 15
Fecha de inscripción : 06/10/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PHPBB3] Poner los foros en dos líneas.

Mensaje por Bret el Mar 14 Oct - 19:18

@Fragile escribió:No termino de entender ni aplicar el código así que antes que el tema pase de tiempo, puedes cerrarlo.

Pero a ver, aquí estamos para ayudarte. Si no entiendes como se aplica el código nosotros nos encargaremos de que tengas tu problema solucionado.

Tan solo dime la situación del problema actual y te intentaré ayudar lo mejor que pueda.

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PHPBB3] Poner los foros en dos líneas.

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.