Portada del sitio > Documentos Internos > Nuevo diseño de Autores

Nuevo diseño de Autores

Sábado 15 de julio de 2017, por María Renci

Las tarea pendientes de diseño se encuentran en: https://docs.google.com/spreadsheets/d/1MS-ZD3F1QLl8P4MGTmNZaQ1c9_ZfUNGxRH6Nmrh0s1A/edit#gid=0

Las mejoras se ven en http://test.laizquierdadiario.com/

El ambiente de trabajo es en laizquierdadiario/public_html/entregas/maquetas-Ajustes-LID2016

Autores

http://www.laizquierdadiario.com/entregas/maquetas-Ajustes-LID2016/autores.php

Actualmente los autores se ven de esta manera

El nuevo diseño es el siguiente: http://www.laizquierdadiario.com/entregas/maquetas-Ajustes-LID2016/autores.php


Nota del maquetador: No prestar atención a la foto que parece deformada, eso pasa porque no es la foto que debería ir allí y la página la adapta.

Pasos

1. En Global.css buscar los estilos correspondientes a la nueva modificación:

Crear una nueva versión de estilos (primero trabajar sin comprimir la hoja de estilos), ver el siguiente instructivo: (https://wiki.backendlid.com.ar/spip.php?page=article&id_article=185).

2. Hacer una copia de auteur.html como auteur2.html . En el mismo, hacer referencia a un nuevo archivo 2016_inc_head.html, que tendrá la referencia a la nueva versión de hoja de estilos.

Para ver el esqueleto de autores que está on-line:
http://www.laizquierdadiario.com/spip.php?page=auteur&id_auteur=5
http://www.laizquierdadiario.com/spip.php?page=auteur&id_auteur=2

Para ver el esqueleto de autores2:
http://www.laizquierdadiario.com/spip.php?page=auteur2&id_auteur=5
http://www.laizquierdadiario.com/spip.php?page=auteur2&id_auteur=2

3. Buscar en autores.php el main class="container-fluid encabezado-autor" (línea 16 a la 52) y pegarlo en auteur2.html por arriba del main class="container"

4. Luego comentar el div class="encabezado-articulo" y copiar el h4 y pegarlo en el container-fluid encabezado-autor, reemplazando el h4 que aparece.

5. Buscar en el div class="bio-data" que está dentro del div class="bio-autor" la etiqueta figure

cortas y pegas entre el div class="bio-autor" y el div class="bio-head"

6. A continuación de este div tenes que crear el div class="bio-group" que está en autores.php línea 39. Dentro de este div hay que colocar el div class="bio-head" y el div class="bio-data"