View Single Post
Old 12-03-2013, 11:15 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,548
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
If you can live with .jpg, .gif, .png, etc. images, then the advice of Doitsu is perfect. But if you want to use svg images, then you don't need to use Inkscape as I said before; things are still easier You only need to write svg images in Sigil (all images will be the same, only will change in the letter you will use there). I give you an example:

SVG for letter A:

Code:
<svg 
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   width="100"
   height="100">
  <text x="50" y="100" text-anchor="middle" fill="black" style="font-size: 100px; font-weight: bold">A</text>
</svg>
Using the svg in the ebook:

Code:
<p><img class="DropImage" alt="Image1" src="../Images/Image1.svg" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc....</p>
And the stylesheet is:

Code:
p {
    text-align: justify;
}

.DropImage {
    float: left;
    margin: -12px 5px 0 0;
}
Here is like is looks in Sigil:

Click image for larger version

Name:	Sigil1.jpg
Views:	367
Size:	197.7 KB
ID:	116133

Here is as looks in ADE:

Click image for larger version

Name:	ADE1.jpg
Views:	317
Size:	113.3 KB
ID:	116134

Below you can see the respective ePub. Of course, you can change the size, the color, etc. for each drop cap (you can use all the posibilities of the svg text).

Regards
Rubén
Attached Files
File Type: epub SVG DropCap.epub (2.9 KB, 237 views)
RbnJrg is offline   Reply With Quote