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

pax Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Ago 2008
Mensajes
41
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:

forum_css5.png


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):


Insertar CODE, HTML o PHP:
.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:

Insertar CODE, HTML o PHP:
.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):

subforum_css1.png
 

Tize

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Oct 2009
Mensajes
466
Gracias por la info.
Voy a probarla a ver que tal queda.
Saludos.
 
M

miloidrr37

Hola, soy nuevo en vBulletin recien lo instalo y en este momento las categorías se ven de la siguiente manera:
Ver el archivo adjunto 3874

Me gustaría saber como puedo hacer para mostrar las subcategorías como se muestra en la imagen del post

Ver el archivo adjunto 3875

Seguí los pasos y edité el css forumbits.css y el foro quedó como se muestra en la imagen
Ver el archivo adjunto 3876

Cómo hago para sacar las subcategorías del foro

Gracias por su ayuda
 

Sihaya

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Ene 2010
Mensajes
684
Hola miloidrr37 y bienvenido a vBHispano,

Por favor, crea tu propio tema en el foro más adecuado para el problema que experimentas indicando todos los detalles que puedan ser relevantes para la resolución de este. Esto es una guía, no un tema de soporte.

Te solicito que actualices la url de tu foro en tu perfil con el fin de recibir mejor asistencia en este foro. Para más información: Enlace eliminado

Un saludo.
 

Mickey

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Jun 2010
Mensajes
12
En donde se pega este codigo???
.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:"";
}
 

xvile

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Feb 2011
Mensajes
62
Hola,

Si alguien me puede ayudar...Apliqué esto en mi foro y funciono bien, el inconveniente es que cuando entro a cualquier foro (Una vez adentro) no se muestra igual el listado de sub foros, se muestran uno abajo de otro. Les doy un ejemplo, tomemos la imagen de InfraWorld, cuando ingreso a "Main Forum" Los sub foros se muestran uno abajo de otro y no en 2 columnas.

Como lo puedo solucionar?

Muchas gracias-
 
Arriba