Textes de mon ePub restent noirs en mode "nuit"

hk009 · 06-18-2013, 10:27 AM

Bonjour,

J'ai crée un ebook à partir d'un fichier inDesign dont j'ai corrigé la mise en page sous Sigil (car fonts non respectés, espaces en trop ou moins, etc).

J'ai réussi à sauvegarder (sous Sigil) mon ebook au format ePub en essayant de conserver un maximum la mise en page d'origine (ce qui n'est pas évident vu la "souplesse" du html utilisé sous Sigil).

Le problème est celui-ci: Lorsque mon ebook (au format ePub) est lu sur des tablettes et que l'on passe en mode "nuit" (=inversion des couleurs, fond noir et texte blanc), mon texte reste totalement noir et du coup... noir sur noir, on ne voit plus rien!

Je voudrais savoir si quelqu'un a un bout de piste... je ne vois pas d'où peut venir l'erreur...la conversion par inDesign? les CSS utilisés dans Sygil? le format ePub?

Merci d'ores et déjà pour votre attention et votre aide!

roger64 · 06-19-2013, 02:21 AM

Bonjour

Il est difficile de te répondre sans regarder le code de ton livre.

Par curiosité, j'ai fait un essai de "mode nuit" en créant un mini-EPUB avec Sigil. On peut l'obtenir, par exemple, en donnant au corps (body) une couleur noire et au texte une couleur blanche. Il vaut mieux me semble-t-il mettre le texte dans un container (div par exemple) de façon à changer la couleur d'ensemble du texte d'un seul coup.

Pour passer du mode "jour" au mode "nuit", il faut faire varier en sens inverse la "couleur" du corps et celle du texte. Ces valeurs sont indiquées dans la feuille de style. On peut aussi créer une distinction entre les deux modes en donnant au corps des classes différentes.

neufsix · 06-19-2013, 07:51 PM

Est-ce que tu n'as pas dans ton fichier css des instructions relatives aux couleurs. Si c'est le cas, supprime-les et vois ce que cela change.

hk009 · 06-21-2013, 06:47 AM

Tout d'abord merci beaucoup pour vos réponses!

Voici le code qui se trouve dans mon CSS:

Code:

@font-face {
	font-family:"Adobe Garamond Pro Bold";
	font-style:normal;
	font-weight:bold;
	src : url("../Fonts/AGaramondPro-Bold.otf");
}
@font-face {
	font-family:"Adobe Garamond Pro Bold";
	font-style:italic;
	font-weight:bold;
	src : url("../Fonts/AGaramondPro-BoldItalic.otf");
}
@font-face {
	font-family:"Adobe Garamond Pro Bold";
	font-style:oblique;
	font-weight:bold;
	src : url("../Fonts/AGaramondPro-BoldItalic.otf");
}
@font-face {
	font-family:"Adobe Garamond Pro";
	font-style:italic;
	font-weight:normal;
	src : url("../Fonts/AGaramondPro-Italic.otf");
}
@font-face {
	font-family:"Adobe Garamond Pro";
	font-style:oblique;
	font-weight:normal;
	src : url("../Fonts/AGaramondPro-Italic.otf");
}
@font-face {
	font-family:"Adobe Garamond Pro";
	font-style:normal;
	font-weight:normal;
	src : url("../Fonts/AGaramondPro-Regular.otf");
}
@font-face {
	font-family:"Futura Std Book";
	font-style:normal;
	font-weight:normal;
	src : url("../Fonts/FuturaStd-Book.otf");
}
@font-face {
	font-family:"Futura Std Condensed Light";
	font-style:normal;
	font-weight:300;
	font-stretch:condensed;
	src : url("../Fonts/FuturaStd-CondensedLight.otf");
}
@font-face {
	font-family:"Futura Std Medium";
	font-style:normal;
	font-weight:650;
	src : url("../Fonts/FuturaStd-Heavy.otf");
}
@font-face {
	font-family:"Futura Std Medium";
	font-style:italic;
	font-weight:650;
	src : url("../Fonts/FuturaStd-HeavyOblique.otf");
}
@font-face {
	font-family:"Futura Std Medium";
	font-style:oblique;
	font-weight:650;
	src : url("../Fonts/FuturaStd-HeavyOblique.otf");
}
@font-face {
	font-family:"Futura Std Medium";
	font-style:normal;
	font-weight:500;
	src : url("../Fonts/FuturaStd-Medium.otf");
}
@font-face {
	font-family:"Minion Pro";
	font-style:normal;
	font-weight:normal;
	src : url("../Fonts/MinionPro-Regular.otf");
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}
td, th {
	border-style:solid;
	border-width:0px;
}
table {
	text-align:center;
}
li {
	display:block;
}
body {
	-epub-hyphens:auto;
	-webkit-hyphens:auto;
}
@page {
	margin : 30px 30px 30px 30px;
}
table.Tableau-simple {
	border-color:#000000;
	border-width:0px;
	text-align:center;
	margin-bottom:20px;
}
p.Auteur {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:1.7em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	margin-bottom:200px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.Titre-livre {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:3em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.Sos-Titre-Livre {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:2.5em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	margin-bottom:200px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.Editions {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:1.5em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1;
	margin-bottom:50px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
h1.Chapitre {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:1.333em;
	font-style:normal;
	font-weight:bold;
	line-height:1;
	margin-bottom:100px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
	text-transform:uppercase;
}
h2.Sous-chapitre {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Adobe Garamond Pro Bold", serif;
	font-size:1.5em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.143;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
h3.Annexe {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:1.167em;
	font-style:normal;
	font-variant:normal;
	font-weight:650;
	line-height:1.143;
	margin-bottom:57px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.Petit-titre {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Adobe Garamond Pro Bold", serif;
	font-size:1.2em;
	font-style:italic;
	font-variant:normal;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	text-decoration:none;
	text-indent:0px;
}
p.texte-principal-lettrine {
	-epub-hyphens:none;
	-epub-ruby-position:over;
	-webkit-hyphens:none;
	color:#000000;
	font-family:"Adobe Garamond Pro", serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.333;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
	text-decoration:none;
	text-indent:0px;
}
p.Normal {
	-epub-hyphens:none;
	-epub-ruby-position:over;
	-webkit-hyphens:none;
	color:#000000;
	font-family:"Adobe Garamond Pro", serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.333;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
	text-decoration:none;
	text-indent:18px;
}
p.Paragraphe-standard {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Adobe Garamond Pro", serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.Titre {
	-epub-hyphens:none;
	-epub-ruby-position:over;
	-webkit-hyphens:none;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.333;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}
p.Titre-2 {
	-epub-hyphens:none;
	-epub-ruby-position:over;
	-webkit-hyphens:none;
	color:#000000;
	font-family:"Futura Std Medium", sans-serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.333;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.Texte-principal {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Adobe Garamond Pro", serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.333;
	margin-bottom:25px;
	margin-left:0px;
	margin-right:0px;
	text-align:justify;
	text-decoration:none;
	text-indent:0px;
}
p.Texte-center {
	-epub-ruby-position:over;
	color:#000000;
	font-family:"Adobe Garamond Pro", serif;
	font-size:1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.333;
	margin-bottom:25px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	text-indent:0px;
}
p.signature {
	-epub-hyphens:none;
	-epub-ruby-position:over;
	-webkit-hyphens:none;
	color:#000000;
	font-family:"Adobe Garamond Pro", serif;
	font-size:1em;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:1.333;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:20px;
	text-align:right;
	text-decoration:none;
	text-indent:18px;
}
span.lettrine {
	font-size:5.022em;
	float:left;
	line-height:1;
	margin-top:-0.059em;
	margin-right:0.05em;
	-adobe-float-keep:column;
	margin-bottom:-0.275em;
	font-family:"Adobe Garamond Pro Bold", serif;
	font-weight:bold;
	font-style:normal;
}
span.eme {
	font-family:"Adobe Garamond Pro";
	font-size:0.60em;
	font-style:normal;
	font-weight:normal;
	vertical-align:super;
}
div.frame-1 {
 text-align:center;
 vertical-align:bottom;
 width:100%;
}

Sur les conseils d'un ami, j'ai supprimer les lignes qui disaient COLOR: #000000
mais je n'ai pas constaté de changement lors de la lecture de mon epub...

Je suis un débutant dans le html donc j'avoue que beaucoup de fonctions m'échappent encore lol la raison peut-être de mon blocage

neufsix · 06-27-2013, 05:08 PM

Si tu as supprimé toutes les mentions relatives à la couleur je ne vois pas d'où vient le problème. Du logiciel de ta tablette ?

hk009 · 06-28-2013, 06:24 AM

Quote:

Originally Posted by neufsix

Si tu as supprimé toutes les mentions relatives à la couleur je ne vois pas d'où vient le problème. Du logiciel de ta tablette ?

En fait, non j'essaie sur un logiciel sur mac qui s'appelle BookReader qui dispose aussi d'un mode d'affichage "NUIT" qui fonctionne sur d'autres ePub (le fond devient noir et le texte principal devient blanc) mais lorsque j'essaie avec mon ePub (même après suppression des références COLOR), le texte reste noir en "mode nuit" du dit logiciel

Peut être ai-je trop de "critères" dans mon CSS et cela "bloque" le changement de couleurs? Je sais pas trop en fait, je suis devant un casse-tête chinois lol

neufsix · 06-28-2013, 04:53 PM

As-tu essayé de comparer les fichiers css de ces EPUB avec le tien ? Cela peut être fastidieux mais c'est généralement une bonne façon d'apprendre.

roger64 · 07-07-2013, 03:46 AM

Bonjour

On peut créer un simili "mode nuit" à partir du CSS comme je l'ai montré plus haut, mais ce n'est sans doute pas la seule solution.

On peut aussi intervenir hors CSS, directement sur le système d'exploitation si j'en juge par exemple avec ce fichier qui ajoute un "mode nuit" au logiciel du Kobo (version 2.5.1) en déclenchant avec une règle udev (linux) l'inversion de la polarité de l'écran.

Je ne l'ai pas essayé et n'en sais pas davantage.

Gray Eminence · 08-02-2013, 03:59 AM

A priori, le monde Mac à la facheuse tendance à ne pas écraser les anciens fichiers lorsque l'on charge des nouveaux, si tu as bien retirer toutes les mentions "color" dans ta CSS ET dans tes secton xhtml (au cas ou ça trainerai là aussi), tu devrais passer en mode nuit sans soucis.

Sinon, fourni le fichier en question pour que l'on puisse regarder en détail

Cheers,
GE

06-18-2013, 10:27 AM	#1
hk009 Junior Member Posts: 8 Karma: 10 Join Date: Jun 2013 Device: kindle	Textes de mon ePub restent noirs en mode "nuit" Bonjour, J'ai crée un ebook à partir d'un fichier inDesign dont j'ai corrigé la mise en page sous Sigil (car fonts non respectés, espaces en trop ou moins, etc). J'ai réussi à sauvegarder (sous Sigil) mon ebook au format ePub en essayant de conserver un maximum la mise en page d'origine (ce qui n'est pas évident vu la "souplesse" du html utilisé sous Sigil). Le problème est celui-ci: Lorsque mon ebook (au format ePub) est lu sur des tablettes et que l'on passe en mode "nuit" (=inversion des couleurs, fond noir et texte blanc), mon texte reste totalement noir et du coup... noir sur noir, on ne voit plus rien! Je voudrais savoir si quelqu'un a un bout de piste... je ne vois pas d'où peut venir l'erreur...la conversion par inDesign? les CSS utilisés dans Sygil? le format ePub? Merci d'ores et déjà pour votre attention et votre aide!

08-02-2013, 03:59 AM	#9
Gray Eminence eBook Designer Posts: 17 Karma: 10 Join Date: Jul 2010 Location: Brussels Device: PRS-650 / NookGlow / Paperwhite / iPad / AsusTransformer	A priori, le monde Mac à la facheuse tendance à ne pas écraser les anciens fichiers lorsque l'on charge des nouveaux, si tu as bien retirer toutes les mentions "color" dans ta CSS ET dans tes secton xhtml (au cas ou ça trainerai là aussi), tu devrais passer en mode nuit sans soucis. Sinon, fourni le fichier en question pour que l'on puisse regarder en détail Cheers, GE Last edited by Gray Eminence; 08-02-2013 at 04:05 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
"C'mon, I Want Lolcats" or "how to abuse JS in EPUB3"	AlPe	ePub	18	06-29-2013 07:31 PM
Recipe for EPUB subscribers of "Tagesspiegel" and "Handelsblatt"?	F.W.	Recipes	0	05-14-2013 12:16 PM
epub "padding left" to mobi "block quote" conversion issue	1611mac	Conversion	3	01-11-2012 03:10 PM
C'mon Down to Santa Fe for "Left Coast Crime"	Paul Levine	General Discussions	7	03-18-2011 11:53 AM

06-19-2013, 07:51 PM	#3
neufsix Connoisseur Posts: 57 Karma: 1010 Join Date: Jul 2011 Device: Archos A70 eReader, Kindle Touch, Sony PRS-T2	Est-ce que tu n'as pas dans ton fichier css des instructions relatives aux couleurs. Si c'est le cas, supprime-les et vois ce que cela change.

06-27-2013, 05:08 PM	#5
neufsix Connoisseur Posts: 57 Karma: 1010 Join Date: Jul 2011 Device: Archos A70 eReader, Kindle Touch, Sony PRS-T2	Si tu as supprimé toutes les mentions relatives à la couleur je ne vois pas d'où vient le problème. Du logiciel de ta tablette ?

06-28-2013, 04:53 PM	#7
neufsix Connoisseur Posts: 57 Karma: 1010 Join Date: Jul 2011 Device: Archos A70 eReader, Kindle Touch, Sony PRS-T2	As-tu essayé de comparer les fichiers css de ces EPUB avec le tien ? Cela peut être fastidieux mais c'est généralement une bonne façon d'apprendre.