/*Pasos a hacer para pasar de InDesgin a HTML ESTA REVISTA TINE MUCHOS LISTADOS DE NÚMEROS, LETRAS Y GUIONES Y A SU VEZ MUCHOS NIVELES, ¡¡¡¡CUIDADO!!! 1. Lo primero echar un vistazo y ver qué viene, siempre es muy bueno. 2. Cambiar el estilo de llamadas de notas: en el texto y en la nota. 3. Generar el sumario y colocar cada uno en su sitio. 4. Ver las etiquetas de exportación para tratar de simplificar al máximo, recordar que un tipo de párrafo sirve para todos los idiomas que haya, ya se pondrá el idioma en el body. --- A continuación mediante búsqueda remplazo pasamos de la css de cada artículo y que lleva el nombre del artículo a un valor genérico Buscamos Remplazmos por, así metemos la css y la fuentes propias de la revista así conseguiremos que todos los ficheros "tirén" de la css común que está en en una carpeta que los ficheros html -- En el body le ponemos el idioma, lang="es-ES" para que así corten palabras --- Ponemos el logotipo arriba, para ello Buscamos Remplazmos por,
--- Para poner bien el logo del orcid Buscamos Remplazamos por --- Para quitar los títulos ocultos Buscamos

(.+)

Remplazmos por NADA --- Para que los ORCID vayan a una página nueva Buscamos Recibido: (.*?) \| Aceptado: (.*?)

en el tema de las fechas y lo cambiamos por todos los datos que aparecen en el lateral, aquí hay que poner cosas a mano, son los que yo pongo con interrogantes y se trata de las páginas y de los DOI Buscamos

Recibido: (.*?) \| Aceptado: (.*?)

Remplazamos

e-Revista Internacional de la Protección Social ▶ 2021

Vol. VI ▶Nº 1 ▶ pp. ? - ?

DOI: https://dx.doi.org/10.12795/e-RIPS.2021.i01.0?

Recibido: $1 | Aceptado: $2

TABLAS --- Dejamos limpios los para ello Buscamos Remplazamos por --- Ponemos las tablas resumen como tales para ello, recordar que hay que cerrar el div class="tabla" al final de la tabla, para ello después buscamos y le ponemos el cierre del div Buscamos Remplazmos
--- Para el tema de las RESUMEN ABSTRACT hacemos la siguiente búsqueda Buscamos Remplazamos -- Eliminamos todas los href: absolutos y los ponemos relativos, o sea, se buscan cadenas tipo E-RIPS_vol_5_n_1_12_jose_manuel_santos_jaen_v1.html y se eliminan, o sea, desde a continuación de la primera " del href, hasta antes del #, de esa forma las tablas de contenido y lsa notas pasan de href absolutos a relativos. ESTO HAY QUE TENER CUIDADO. PRIMERO HACEMOS ESTA BÚSQUEDA REMPLAZO EN LAS LLAMADAS A LAS NOTAS EN EL TEXTO que lo que conseguimos es las llamadas a las notas salgan entre corchetes y con fondito y todo llamadas relativas, además creamos en la CSS .notas buscamos \[(\d{1,3})\] CUIDADO EN METER UN ESPACIO ENTRE [ Y EL NÚMERO convertimos en [ $3 ] eso para las llamadas, para el número de la notas buscamos

\[(\d{1,3})\] convertimos en

[ $2 ] -- Añadimos el identificador id="sumario" a la palabra sumario, o Content o como se llame en el idioma en cuestión, habría que revisar las distintas formas para así poder volver desde cualquier epígrafe al comienzo del sumario, debe quedar algo así

Sumario

-- Añadimos la vuelta desde cada uno de los epígrafes a la palabra sumario, para ello buscamos el final de la etiqueta

, o ses

y le añadimos delante ^, o sea, Buscar remplazar por ^ -- Para los orcid buscamos un patrón (\d{4}-\d{4}-\d{4}-\d{4}) (con un espacio delante) y sustituimos por $1 -- Para poner las notas con fondo lo que hacemos es que buscamos al final del documento Buscamos
Remplazamos

Notas^

Notas^

y lo cambiamos por

Notas^

*/ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { margin: 0; padding: 0; border-width: 0; } div.notas { padding: 0.5em; } /*para que se vea "centrado" en la pantalla y con márgenes arriba y abajo*/ body { width: 90%; max-width: 1200px; margin: 3em auto; background-color: white; } div.Marco-de-texto-b-sico { border-style: solid; } /*Para el logo de la cabecera*/ img.logo{ height: 6em; display:block; margin: 0 auto 3em; } /*tablas*/ /*para que las tablas tengan overflow*/ div.tabla { overflow-x: auto; margin-bottom: 1em; } /*Tablas generales van sin borde y con márgenes superior e inferior de 2rem*/ table.Erips, table.resumen { border-collapse:collapse; border:0 none #000000; margin: 2rem auto; width: 100%; } /*Las celdas normales van con borde un 1px y en azul y con un padding de 0.5 rem*/ td{ padding: 0.5rem; vertical-align: top; border: 1px solid #4c93b8; } td.Celda_cabec { background-color: #bfd8e6; vertical-align: middle; } td.vacia { border-width: 0; } td.Tit_resumen, td.Resumen, td.Tit_resumen_drch, td.Resumen_drch, td.Resumen_centro { margin-top: 1em; border: none; border-bottom: 1px solid #4c93b8;; } td.Resumen_centro, td.Resumen, td.Resumen_drch{ border-bottom-width:0; } td.resumen_centro{ width: 5%; } td.Tit_resumen, td.Resumen { width: 75%; } td.Tit_resumen_drch, td.Resumen_drch { width: 20%; } /*títulos tablas*/ p.table_title { font-family: "Cormorant Garamond", serif; font-size: 1.2rem; font-weight: bold; margin: 2em auto 1em; text-align: center; text-align-last: center; text-indent: 0; } p.tabla, p.tabla_centro, p.tabla_dere { font-size: 0.9rem; text-indent: 0; } p.tabla { text-align: left; text-align-last: left; } p.tabla_centro { text-align: center; text-align-last: center; } p.tabla_dere { text-align: right; text-align-last: right; } /*títulos*/ h1.title, h1.lautios, h2.subtitle { hyphens: none; color: #006599; font-family: "Cormorant Garamond", serif; font-size: 2rem; font-style: normal; font-variant: normal; font-weight: 600; line-height: 1.4; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0.5em; orphans: 2; page-break-after: auto; page-break-before: auto; text-align: center; text-decoration: none; text-indent: 0; text-transform: none; widows: 2; } h1.lautios { background-color: #d9e8f0; } h2.subtitle { color: #333333; font-family: "Open Sans", sans-serif; font-size: 1.5rem; margin-top: 1em; } /*encabezados*/ h3.nivel01, h3.nivel02, h3.nivel03, h3.nivel04 { hyphens: none; color: #006599; font-family: "Cormorant Garamond", serif; font-size: 1.2rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4; margin: 2em 0 1em; orphans: 2; page-break-after: auto; page-break-before: auto; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; widows: 2; } /*nivel 01 es negrita y mayúsculas*/ h3.nivel01 { font-weight: 600; text-transform: uppercase; } /*nivel 02 es negrita y sin las mayúsculas*/ h3.nivel02 { font-weight: 600; text-transform: none; } /*la diferencia entre el nivel 02 y 03 es la cursiva*/ h3.nivel03 { font-style: italic; font-weight: 500; } h3.nivel04 { font-style: normal; font-weight: 400; } h3.nivel01 + h3.nivel02, h3.nivel02 + h3.nivel03, h3.nivel03 + h3.nivel04 { margin-top: 0; } h3 + p { text-indent: 0; } /*párrafos*/ p, li { color: #000000; font-family: "Open Sans Light", sans-serif; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; margin: 0; orphans: 2; page-break-after: auto; page-break-before: auto; text-align: justify; text-align-last: left; text-decoration: none; text-indent: 1.75em; text-transform: none; widows: 2; hyphens: auto; } p.autor { color: #006599; font-family: "Cormorant Garamond", serif; font-size: 1.2rem; font-weight: bold; margin-top: 1em; text-align: center; text-align-last: center; text-indent: 0; } p.procedencia { text-align: center; text-align-last: center; text-indent: 0; } div.recibido, div.recibido_recesion { background-color: #d9e8f0; margin: 2em 0; padding: 0.5em; } p.recibido, p.recibido_recesion { font-family: "Open Sans", sans-serif; color: #006599; text-align: right; text-align-last: right; text-indent: 0; margin: 0; } p.keywords { text-align: left; text-indent: 0; } p.resum_tit { font-family: "Cormorant Garamond", serif; font-size: 1.2rem; font-weight: bold; text-align-last: left; text-indent: 0; } p.ss, p.resumen { text-indent: 0; } p.resumen + p.resumen { text-indent: 1.75rem; } p.bsc_CE, p.bsc_CE_ss, p.bsc_CE_centrado { margin-top: 1.5em; } p.bsc_CE_ss { text-indent: 0; } p.bsc_CE_centrado { text-align: center; text-align-last: center; } p.bibliog { margin-left: 1.75em; text-indent: -1.75em; } /*para las notas con listas y sangrías CS*/ p.nota, p.nota_1san, p.nota_2san, p.nota_CS { font-size: 0.9rem; text-indent: 0; } p.nota_1san { margin-left: 3.4rem; text-indent: -1.3rem; } p.nota_2san { margin-left: 4.4rem; text-indent: -1.3rem; } p.nota_CS{ text-indent: 1.75rem; } p.fuente_tabla { margin-top: 0.2em; font-size: 0.8rem; text-indent: 0; text-align: center; text-align-last: center; } ol.numero, ol.letra_minuscula, p.lista_gui, p.lista_let, p.lista_num { margin: 1.5em 0 0 3.4em; text-indent: -1.65em; } /* Listas de números ordenadas*/ /* Hay que ponerle el
  • al ol solo */ ul, ol { margin-left: 0.5rem; } li{ padding-left: 1em; padding-left: 1em; text-indent:0rem; margin-top: 0em; } ul.disc { list-style-type: disc; } ul.circle{ list-style-type: circle; } ul.square{ list-style-type: square; } /*si tenemos que añadir algun chirimbolito que no tengamos tenemos que meterlo aquí y copiar los atributos de las que ya tenemos*/ ul.guion > li, ul.flecha> li { list-style: none; position: relative; } ul.guion > li:before { content: "— "; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ul.flecha > li:before { content: "➢ "; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ul.nada, ol.nada { list-style-type: none; } /*Listas ordenadas*/ ol.roman{ list-style-type: lower-roman; } ol.ROMAN{ list-style-type: upper-roman; } ol.minus{ list-style-type: lower-latin; } ol.mayus{ list-style-type: upper-latin; } ol.ord > li, ol.parent > li, ol.ordparent > li, ol.minus_p > li, ol.mayusc_p > li, ol.romanos_p > li, ol.ROMAN_p > li { list-style: none; position: relative; } ol.ord > li:before { content: counter(list) "º "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.parent > li:before { content: counter(list) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.ordparent > li:before { content: counter(list) "º) "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.minus_p > li:before { content: counter(list, lower-latin) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.mayusc_p > li:before { content: counter(list, upper-latin) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.romanos_p > li:before { content: counter(list, lower-roman) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.ROMAN_p > li:before { content: counter(list, upper-roman) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } /*necesario para que se reinicien los números de las que tienen paréntesis*/ ol.ord, ol.parent, ol.ordparent, ol.minus_p, ol.mayusc_p, ol.romanos_p, ol.ROMAN_p { counter-reset: list; } /*para cuando sean citas*/ ol.cita { margin: 1.5em 1.75em 0; margin-left: 3.5em; text-indent: -0.15em; font-size: 0.95rem; } ul.cita { margin: 1.5em 1.75em 0; margin-left: 3.5em; text-indent: -0.15em; font-size: 0.95rem; } /*para notas al pie*/ ol.notas, ul.notas { font-size: 0.9rem; text-indent: 0; color:#000000; } /*para hacer que no se separen del anterior y el
  • para el siguiente*/ ol.nosep, ul.nosep, li.nosep { margin-top: 0; margin-bottom: 0em; } /* Para poner una lista dentro de otra tenemos que meterla dentro del
    • de cierre. Es conveniente añadir la clas "D" a la nueva lista interior porque así estará menos sangrada. Si queremos que se separe del siguiente elemento de la lista le pondremos al ultimo <*li> la clase "esp"*/ li.esp{ margin-bottom: 1em; } /*para más sangría*/ ol.D, ul.D { margin-left: 3em; } /*para menos sangría*/ ol.F, ul.F { margin-left: 0.5em; } /* Lo tenemos para que se separe del siguiente párrafo */ ol + p, ul + p { margin-top: 1.5em; } /*párrafos siguientes a los números/letras/guiones sin números/letras/guiones*/ p.lista_dentro { margin: 0 0 0 3.4em; text-indent: 1.75em; } /*párrafos de citas dentro de una lista*/ p.cita_lista_dentro { margin: 1.5em 1.75em 0 5.15em; text-indent: 1.75em; font-size: 0.95rem; } p.cita_lista_dentro + p.cita_lista_dentro { margin: 0 1.75em 0 5.15em; } p.cita_lista_dentro + p.lista_dentro { margin-top: 1.5em; } /*párrafos de cita, listas dentro de citas y nivel dos de listas dentro de citas*/ p.cita, p.cita_ss, p.cita_1, p.cita_lista_1, p.cita_lista_2 { margin: 1.5em 1.75em 0; text-indent: 1.75em; font-size: 0.95rem; } p.cita + p.cita, p.cita_1 + p.cita { margin: 0 1.75em; } p.cita_1 { margin-top: 1.5em; } p.cita_ss { text-indent: 0; } p.cita_lista_1 { margin: 0 1.75em 0 5.5em; text-indent: -1.5em; } p.cita_lista_2 { margin: 0 1.75em 0 7em; text-indent: -1.5em; } p.cita_comienzo { font-size:0.95rem; margin:3rem; margin-left: 20rem; margin-right: 0em; margin-bottom: 0em; text-align: justify; text-align-last: right; } /*párrafos de dedicatorias y firmas de dedicatoria*/ p.dedicatoria, p.dedicatoria_firma { margin: 1em 0 1em 25%; text-indent: 1.75em; font-size: 0.95rem; } p.dedicatoria_firma { text-align-last: right; } p.zz-doicp { color: #006599; font-family: "Times New Roman", serif; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; orphans: 1; page-break-after: auto; page-break-before: auto; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; widows: 1; } p.fig { color: #000000; font-family: "Cormorant Garamond", serif; font-size: 1rem; font-weight: normal; margin: 0.5em auto; margin-bottom: 0em; text-align: center; text-align-last: center; text-indent: 0; } p.fig + p:not(.fig) { margin-bottom: 2em; } /* párrafos para el sumario*/ p.summ, p.summ02, p.summ03, p.summ04 { color: #000000; font-family: "Open Sans Light", sans-serif; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; margin: 0; orphans: 2; page-break-after: auto; page-break-before: auto; text-align: left; text-align-last: left; text-decoration: none; text-transform: uppercase; widows: 2; text-indent: 0em; } p.summ02 { margin-left: 2em; text-indent: -1em; text-transform: none; } p.summ03 { margin-left: 3em; text-indent: -1em; text-transform: none; } p.summ04 { margin-left: 4em; text-indent: -1em; text-transform: none; } p.pie_primero { color: #006599; font-family: "Cormorant Garamond", serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; orphans: 1; page-break-after: auto; page-break-before: auto; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; widows: 1; } span.bold { font-style: normal; font-weight: bold; } span.light_italic { /* color:#b10061; */ font-style: italic; font-weight: normal; } span.mayusc_semib_italic { font-style: italic; font-variant: normal; font-weight: bold; text-transform: uppercase; } span.mayúsculas_italic { font-style: italic; font-variant: normal; font-weight: normal; text-transform: uppercase; } span.oculto { font-size: 0px; } span.numeros_listas { display: inline-block; width: 0.05rem; } span._idGenBNMarker-2 { display: inline-block; text-indent: 0; width: 23px; } /*para las notas, llamadas y vueltas, fondeamos el numero para ello pasamos el span de la llamadas a span class="notas", y la vuelta en el */ .notas { /* display:inline-block; */ background-color: #d9e8f0; color: #006599; } div.notas { margin-top: 0.5rem; padding: 0.5rem; } img.logo_ORCID { height: 13px; /* width: 11px; */ } /*Para los enlaces*/ a { color: #006599; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } figure { margin: 2rem auto; text-align: center; width: 100%; } /* para las imágenes, lo de inline es para que el ORCID quede bien, y lo de abajo es para que las fotos se centren*/ img { display: inline; margin: auto; } img._100, img._50, img._75 { display: block; margin: 1em auto; } @media only screen and (min-width: 800px) and (max-width: 1200px) { img._100 { width: 70vw; } img._75 { width: 60vw; } img._50 { width: 50vw; } } @media only screen and (max-width: 799px) { img._100 { width: 95vw; } img._75 { width: 90vw; } img._50 { width: 85vw; } } img._75 { width: 90%; } .overlay { position: relative; top: 0; bottom: 0; left: 0; right: 0; /* background: rgba(0, 0, 0, 0.7); */ /* transition: opacity 50ms; */ visibility: hidden; opacity: 0; } .overlay:target { visibility: visible; opacity: 1; } .popupBody { width: 46%; padding: 2%; border-radius: 15px; box-shadow: 0 0 5px #CCC; background: #FFF; position: relative; /* transition: all 5s ease-in-out; */ margin: 20% auto; } /* #cerrar { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #F00; } */

    (.*?)

    (.*?)

    $1

    $2