Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

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

Creado por ,

Mensaje [Página 1 de 1.]

Publicado el Miér 8 Oct - 11:00

avatar
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

A 0 usuarios le gusta esto

Publicado el Miér 8 Oct - 15:31

avatar
Administrador
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.

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Sáb 11 Oct - 11:39

avatar
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;
}

A 0 usuarios le gusta esto

Publicado el Sáb 11 Oct - 14:19

avatar
Administrador
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;
}

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 14 Oct - 18:40

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

A 0 usuarios le gusta esto

Publicado el Mar 14 Oct - 19:18

avatar
Administrador
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.

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB