Hilo oficial de los css para Papyre

[Ususaurio]

Tienes que crear el directorio "a mano",chuerta.

- Creas un directorio llamado "crengine", bien en tu SD, o en la memoria interna de tu papyre. Dentro de ese directorio, hay que copiar el archivo fb2.css que, como comenté anteriormente, lo obtienes creando un archivo de texto y pegando ahí el contenido que puse aquí; después lo renombras a "fb2.css", y lo metes en el directorio "crengine".

- En cuanto a las fuentes... Si te interesa, puedo subir la que yo uso: "Dejavu Serif", pero te la puedes descargar de internet sin mayor problema:
http://dejavu-fonts.org/wiki/index.php?title=Download

El resto de fuentes, Arial, Times New Roman, o Courier, ya las incluye el firmware de tu papyre.
Si quieres más, las puedes obtener del directorio /windows/fonts de tu propio windows, por ejemplo.
Eso sí, deben tener el nombre adecuado, por ejemplo:
mi_fuente.ttf ---> la fuente de letra
mi_fuenteb.ttf ---> la fuente de letra "bold" o "negrita"
mi_fuentei.ttf ---> la fuente de le letra "italic" o "cursiva"
mi_fuentebi.ttf ---> la fuente de letra "oblique" o "cursiva+negrita"
Deben tener ese formato de nombre, terminado en "b" para la fuente negrita, en "i" para la cursiva, etcétera.

Después se meten las fuentes de letra en el directorio /fonts, que hay que copiar dentro de la raíz de tu SD, o en la memoria interna de tu papyre.

Espero haberte ayudado.

[chuerta]

Muchas gracias Ususaurio. Esto ya funciona.

[maluli]

Llevo casi dos años con Papyre y la verdad, es que estoy muy contenta. Suelo usar el formato fb2 (con bookdesigner).

El caso es que os "oigo" hablar de los css, programación,... y me gustaría aprender a hacerlo. Mi problema es que ni si quiera sé lo que es un css .

Si alguien no tiene mucho que hacer, ¿podría hacer un minitutorial explicando que es un css, para que sirve y cómo usarlo?

Un saludo para todos y gracias por adelantado!!!!

[johansolo]

Un css es un fichero de "formato".

Las mayoría de las páginas web actuales separan el contenido en un fichero y el formato en otro, así cuando el webmaster quiere cambiar el diseño (los colores, separación de párrafo, sangrado del texto, etc.) solo tiene que editar el fichero css de su sitio web y el cambio se producirá en todas las páginas de su web.

Este mismo concepto se ha extendido a procesadores de texto y por supuesto a lectores electrónicos de todo tipo. Editando el fb2.css se cambia la forma de visualizar los textos (sin afectar a los propios ficheros fb2).

Algo más de información: http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada

En lo de los tutoriales ya no puedo ayudar, no me he metido nunca a mirar a fondo las tripas del fb2.css.

[katxan]

Llevo casi dos años con Papyre y la verdad, es que estoy muy contenta. Suelo usar el formato fb2 (con bookdesigner).

El caso es que os "oigo" hablar de los css, programación,... y me gustaría aprender a hacerlo. Mi problema es que ni si quiera sé lo que es un css .

Si alguien no tiene mucho que hacer, ¿podría hacer un minitutorial explicando que es un css, para que sirve y cómo usarlo?

Un saludo para todos y gracias por adelantado!!!!

Simplemente busca en la memoria de tu lector un archivo llamado FB2.css
Lo puedes abrir con muchos programas, cualquier editor de texto te servirá, incluso el bloc de notas de windows. Cuando lo abras, verás un montón de códigos, números, símbolos, etc. etc.

Toda esa maraña de datos indica al lector la manera en que debe mostrar el texto en la pantalla.
Naturalmente, sin saber algo de código web es mejor no tocar nada, pero si te gusta trastear y hacer experimentos, puedes guardar en el disco duro de tu ordenador el archivo original de tu lector, juguetear con una copia de ese archivo y luego meterlo en tu lector, a ver qué efectos has conseguido.
Mientras tengas a salvo una copia del archivo original que puedas volver a restaurar en el lector en cualquier momento, no hay peligro de ningún tipo (incluso si lo perdieses podrías utilizar el FB2.css de cualquier otro usuario del HanlinV3, Papyre, etc.), no se trata de un archivo que pueda estropearte el lector.

[maluli]

Gracias por las aclaraciones.

Como no soy ningún genio de la informática, no me atrevo a tocar nada (sí, si es una copia, ya que no pasa nada si me la cepillo), pero por lo que he entendido, si entro en la programación y cambio uno de los códigos existentes por alguno de los que mencionáis en las páginas anteriores, solo cambiaría ese aspecto al que ese código en concreto hace referencia.

Si es así de "fácil", no necesitaría saber mucho de programación para reformar algunas cosillas, ya que algunos "genios" vais poniendo los códigos necesarios. ¡Sólo habría que copiar y pegar! >< ¿me equivoco?

[katxan]

No, no te equivocas, exactamente es así.

[zote]

Nada, por fin tuve algo de tiempo para editar mi css

estos son mis valores:

body { 
  text-align: justify; text-indent: 2em; line-height: 90%; 
  font-weight: normal; font-size: 85%; 
  margin-left: 0cm; margin-right: 0cm; 
} 
poem { 
  text-align: left; text-indent: 0px; 
  font-family: "Times New Roman"; 
  font-weight: normal; font-style: italic; font-size: 85%; 
  margin-left: 4em; margin-right: 2em margin-top: 0.7em;   margin-bottom: 0.7em; 
} 
stanza + stanza { margin-top: 0.5em } 
epigraph { 
  text-align: left; text-indent: 0px; 
  font-family: "Times New Roman"; 
  font-weight: normal; font-style: normal; font-size: 85%; 
  margin-left: 4em; margin-right: 2em; margin-top: 0.3em;   margin-bottom: 1em 
} 
text-author { 
  font-family: "Times New Roman"; 
  font-weight: normal; font-style: italic; 
  margin-left: 1em; margin-top: 0.5em 
} 
title { 
  text-align: center; text-indent: 0px; 
  font-weight: bold;  font-size: 125%; 
  margin-top: 1em; 
} 
section > title { 
  page-break-before: always; page-break-inside: avoid; page-break-after: avoid; 
} 
subtitle { 
  text-align: center; text-indent: 0px; 
  font-family: "Century Gothic"; 
  font-weight: bold; font-style: italic; font-size: 105%; 
  margin-top: 0.7em; margin-bottom: 0.5em 
} 
cite { 
  text-align: justify; text-indent: 0px; 
  font-family: "Times New Roman"; 
  font-weight: normal; font-style: italic; 
  margin-left: 0.5em; margin-right: 0.5em; 
} 
image { text-align: center; text-indent: 0px } 
sub { vertical-align: sub; font-size: 72% } 
sup { vertical-align: super; font-size: 72% } 
a { text-decoration: underline; } 
code { font-family:"Courier New";} 
p + p{ margin-top:0.0em;} 
p { 
  margin-top:0em; 
  margin-bottom:0.2em 
}
empty-line { height: 1em;  text-decoration:underline;} 
strong { font-weight: bold;} 
emphasis { font-style: italic;;} 

description { 
  text-align: justify; text-indent: 2em; 
  font-family: "Century Gothic"; 
  font-style: normal; font-size: 75%; 
} 
annotation { 
  display: block; 
  text-align: justify; text-indent: 2em 
  font-family: "Times New Roman"; 
  font-weight: normal; font-style: italic; font-size: 85%; 
} 
date { 
  display: block; 
  text-align: center; text-indent: 0px; 
  font-family: "Century Gothic"; 
  font-style: italic; text-align: left; 
  margin-top: 0.6em; margin-bottom: 0.6em 
} 

title-info { display: block } 

publish-info { display: none } 
document-info { display: none } 
description { display: none } 
genre { display: none } 
author { display: none } 
book-title { display: none } 
keywords { display: none } 
coverpage { display: none } 
lang { display: none } 
src-lang { display: none } 
translator { display: none } 
sequence { display: none } 
custom-info { display: none }

Explicaciones:

todos los valores están reducidos al 85% en tamaño de caracteres y al 90 en tamaño de línea.
con el papyre leyendo en tamaño 2-pequeña la letra es perfectamente legible (los valores por defecto son bastante grandes), si ponéis el papyre en tamaño 1-menor cabe un montón de texto.

hay salto de párrafo, pero no muy grandes (lo justo para que se aprecie), pero a costa de aumentar el margen inferior de cada uno de ellos, ya que si pones salto de párrafo y el libro que lees tiene lineas en blanco, pueden aparecerte unos saltos bestiales de 3 a 5 líneas.

de todas formas he dejado en el css las líneas de "empty line" y "p + p" con sus valores a 0 por si alguien quiere experimentar o yo necesito cambiar sus valores...

yo uso como fuente predeterminada arial, porque encuentro la deja vu demasido burda, y cuando la fuente es pequeña, no está muy definida. Si usáis otra fuente más "oscura" (como explicarlo, como si tuviera más tinta, o de caracteres mas gruesos...) quizá necesitéis ampliar la altura de línea a 95 o incluso 100% (en esta línea

; line-height: 90%;

) para que las patas de las p y las b no se toquen cuando coincidan en diferentes líneas

me falta por averiguar qué hacen y que valores se pueden aplicar en estas líneas (y qué efecto tienen en el papyre):

title-info { display: block } 

publish-info { display: none } 
document-info { display: none } 
description { display: none } 
genre { display: none } 
author { display: none } 
book-title { display: none } 
keywords { display: none } 
coverpage { display: none } 
lang { display: none } 
src-lang { display: none } 
translator { display: none } 
sequence { display: none } 
custom-info { display: none }

pero eso ya será en otra ocasión...

muchas gracias ususaurio por toda tu ayuda!!!!

seguiremos investigando

TALUË

PD: no me gusta, como dicen por ahí, andar tol dia tuneando el cacharro o cambiando de firmware en lugar de leyendo... pero la combinación de firmware de lbook y este css es bestial... los textos son MUCHO mas legibles (al menos a mi gusto)...

por mi ya solo espero el reflow en los pdf y ya sería un cacharro casi perfecto... a ver las siguientes actualizaciones o el openinkpot, que ya les queda menos para sacar su versión 0.2...

[zote]

podríais echarle un vistazo a esto:



http://www.newsgator.com/individuals...e/default.aspx

para descargar el programa en versión lite (sobra) y freeware:
http://www.newsgator.com/download/products/ts3lite.exe

copiais vuestro fb2.css al pc y lo abrís con el programita este... y ya me contáis


tiene mogollón de posibilidades... falta saber cuales se pueden aplicar al papyre

TALUË

[markmtc]

No estaría mal que los que nos regaláis vuestro CSS además pusierais una foto de como queda con un ejemplo de una página en el papyre. Sería genial para no tener que probar si no es el estilo que te gusta.