PDA

Ver la versión completa : Nuevos cambios en la home!! Responsive, link a nuevos post y mucho más!



Anarchy
28/08/2016, 10:59
Lo primero, cuando entréis en la HOME, actualizar el navegador para que os cargue los nuevos CSS. De lo contrario es posible que se vean cosas mal.

UN DETALLE IMPORTANTE: Todavía no he podido probar los nuevos cambios más que en dos navegadores: Firefox para PC y Adblock Browser para Android. Agradecería información sobre cualquier error o cosa que no funcione en cualquier otro navegador.

He realizado muchos cambios en la home, basándome en comentarios y sugerencias de los foreros:


Número de respuestas de cada tema en los widgets de últimos mensajes de los foros.
Ya no se muestra multimedia en el timeline si se encuentra dentro de un Spoiler.
Ligeras mejoras en el sistema de selección de multimedia para la muestra en el post del timeline.
Añadida opción en el timeline para elegir si se desean ver los post de los foros de flames y privados.
Eliminado el sistema de desplazamiento de widgets cuando se navega con un móvil. Debería solucionar el problema de que no se puede hacer scroll ni zoom en el navegador Chorme de Android, entre otros.
Modificado el diseño para hacerlo responsive basándome en los consejos del amigo @Estopero (https://www.gp32spain.com/foros/member.php?u=13263) (muchas gracias!).
Finalmente, tras hacer varias pruebas, he decidido no hacer uso del Bootstrap, ya que me generaba muchos problemas con clases de mi css y no acababa de ajustarlo a mi gusto. Así que he decidido hacer las modificaciones necesarias en mi CSS para hacerlo responsive.
A partir de cierta resolución desaparece el menú izquierdo, y llegado un punto se muestra todo en una sola columna ocupando todo el ancho. Esto es idóneo para teléfonos móviles en vertical.
Me faltaría hacer un menú desplegable para la versión móvil, así que ahora mismo en la versión para móviles no se muestra el menú de subforos.
Añadidos dos iconos en la barra superior con acceso directo a los mensajes privados y a los nuevos post en el foro desde tu última visita.
Si no os molan los iconos, agradecería cualquier diseño mejor. Es lo máximo que he podido hacer. xD


Podéis postear aquí mismo cualquier duda, comentario, sugerencia, crítica o lo que sea... :D

Un saludo
Anarchy

Nuria
28/08/2016, 11:06
Buenas, lo primero gracias por el tiempo que le dedicas.

Nada más entrar veo esto descuadrado:
48000

Estoy con chrome desde MacOs.

neostalker
28/08/2016, 11:07
Buenas, lo primero gracias por el tiempo que le dedicas.

Nada más entrar veo esto descuadrado:
48000

Estoy con chrome desde MacOs.

A mí me pasa lo mismo usando Chrome desde Windows 10.

Segata Sanshiro
28/08/2016, 11:10
Gracias Anarchy, ya es infinitamente más mobile-friendly.

Estopero
28/08/2016, 11:11
Para los que entramos mucho a través del móvil la diferencia es impresionante!!

Quedan alguns cositas por pulir pero no hay color :)

Anarchy
28/08/2016, 11:11
Haced por favor un refresh de la página, a ver si hay algo raro con el CSS.
De todas formas, voy a probar ahora mismo con Chrome en otro PC para confirmarlo. :brindis:
¿El resto bien?

Nuria
28/08/2016, 11:25
He borrado y sigue pasando.

He probado con el safari, que hace siglos que no usaba y pasa lo mismo.

Anarchy
28/08/2016, 11:42
Mierda! Es cierto. He visto dos errores que aparecen en Chorme. Los iconos desajustados y que en cierto rango de resoluciónes no entran adecuadamente las 3 columnas y desplaza una debajo.

Me pongo a ello. :brindis:

-----Actualizado-----

Lo de las resoluciones pasaba en todos los navegadores. Era una llave mal cerrada. :rolleyes:
Ahora miro lo de los iconos. :brindis:

-----Actualizado-----

Arreglado!

Ambas cosas han sido descuidos míos. La primera una llave mal cerrada y la segunda un estilo que había dejado por error tras hacer unas pruebas.
Ya está solucionado. Entrad y actualizar la página para cargar el nuevo CSS.

Avisadme si os falla cualquier otra cosa. :brindis:

pakoito
28/08/2016, 12:33
Los números necesitan un poquito más de espacio. No hay hilos con más de 10k mensajes al menos.

48001

Y creo que haces demasiados popups/onhover o como se llame. Con el título de los hilos, que es lo único que se elipsiza, basta y sobra.

No estaría mal tampoco que clicar en el número de mensajes te llevara al último post leído, como antes.

Muchas grasias por los cambios!

Anarchy
28/08/2016, 15:29
Acabo de añadir un nuevo menú desplegable para dispositivos con resoluciones bajas. Cuando desaparece el menú de la izquierda, aparece el menú desplegable estilo para móviles.
pakoito, ahora al hacer click sobre el título del tema, te manda directamente al último mensaje sin leer. Me pareció la más lógico y cómodo.

stshunz
28/08/2016, 15:35
Muchas gracias por el curro.
Estoy navegando desde Chrome Android y parece que va bien

BeaR
28/08/2016, 16:18
Muchas gracias. Muy buena pinta ahora

wolf_noir
28/08/2016, 21:57
he entrado con el movil y menudo cambio me gusta como ha quedado :D Gracias Anarchy :brindis:

saludos :lovegps:

fosfy45
28/08/2016, 23:53
Ahora está mucho mejor, uso chrome para Android. Gracias por la currada, jefe.

dagus
29/08/2016, 02:40
Funcionando perfectamente en Chrome con Android y Firefox en Windows 7. ¡Gracias!

Anarchy
30/08/2016, 17:43
Y creo que haces demasiados popups/onhover o como se llame. Con el título de los hilos, que es lo único que se elipsiza, basta y sobra.
Acabo de darme cuenta de esto y es que es un fallo debido a los ajustes hechos para que sea responsive. Tengo un script que comprueba si el texto entra entero o no dentro de su div y si no entra, entonces le genera el pop con el texto completo, para que puedas leer el título del post al ponerte sobre él.
El problema es que ese script ha dejado de funcionar al hacer los espacios ajustables por porcentajes y no fijos. Tendré que revisarlo para arreglarlo, o bien quitarlo. Ya veré que hago.