[vB 4]Columna con Dos Foros/ sub-foro configuración a través del CSS

Esto es sólo una rápida valoración crítica de los mismos fundamentos para lograr la configuración de dos columnas para su uso sólo a través de foros de la CSS - sin modificaciones de la plantilla o plugins necesarios.

Esto no va a ser la enseñanza de CSS es este artículo! Usted tendrá que tener algún conocimiento básico de lo que Cascading Style Sheets están todo sobre el fin de profundizar el cambio, ya que este es solamente lo básico para poner cosas en la posición sin relleno o en los márgenes o cualquier estilo de otra índole aplicadas - que es de usted hacer.

Esto fue escrito durante la prueba de la beta3/beta4 y pueden necesitar ser modificados para su uso con otras versiones ya que las clases se puede cambiar el estilo no ha sido finalizado todavía. Esto fue escrito a trabajar con el estilo predeterminado y stylevars predeterminado (por defecto en este momento, que es). Si ha personalizado el estilo de cualquier manera, es posible que tenga que cambiar esto un poco para trabajar con su estilo. Estas clases también se aplican únicamente a la página principal del foro, pero se puede modificar fácilmente (por usted!) Para trabajar en las páginas forumdisplay y trabajar sólo para ciertas categorías.

Haciendo el ancho del navegador pequeñas pueden cambiar las cosas, o si tiene largas descripciones o sub-foros o moderadores figuran en la lista, puede que tenga que cambiar el CSS para dar cabida a eso. Como he dicho, esto en sólo un esbozo de lo que usted necesita hacer. Usted tendrá que agregar información de estilo a ti mismo.

Esto es básicamente lo que va a terminar con:



Los mismos fundamentos de lo que debe hacer
Añadir esto a la final de la forumbits.css plantilla (o, al final de cualquier css adicional plantilla que está utilizando - se debe agregar * después * de cualquier otras definiciones con respecto a estos sub-foros han sido declaradas - Si no entiendo por qué es así, entonces por favor lea exactamente de lo que se trata Cascading Style Sheets):

Código:

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
  border-top: 0;
}
.forumrow .table {
  height: 100px;
}
ol.childforum {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.childforum li.forumbit_post {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  clear:none;
}
#forums .L1 .L2 {
  clear:none;
}
.forumbit_post .forumrow .forumlastpost {
  clear:both;
  width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
  display: block;
  float: left;
}
.forumbit_post .forumlastpost .lastpostdate {
  display: block;
  float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
  display: block;
  float: left;
}
.forumbit_post .foruminfo {
  clear:right;
  float:left;
  min-width:50%;
  width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
  width:20%;
}

Este mismo concepto se puede aplicar a cualquier lista en el estilo. Por ejemplo, puede cambiar la lista de sub-foros en el marco del Sub-Foros anuncio en la página principal también con sólo un par de líneas:

Código:

.subforums ol.subforumlist  {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.subforumlist li.subforum {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
    content:"";
}

Estas líneas se le presente (esta muestra con comas, agregue el código en el marco del "para eliminar las comas" comentario y no tendrá comas):