View Single Post
Old 01-14-2015, 07:33 AM   #11
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,830
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
And what about something like this (that also works in any ereader):

Click image for larger version

Name:	Image1.png
Views:	5279
Size:	72.8 KB
ID:	133778

The above screenshot belongs to ADE 3.0 and to get that result, you only need a few lines of code:

Spoiler:

Code:
h3 {
   text-align: center;
}

.stanza {
   margin-left: 4em;
   margin-bottom: 1em;
}

.stanza p {
  margin: 0;
  text-indent: 1.2em;
  line-height: 1.2em;
}

.stanza p + p {
  text-indent: 0;
}

.stanza p.number {
  float: left;
  margin-left: -4em;
  margin-top: 0.3em;
  font-size: 70%;
}


and in the .xhtml file:

Spoiler:

Code:
  <h3>IL CINQUE MAGGIO</h3>

  <div class="stanza">
    <p>Ei fu. Siccome immobile,</p>
    <p>Dato il mortal sospiro,</p>
    <p>Stette la spoglia immemore</p>
    <p>Orba di tanto spiro,</p>
    <p class="number">5</p>
    <p>Così percossa, attonita</p>
    <p>La terra al nunzio sta,</p>
  </div>

  <div class="stanza">
    <p>Muta pensando all’ultima</p>
    <p>Ora dell’uom fatale;</p>
    <p>Nè sa quando una simile</p>
    <p class="number">10</p>
    <p>Orma di piè mortale</p>
    <p>La sua cruenta polvere</p>
    <p>A calpestar verrà.</p>
  </div>

  <div class="stanza">
    <p>Lui folgorante in solio</p>
    <p>Vide il mio genio e tacque;</p>
    <p class="number">15</p>
    <p>Quando, con vece assidua,</p>
    <p>Cadde, risorse e giacque,</p>
    <p>Di mille voci al sonito</p>
    <p>Mista la sua non ha:</p>
  </div>


So, you only need to add <p class="number">"your number here"</p> in the proper place; everything else is the same you have done always.

Below you can check the respective epub.

Regards
Rubén
Attached Files
File Type: epub Poetry with side numbers.epub (2.5 KB, 818 views)

Last edited by RbnJrg; 01-14-2015 at 07:56 AM.
RbnJrg is offline   Reply With Quote