[Resuelto]¿Cómo puedo acomodar los foros como en este foro, en uno versión Invision?
Tema iniciado por y Añadir a favoritosResuelto

01/02/2016

[problema]URL::http://fororaicescristianas.foroactivo.mx/
Versión de mi foro::Invision
Navegador::Firefox
Descripcion del problema:Es una petición, a ver si me pueden ayudar a colocar los foros en la forma en que están aquí, como en tablas.
Capturas de pantalla del problema:

Buenos días, que el Señor les bendiga [Cesp]#128075;[/Cesp] [Cesp]#128522;[/Cesp]

Antes de continuar, quiero comentar que tuve problemas para poder agregar la imagen al post, no sé por qué. Tuve que hacerlo manualmente; cuando subí la imagen por medio del editor de textos, y me apareció la URL con bbcode, no se pudo copiar, y tampoco podía cerrar la ventanita.
_______________________________________

Ok, tengo un foro Invision y quiero remodelarlo. Me gustaría que no tuviera tanto el formato de foro, sino algo más fácil de navegar. Desde que conocí este foro me encantó la forma en que tiene los foros distribuidores en dos columnas. Antes no me había interesado mucho el acomodo, porque mis foros acostumbraba yo acomodarlos por categorías. Pero en este nuevo foro en particular mi intención es que parezca más página web, y para eso necesito partir de ese acomodo.

Hace tiempo dejé abandonado un tema solicitando casi lo mismo, pero para un foro phpbb3. Al fin logré hacerlo con puro CSS; el problema es que el foro Invision tiene otra estructura, y al parecer no es tan sencillo separar los foros en bloques independientes alineados en dos columnas. Al menos no es tan sencillo para mí.

Así que quisiera saber si se podría hacer esto que se logró aquí, pero en la versión Invision.

Gracias de antemano (y pido una gran disculpa por haber dejado abandonados los temas; en el último año tuve varios problemas familiares que ocuparon toda mi atención).
Temas resueltos[/b][/ok]

17/04/2014

entre al foro de pruebas y solo hay una categoria creada para poder darle ese efecto se necesitan varios

01/02/2016

Acabo de cambiar los permisos, gracias por responder!!

01/02/2016

Les pido una disculpa, no recuerdo si tengo que venir a actualizar el tema para que no piensen que lo he abandonado...

17/04/2014

no, no te apures, me encuentro viajando, estoy de vacaciones, me pondré al día pronto, por favor se paciente

01/02/2016

¡Muchas gracias, Chalo!

En realidad, moviendo aquí y allá a los templates y ajustando con CSS he logrado acomodarlos... te lo diré rapidito, a reserva de que tú tengas otra manera mejor:
1.- En el template index_box le apliqué un <table class> encerrando toda el área de los foros.
2.- A esa class le apliqué el código CSS display:inline-block y width:50% y se acomodaron en dos columnas.
3.- Luego en el mismo index_box encerré en un <div> lo de Temas y Mensajes (previamente moví el texto a que quedara enseguida del número de temas y mensajes, para que cada foro tuviera esa área y no general)
4.- Con CSS apliqué position:absolute a cada elemento que quería acomodar: la imagen del foro, lo de "temasmensajes", y el título del foro "forumtitle", acomodándolo con margin y padding.

Aún no sé si está correcto lo que hice, lo de las modificaciones a los templates, y lo del uso de los CSS, porque se presentan varios detalles aún:
1.- En Chrome se ve muy mal. Intenté agregándole el -webkit-, pero lo que hizo fue desconfigurarlo en los dos navegadores.
2.- Me es imposible editar el borde de "foros"; sí se puede agregar un background, pero con el borde nomás no obedece.
3.- No he podido "unir" las dos partes del foro: la parte del nombre, descripción, imagen y número de temas/mensajes, con la del Último Mensaje, Usuario y avatar. Se ve una línea blanca entre ellos, y no he encontrado la manera de unirlos.

Mi objetivo es poder juntar todo un foro como un rectángulo independiente del otro, y poder modificarlo a mi gusto.

17/04/2014

pues yo lo veo bastante bien en chrome

01/02/2016

Bueno, ciertamente se veían los foros en dos columnas, pero el contenido todo desacomodado.

Y es que todo lo que hice fue en base a mi inexperiencia y a mi desconocimiento de códigos; intenté usarlos lo mejor que pude, pero hay muchísimo que yo no sé.

Así que sí logré ponerlos en dos columnas, pero ya ves cómo se veía en Chrome; y no sólo ahí sino también al interior del foro, se desacomodaron cosas.

Gracias al Señor también había posteado en el foro de soporte de foroactivo, y después de algunos días (de hecho por la falta de respuestas fue que me animé a intentar poco a poco a hacerlo yo, con la ayuda de mi Padre), hoy al fin un usuario me estuvo ayudando desde la mañana. Todo el día estuvimos, me cambió todo el proceso, tuve que borrar todo y comenzar de cero. Pero en estas horas aprendí muchísimas más cosas que, si bien no me hacen experta ni mucho menos, sí me sirvió para resolver algunos detalles por mi cuenta.

Aún hay detalles qué resolver, pero lo principal ya se resolvió: los foros están en dos columnas, se pudieron editar sin afectar otras áreas del foro, y ahora sí se visualiza casi perfecto en Chrome.

Si alguien ocupa hacer lo mismo, con todo gusto les comparto cómo lo hice. Igual el post está en el foro de soporte, y los códigos están a la vista de todos.

Yo te agradezco mucho tu paciencia, @Chalo, y te felicito por este foro que es de gran ayuda para muchos de nosotros.

¡Shalom!

17/04/2014

pero explicame que es lo que quieres acomodar porque yo no lo veo mal :/

01/02/2016

@Chalo escribió:[quotelink="/t1377-ayudacomo-puedo-acomodar-los-foros-como-en-este-foro-en-uno-version-invision#17470"]
pero explicame que es lo que quieres acomodar porque yo no lo veo mal :/

En realidad ya nada, Chalo... De hecho después de trabajar horrores ayer, hoy amanecí con la novedad de que el foro se volvió a desconfigurar en Chrome.

Pero bueno, de ayer a ahora han pasado otras cosas que tal vez me lleven a abandonar el proyecto de los foros y comience en otra plataforma, tal vez un blog.

Qué drástica ¿verdad? Bueno, lo estoy meditando, aún no tomo ninguna decisión.

Pero respecto al acomodo, el único detalle era encontrar la forma de poder juntar los rectángulos. Puedo hacerlo verticalmente con margin-top o padding-top. Pero horizontalmente no hay manera de moverlos. Lo más que pude hacer fue cambiar un atributo llamado justify-content: space-evenly que tenía space-between (o algo así). Le cambié a evenly, y con eso se juntaron más uno con el otro. Pero bueno, es un detalle muy menor comparado con lo que se logró. Mi conocimiento de códigos es extremadamente limitado, y la verdad me frustra mucho cuando trabajo por horas moviendo aquí y moviendo allá, y de pronto me encuentro con que en algún punto del camino, desconfiguré algo, y está en chino regresarme jajajaja

Así que por lo pronto este tema puede darse por resuelto ¡Gracias, Chalo!

[Resuelto]¿Cómo puedo acomodar los foros como en este foro, en uno versión Invision?Tema iniciado por y Añadir a favoritosResuelto

En la misma categoria

Temas relacionados

[Resuelto]¿Cómo puedo acomodar los foros como en este foro, en uno versión Invision?
Tema iniciado por y Añadir a favoritosResuelto