Metadati

Descrizione

Il layout può essere specificato utilizzando uno dei seguenti campi di metadati:

1) <meta property="rendition:layout">prepaginated</meta>

2) <meta name="fixed-layout" content="true"/>

Obbligatorio. Indica che il libro ha un'impaginazione fissa.

I valori validi per i metadati rendition:layout sono reflowable o pre-paginated. Il valore di default è reflowable.

I valori di default per i metadati fixed-layout sono true o false. Il valore di default è false.

<meta name="original-resolution" content="1024x600"/>

Obbligatorio. Identifica la risoluzione del design originale del contenuto ("1024 x 600" è solo un esempio). Le dimensioni dei pixel possono avere un valore intero positivo qualsiasi. Questi valori devono essere rapportati alle proporzioni generali del contenuto originale.

L'orientamento può essere specificato utilizzando uno dei seguenti campi di metadati:

1) <meta property="rendition:orientation">lands cape</meta>

2) <meta name="orientation-lock" content="landscape"/>

Opzionale.

I valori validi per i metadati rendition:layout sono

portrait, landscape o auto. Blocca l'orientamento del libro su orizzontale o verticale. Se il valore è auto, sono supportati sia l'orientamento orizzontale sia quello verticale. Il valore di default è auto.

I valori validi per i metadati orientation-lock sono portrait, landscape o none. Blocca l'orientamento del contenuto su verticale od orizzontale. Se il valore è none, sono supportati sia l'orientamento orizzontale sia quello verticale. Il valore di default è none.

Amazon consiglia lo sblocco dell'orientamento solo quando il testo è leggibile sia in verticale, sia in orizzontale.

<meta name="primary-writing-mode" content="horizontal-rl"/>

Opzionale. Definisce l'ordine di resa della pagina, la modalità di lettura e la navigazione del lettore (inclusi Kindle Text Pop-Up, Visualizzazione Vignette Kindle e Visualizzazione Vignette Virtuali Kindle). I valori validi sono horizontal-lr, horizontal-rl, vertical-lr e vertical-rl. Il valore di default è horizontal-lr.

<div class="page" id="p3">

<div class="pimg" id="img_003"/>

<p id="p3_2" class="ptxt">A volte esco

<br />per investigare. Controllo tutto.

<br/>Annuso i sassi. Mordo le foglie. Non

<br />si sa mai.

<br/>Devo stare sempre in guardia.<br/></p>

</div>

</div>

.ptxt{
font-family: "billy";
font-size: 450%;
line-height: 95%;
position: absolute;
top: 0%;
left: 2.35%; }

<div class="page" id="p3">

<div class="overlay" id="o3_1">Ciao,</div>

<div class="overlay" id="o3_2">il mio</div>

<div class="overlay" id="o3_3">nome</div>

<div class="overlay" id="o3_4">è</div>

<div class="overlay" id="o3_5">Fido!</div>

</div>

.overlay{

position: absolute;
font-family: "billy";
opacity: 0;
color: red;
font-size: 500%;
line-height: 107%;
text-align: center;
}

…

#o3_1{top: 39.5%; left: 6.7%; font-size: 450%; }

#o3_2{top: 41.5%; left: 15.5%; font-size: 450%; }

#o3_3{top: 44.2%; left: 24.5%; font-size: 500%; }

#o3_4{top: 44.1%; left: 4.2%; font-size: 450%; }

#o3_5{top: 46.6%; left: 9.9%; font-size: 500%; }