07-09-2012, 06:16 PM | #1 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
Help me with the cover
I am having some difficulty getting the cover of a book I purchased to show on my Nook Simple Touch. I am editing the cover page in Sigil and it looks like this. All I'm trying to do is make the cover full screen as much as the nook will allow by using SVG but it doesn't show.
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="../Styles/LD.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body.sgc-2 {margin: 0.00em;} </style> </head> <body class="sgc-2"> <div id="coverpage"> <p class="center"> </p> <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveaspectratio="xMidYMid meet" version="1.1" viewbox="0 0 523 712" width="100%" xlink="http://www.w3.org/1999/xlink"> <image height="712" href="../Images/cover.jpg" width="523"></image> </svg> </div> <p class="breakhere"> </p> </body> </html> Last edited by brittonal; 07-10-2012 at 02:05 AM. |
07-09-2012, 09:01 PM | #2 | |
Wizard
Posts: 2,297
Karma: 12126329
Join Date: Jul 2012
Device: Kobo Forma, Nook
|
Quote:
Code:
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveaspectratio="xMidYMid meet" version="1.1" viewbox="0 0 523 712" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> <image height="712" xlink:href="../Images/cover.jpg" width="523"></image> </svg> |
|
07-09-2012, 09:45 PM | #3 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
Thanks for the reply. I'll make the changes and report back.
|
07-09-2012, 11:13 PM | #4 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
I made those changes and saved and then restarted Sigil and Sigil removed those items in red that I added.
|
07-10-2012, 01:14 AM | #5 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Try the following:
Code:
<image height="712" src="../Images/cover.jpg" width="523"></image>
|
07-10-2012, 01:37 AM | #6 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
This is what the default coverpage html looks like when I got the book.
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="../Styles/LD.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body.sgc-2 {margin: 0.00em;} img.sgc-1 {height: 100%} </style> </head> <body class="sgc-2"> <div id="coverpage"> <p class="center"><img alt="cover" class="sgc-1" src="../Images/cover.jpg" /></p> </div> <p class="breakhere"> </p> </body> </html> |
07-10-2012, 01:40 AM | #7 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
|
07-10-2012, 02:19 AM | #8 |
Wizard
Posts: 2,297
Karma: 12126329
Join Date: Jul 2012
Device: Kobo Forma, Nook
|
Maybe your cover file is ".jpeg" instead of ".jpg"?
Does the cover appear in the EPUB if you use the "Insert Image" button in Sigil? Are you using the latest version of Sigil (0.5.3)? If you don't care about their SVG, I would just erase their code and replace it with something along these lines: Code:
<body style="margin:0px;text-align:center;"> <div><img alt="image" src="../Images/cover.jpg" width="100%" style="max-width:530px; max-height:800px;" /></div> </body> The blue section will stretch the image to the edges of the viewing screen (keeps the correct ratio). The green section is optional, and will make sure the image does not stretch beyond its actual resolution. |
07-10-2012, 06:40 AM | #9 |
Color me gone
Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
|
Make sure the file name of the image is the same case as your reference to it.
|
07-10-2012, 10:46 AM | #10 | |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
Quote:
The Images folder says its cover.jpg. If I don't use the SVG wrapper then the image shows. |
|
07-10-2012, 11:30 AM | #11 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
So I checked my version of Sigil. It says I had 0.5.9 from 6/20/2012? Was I using a beta version or what? I now have 0.5.3 for x64 and it seems at the moment to be working.
|
07-10-2012, 01:03 PM | #12 |
Well trained by Cats
Posts: 29,801
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
|
07-10-2012, 02:33 PM | #13 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
Hrmm... I was kind of getting scared as my version was off and it kept removing items and adding stuff to the head and body tags that I didn't event type in there. I hope it was a legit copy.
|
07-10-2012, 02:41 PM | #14 |
Member
Posts: 13
Karma: 10
Join Date: Jun 2012
Device: Nook Simple Touch GlowLight
|
I also noticed that in split view, when you roll over a section of code, it doesn't highlight the area up top in the view section.
|
07-10-2012, 02:41 PM | #15 | |
Well trained by Cats
Posts: 29,801
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
Production should use a 'stable' version Sigil WILL add boilerplate and required codes. Use a simple Text editor if you can't stand these insertions. |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Sell HP TouchPad 32gb NIB + ipad cover + non-reflective LCD cover | Waba | Flea Market | 3 | 09-26-2011 12:45 PM |
Touch Nook Touch Cover: 'Industriell Reader Cover' or 'M-Edge GO! Jacket Carbon Fiber' | lulalullah | Barnes & Noble NOOK | 37 | 09-15-2011 02:51 AM |
Ended Sony PRS-505 SC w/ Cover and Separate Wedge Light Cover in Canada | notsure | Flea Market | 2 | 11-13-2010 03:28 PM |
PRS-300 Pictures: Pink 300 + Sony red cover + custom cover | h0bbes | Sony Reader | 5 | 01-04-2010 12:41 PM |
Ended Red (Sangria) Sony PRS505 + Light Wedge Cover + Premium Tan Cover | sahmad88 | Flea Market | 2 | 09-15-2009 10:50 PM |