¡¡Ya era hora!! Lavado de cara y puesta a punto de la HOME de GP32Spain

**neostalker** · 02/08/2016, 22:52

Una sugerencia: Para las etiquetas que se usan en ciertos títulos (VENTA, COMPRA, CAMBIO, PROYECTO, etc) yo usaría algo de este estilo en vez de únicamente letras con otra fuente y color. Incluso se podría asignar un color concreto a cada sección, para que sea reconocible sin siquiera leer el texto.

Nombre: etiquetas.jpg
Visitas: 589
Tamaño: 71.8 KB

Nombre: etiquetas.jpg
Visitas: 589
Tamaño: 71.8 KB

Lo hice con este CSS directamente sobre el inspector de Google Chrome:

Código:

background: #8899CC;
padding: 3px 5px;
border-radius: 15px;
font-family: sans-serif;
font-weight: bold;
font-size: x-small;
color: white;
letter-spacing: 1px;
margin-right: 8px;

**chemaris** · 03/08/2016, 00:20

ualaaa que ha pasado!!!, que susto me he llevado, ya toca un cambio

**Iced** · 03/08/2016, 00:30

Jo, no me gusta, sorry.
Para mi gusto tunear una pagina que lleva tanto tiempo igual es como tunear un Renault 5 XDDD

**enkonsierto** · 03/08/2016, 08:43

Buf, he estado echando un ojo al html / css de la pagina y es tan... retro... No me extraña que la web no sea responsive, es que así es imposible que te salga.
Sin desmerecer necesitas un reciclado si alguna vez tienes que currar de maquetador.

**lemure_siz** · 03/08/2016, 09:48

Yo lo que sigo echando de menos es lo de los mensajes sin leer. Por lo demás, me gustan las imágenes mostradas de los post, le dan un rollo muy 2.0 a todo

**pakoito** · 03/08/2016, 12:13

One itty bitty little thing.

Podrías recuperar los mensajes no leídos y nuevos mensajes privados en el principal? Hay espacio junto al avatar.

-----Actualizado-----

Okay, vale, otra cosa. Hemos perdido también el número de mensajes y el último usuario que posteó en un hilo. Viene bien para saber si han habido novedades.

**josepzin** · 03/08/2016, 12:23

Leerse el hilo fanclú :-P

**pakoito** · 03/08/2016, 13:56

Pa que

**SplinterGU** · 03/08/2016, 15:26

muy buen trabajo anarchy!

**Anarchy** · 03/08/2016, 19:09

Iniciado por enkonsierto

Buf, he estado echando un ojo al html / css de la pagina y es tan... retro... No me extraña que la web no sea responsive, es que así es imposible que te salga.
Sin desmerecer necesitas un reciclado si alguna vez tienes que currar de maquetador.

No soy maquetador ni diseñador, así que cuando me enfrento a esas cosas por mi cuenta hago lo que puedo y encima me hace perder un montón de tiempo. xDDD
Perdí casi una hora con el bloque donde iba a ir la información de usuarios online. Soy malísimo maquetando y no conseguía que me gustase ningún resultado y al final directamente no lo puse.

-----Actualizado-----

Ah, todo lo que echáis en falta lo iré añadiendo, tranquilos.

**Estopero** · 03/08/2016, 22:20

Iniciado por enkonsierto

Buf, he estado echando un ojo al html / css de la pagina y es tan... retro... No me extraña que la web no sea responsive, es que así es imposible que te salga.
Sin desmerecer necesitas un reciclado si alguna vez tienes que currar de maquetador.

Personalmente pienso que tu actitud no vale para nada, si no me equivoco tú eres diseñador web o lo has sido, y en lugar de darle algún consejo de como mejorar le dices que necesitas que se recicle si curra como maquetador (Algo poco probable ) solo para demostrar tus aires de superioridad, vamos que ni es un consejo ni es nada, habría que ver tu html, o la estructura interna de tus proyectos para ver si puedes dar "consejos" de este tipo o no.

Pues no necesita reciclarse, lo que en cualquier caso necesitaría sería más experiencia maquetando, y es lo que está adquiriendo si tenemos en cuenta que la anterior portada estaba maquetada prácticamente entera con tablas y esta utiliza css y divs de una forma como mínimo aceptable si no tenemos en cuenta el diseño responsivo, así que algo de tiempo le ha dedicado a intentar mejorar sus conocimiento y ofrecer un acabado mejor al que había. Y sé que la anterior portada estaba hecha con tablas porque indagué el html en varias ocasiones para ver si podía echar una mano, no únicamente para decirle a alguien que necesita reciclarse. En fin, si vas así por la vida debes tener a tus compañeros de trabajo contentos.

Iniciado por Anarchy

No soy maquetador ni diseñador, así que cuando me enfrento a esas cosas por mi cuenta hago lo que puedo y encima me hace perder un montón de tiempo. xDDD
Perdí casi una hora con el bloque donde iba a ir la información de usuarios online. Soy malísimo maquetando y no conseguía que me gustase ningún resultado y al final directamente no lo puse.

Si no tenemos en cuenta el diseño responsivo, el html de la portada está bien, y este mismo html TAL Y COMO ESTÁ podría convertirse en responsivo de forma medianamente sencilla cargando el grid de bootstrap y agregando las clases necesarias en los contenedores y columnas, sería preferible quitar todos los estilos inline tipo "style='margin:....'" (por limpieza y enredar menos con la herencia de clases) y las reglas css referentes al ancho de las columnas delegarlas a los anchos que define bootstrap en su grid.

Se puede crear una versión "custom" de bootstrap que solo tenga los elementos que quieras en este enlace:

http://getbootstrap.com/customize/

Seleccionas "grid system" y metiéndolo en la portada podrás hacer la web responsiva con no demasiado esfuerzo y añadiendo poquitos KBs extra, eso sí, el drag and drop no sé si funcionará del todo bien, sería cosa de probarlo, pero podría funcionar.

Más info sobre el grid de bootstrap:
http://getbootstrap.com/css/#grid

Saludos!

**Karkayu** · 03/08/2016, 23:37

Iniciado por Estopero

Personalmente pienso que tu actitud no vale para nada, si no me equivoco tú eres diseñador web o lo has sido, y en lugar de darle algún consejo de como mejorar le dices que necesitas que se recicle si curra como maquetador (Algo poco probable ) solo para demostrar tus aires de superioridad, vamos que ni es un consejo ni es nada, habría que ver tu html, o la estructura interna de tus proyectos para ver si puedes dar "consejos" de este tipo o no.

Pues no necesita reciclarse, lo que en cualquier caso necesitaría sería más experiencia maquetando, y es lo que está adquiriendo si tenemos en cuenta que la anterior portada estaba maquetada prácticamente entera con tablas y esta utiliza css y divs de una forma como mínimo aceptable si no tenemos en cuenta el diseño responsivo, así que algo de tiempo le ha dedicado a intentar mejorar sus conocimiento y ofrecer un acabado mejor al que había. Y sé que la anterior portada estaba hecha con tablas porque indagué el html en varias ocasiones para ver si podía echar una mano, no únicamente para decirle a alguien que necesita reciclarse. En fin, si vas así por la vida debes tener a tus compañeros de trabajo contentos.

Si no tenemos en cuenta el diseño responsivo, el html de la portada está bien, y este mismo html TAL Y COMO ESTÁ podría convertirse en responsivo de forma medianamente sencilla cargando el grid de bootstrap y agregando las clases necesarias en los contenedores y columnas, sería preferible quitar todos los estilos inline tipo "style='margin:....'" (por limpieza y enredar menos con la herencia de clases) y las reglas css referentes al ancho de las columnas delegarlas a los anchos que define bootstrap en su grid.

Se puede crear una versión "custom" de bootstrap que solo tenga los elementos que quieras en este enlace:

http://getbootstrap.com/customize/

Seleccionas "grid system" y metiéndolo en la portada podrás hacer la web responsiva con no demasiado esfuerzo y añadiendo poquitos KBs extra, eso sí, el drag and drop no sé si funcionará del todo bien, sería cosa de probarlo, pero podría funcionar.

Más info sobre el grid de bootstrap:
http://getbootstrap.com/css/#grid

Saludos!

Madre mia como nos ponemos, no?? No veo ningún tipo de maldad ni aires de superioridad en el comentario del compañero @enkonsierto. De echo, ni el propio Anarchy se lo ha tomado mal. Take easy, bro!

Y ya puesto a seguir "opinando" así: usar Bootstrap existiendo hoy día CSS3 con cosas como Display Flex o media queries... pues bueno, considero que es mas fácil de entender las dos propiedades que te he puesto que aprenderte las clases de Bootstrap y su forma de manejar la estructura en columnas. Así que mi recomendación es que se mire la parte responsive de CSS3. Eso si controla el modelo de cajas de CSS. Si no, que use BootStrap.

**enkonsierto** · 04/08/2016, 00:06

Que va amigo estopero, nada más lejos de la realidad. Karkayu tiene razón sólo he dado mi opinión.
Aparte de todo, he colaborado varias veces con anarchy con engargos como maquetador web y sabe como es mi metodología. Si quiere más información él tiene los medios para preguntarme de forma más extendida.

Por cierto, vaya post más técnico te has marcado. Lo suyo es que seas más accesible para que te entienda todo el mundo.
Dicho sea de paso estoy con Karkayu mi recomendación es que tampoco use bootstrap.