Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > Kindle Formats

Notices

Reply
 
Thread Tools Search this Thread
Old 12-28-2012, 04:21 PM   #1
JanGLi
Junior Member
JanGLi began at the beginning.
 
Posts: 7
Karma: 10
Join Date: Dec 2012
Location: Pakistan
Device: Kindle 4
Can i rotate text and insert images in Mobi and EPUB?

I have attached 3 pictures. I am converting an ebook in PDF format to mobi and epub. The tools i am using are calibre and sigil.

In picture 1 can i rotate a paragraph? and put a picture like it in behind text. Can it be done using sigil? HTML? CSS? or any other way that i don't know of? I know i can always paste a picture, but i want it to be text.

In picture 2 can i write headings like this using sigil,HTML or CSS?

In picture 3 the boxes are easy and i think i can put pictures in these boxes, but how to create these bubble or any other reasonable alternative?

I am waiting for your reply. Regards and thanks every one in advance
Attached Thumbnails
Click image for larger version

Name:	1.png
Views:	673
Size:	203.3 KB
ID:	98339   Click image for larger version

Name:	2.png
Views:	634
Size:	20.6 KB
ID:	98340   Click image for larger version

Name:	3.png
Views:	660
Size:	107.8 KB
ID:	98341  
JanGLi is offline   Reply With Quote
Old 12-28-2012, 07:38 PM   #2
Iznogood
Guru
Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.Iznogood ought to be getting tired of karma fortunes by now.
 
Iznogood's Avatar
 
Posts: 932
Karma: 15752887
Join Date: Mar 2011
Location: Norway
Device: Ipad, kindle paperwhite
The only way to achieve these effects is either
A) insert images of what you want. I.e. make an image of your rotated paragraph and insert it as <img src="path_to.jpg" alt="The text in the image"/>
B) using svg (scalable vector graphics). This is a powerful tool, but you need to read up on the subject yourself.

Html/CSS will not suffice to do what you want to do
Iznogood is offline   Reply With Quote
Advert
Old 12-29-2012, 12:44 AM   #3
JanGLi
Junior Member
JanGLi began at the beginning.
 
Posts: 7
Karma: 10
Join Date: Dec 2012
Location: Pakistan
Device: Kindle 4
Thank you for your reply. I have tried svg and nearly achieved the effect but the problem is they are not supported by mobi format, i think epub supports them but not sure. Can any one confirm if they are supported by mobi/epub?
JanGLi is offline   Reply With Quote
Old 12-29-2012, 03:46 AM   #4
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,514
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
SVG is not supported by mobi (at least by the "classic" mobi format). It is supported by ePub, though, but whether the particular features you want to use are supported by any specific reader... that's something that has to be tested.

By the way, I used SVG to rotate a couple of lines of text in my Tom Sawyer ePub (it can be found in our library here at MR), chapter 5.
Jellby is offline   Reply With Quote
Old 02-01-2013, 07:45 AM   #5
JanGLi
Junior Member
JanGLi began at the beginning.
 
Posts: 7
Karma: 10
Join Date: Dec 2012
Location: Pakistan
Device: Kindle 4
thank you every one. I successfully inserted a background image for Epub.

style="background-image: url(../Images/andrew.JPG);"

but i doesn't work of mobi. Plus i think background images are not good for ereader. The text is usually hard to read if there is a background image.

THanks any way.
JanGLi is offline   Reply With Quote
Advert
Old 02-02-2013, 04:16 PM   #6
dgatwood
Curmudgeon
dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.dgatwood ought to be getting tired of karma fortunes by now.
 
dgatwood's Avatar
 
Posts: 629
Karma: 1623086
Join Date: Jan 2012
Device: iPad, iPhone, Nook Simple Touch
Don't use background-image. It isn't part of the EPUB required CSS subset, so not all readers will show the image.

There are only two correct ways to do what you're asking:
  1. Use an image that contains the text (which will not be searchable).
  2. Use SVG.

I would recommend a combination of the above. Use SVG, and produce two versions of your EPUB—one for Kindle translation and one to ship publicly. In the Kindle version of it, include *two* copies of each image—a flattened PNG image with text inside it and a PNG image without the text. Then use CSS media queries to tell Kindlegen to include the flattened PNG version in the MOBI book and the non-flattened SVG version in the KF8 book, e.g.

Code:
@media amzn-mobi
{
    .mobiOnly {
        display: block;
    }
    .kf8Only {
        display: none;
    }
}

@media not amzn-mobi
{
    .mobiOnly {
        display: none;
    }
    .kf8Only {
        display: block;
    }
}


<div class="kf8Only">... SVG here ...</div>
<div class="mobiOnly">... flattened image here ...</div>
dgatwood is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
PDF to Mobi with text and images pocketsprocket Kindle Formats 7 05-21-2012 07:06 AM
Insert text while converting PDF to EPUB DougAtHitplays Conversion 5 09-23-2011 11:52 AM
pdf to mobi... creating images rather than text Dumhed Calibre 5 11-06-2010 12:08 PM
PDF to Epub - Images with Text ebahm Calibre 2 09-19-2010 03:23 PM
Sideway Table in ePub (Rotate table/text) Lapiz ePub 3 01-29-2010 01:11 PM


All times are GMT -4. The time now is 02:09 AM.


MobileRead.com is a privately owned, operated and funded community.