Here is the code for a gray box that I use, I think it looks fantastic on my Nook (e-ink) + color (PC or Tablet). I can take a sample picture of how it looks on my Nook if you want:
https://www.mobileread.com/forums/sho...25&postcount=9
Side Note: Thank you for the PNG attachments! It is a breath of fresh air compared to people attaching pixelated JPGs which hurt my eyes!
Quote:
Originally Posted by soundsfromsound
I see tons of epubs out there, from pro publishing companies, and their epubs have tons of text boxes, colors, shading, images, etc. - looks great on my phone or tablet, or computer. I'm trying to achieve that, baby steps!
|
Well show us some samples of these, and give us the code! I would love to learn how other publishers do it... there might be a gem in there, or pieces of code that others can use elsewhere.
That is how I learned that box code above, I took that box code right out of a book that I purchased/read, and then I added the gray background and tweaked that on my own.
I believe that many of the fancier design decisions these publishers make would just break on smaller devices, e-ink, night mode, etc. etc. I have seen HORRIBLE code coming out of many of these sold EPUBs (for example, forcing black font). BUT, you might be able to use their code as a good jumping off point.
Quote:
Originally Posted by mrmikel
If there are not many of them, you can do this as an image which will allow you to control layout.
|
Images are not searchable, and do not follow user preferences (font, font-size, margins, line-height, ...). While it may look OK (on SOME devices), it would be hideous for the long-run of the book (biggest problem I can see is that it will not scale well). Images for text should only really be used in extremely rare cases (math, complex tables, ...).