title page & background images

Nate the great · 07-27-2009, 09:27 PM

Lately I've been thinking up interesting things that can be done with ebooks. This evening I realized that one can add detail to a page by using a frame image (like this) as a background image. This could be very useful for a title page, or any other page with a limited amount of text and a relatively fixed layout.

I think it would be best to use images that are already screen size (600x800). I provided a link to some frames that are. Are there any graphic designers here who would like to make more?

Neat idea, huh?

kovidgoyal · 07-27-2009, 09:30 PM

IIRC ADE doesn't support all the CSS 2 .1 background properties, so you may not have much luck with this. Though maybe the newer ones do.

nrapallo · 07-27-2009, 09:41 PM

I've never had success using a background image for just a page with overlay text thereon, for my .imp ebooks or conversions.

It's usually the background image first, then followed by the text, not on top of the image.

It's all about positioning and when rendering html in a top-down design, that linear nature seems to be the only model understood by our ebook creating programs.

Sure, you can try absolute positioning. That's the only way I've seen .pdf conversions to .html done (visually) accurately (with text), but it's a whole new ball game for ebooks creating programs to render and match. I think this is one of the reasons .pdf to .html never converts layouts well.

Been there and now use PDFRead when I can't win!

Just my two cents.

carlobee · 07-27-2009, 09:47 PM

oh. i still don't know how to do this.

Nate the great · 07-27-2009, 09:54 PM

Quote:

Originally Posted by kovidgoyal

IIRC ADE doesn't support all the CSS 2 .1 background properties, so you may not have much luck with this. Though maybe the newer ones do.

I just tested it. It doesn't quite work right in the calibre ebook-viewer or Adobe DE. But it works well enough that I think the problem is caused by my limited knowledge of css+html.

Would any of our more experienced members like to take a shot?

Jellby · 07-28-2009, 05:01 AM

Quote:

Originally Posted by Nate the great

I think it would be best to use images that are already screen size (600x800). I provided a link to some frames that are. Are there any graphic designers here who would like to make more?

Not all screens are 600×800, desktop readers can resize the screen at will, there can be margins or status bars, the orientation can be portrait or landscape... in a couple of years we could all be enjoying 1200×1600 screens... I would say it's a nice idea but maybe too dangerous...

How about coding the frame or title page in SVG? That could be more device- and future-proof.

Nate the great · 07-28-2009, 07:54 AM

Quote:

Originally Posted by Jellby

Not all screens are 600×800, desktop readers can resize the screen at will, there can be margins or status bars, the orientation can be portrait or landscape... in a couple of years we could all be enjoying 1200×1600 screens... I would say it's a nice idea but maybe too dangerous...

How about coding the frame or title page in SVG? That could be more device- and future-proof.

Sounds good. Do yuo want to give it a try?

Jellby · 07-28-2009, 09:13 AM

Quote:

Originally Posted by Nate the great

Sounds good. Do yuo want to give it a try?

Hmm... I don't think I can yet, I'd need some serious SVG experience first

The kind of frame you showed would be hard, I guess. The number and size of the "features" in the frame would have to be altered depending on the page size, and I don't know if it can be done, it's not simple stretching or cutting.

Nate the great · 07-28-2009, 09:19 AM

Quote:

Originally Posted by Jellby

Hmm... I don't think I can yet, I'd need some serious SVG experience first

The kind of frame you showed would be hard, I guess. The number and size of the "features" in the frame would have to be altered depending on the page size, and I don't know if it can be done, it's not simple stretching or cutting.

Until I found that set of frames I was planning to suggest a very simple line frame with optional beveled corners and other relatively simple features.

Jellby · 07-28-2009, 10:56 AM

Quote:

Originally Posted by Nate the great

Until I found that set of frames I was planning to suggest a very simple line frame with optional beveled corners and other relatively simple features.

That should be possible with good ol' CSS.

nrapallo · 07-28-2009, 12:15 PM

Quote:

Originally Posted by Jellby

That should be possible with good ol' CSS.

First attempt attached!

Can it be improved?

Nate the great · 07-28-2009, 01:50 PM

Quote:

Originally Posted by Jellby

That should be possible with good ol' CSS.

That's too basic. There's a lot you can't do.

Jellby · 07-28-2009, 02:03 PM

Quote:

Originally Posted by Nate the great

That's too basic. There's a lot you can't do.

Of course, I was referring to the "simple line frame with bevelled corners".

How about this?

Or this.

Or maybe something of what's shown here.

Nate the great · 07-28-2009, 04:38 PM

Quote:

Originally Posted by Jellby

Of course, I was referring to the "simple line frame with bevelled corners".

How about this?

Or this.

Or maybe something of what's shown here.

See, I told you I don't now much css.

07-27-2009, 09:27 PM	#1
Nate the great Sir Penguin of Edinburgh Posts: 12,375 Karma: 23555235 Join Date: Apr 2007 Location: DC Metro area Device: Shake a stick plus 1	title page & background images Lately I've been thinking up interesting things that can be done with ebooks. This evening I realized that one can add detail to a page by using a frame image (like this) as a background image. This could be very useful for a title page, or any other page with a limited amount of text and a relatively fixed layout. I think it would be best to use images that are already screen size (600x800). I provided a link to some frames that are. Are there any graphic designers here who would like to make more? Neat idea, huh?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How To: Getting summary metadata and images, not tags, author, title	Starson17	Calibre	21	01-10-2011 09:51 AM
how to get page breaks before and after images (using epubs In & Out)	lhgrappler	Calibre	9	10-06-2010 11:57 AM
Problem with title page output	Skydog	Calibre	0	03-21-2010 12:33 AM
Title Page?	pdurrant	ePub	8	08-07-2009 11:53 AM
Pdf background darker than LRF/RTF background	LOL2005	Sony Reader	2	10-23-2007 11:00 AM

07-27-2009, 09:30 PM	#2
kovidgoyal creator of calibre Posts: 45,144 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	IIRC ADE doesn't support all the CSS 2 .1 background properties, so you may not have much luck with this. Though maybe the newer ones do.

07-27-2009, 09:41 PM	#3
nrapallo GuteBook/Mobi2IMP Creator Posts: 2,958 Karma: 2530691 Join Date: Dec 2007 Location: Toronto, Canada Device: REB1200 EBW1150 Device: T1 NSTG iLiad_v2 NC Device: Asus_TF Next1 WPDN	I've never had success using a background image for just a page with overlay text thereon, for my .imp ebooks or conversions. It's usually the background image first, then followed by the text, not on top of the image. It's all about positioning and when rendering html in a top-down design, that linear nature seems to be the only model understood by our ebook creating programs. Sure, you can try absolute positioning. That's the only way I've seen .pdf conversions to .html done (visually) accurately (with text), but it's a whole new ball game for ebooks creating programs to render and match. I think this is one of the reasons .pdf to .html never converts layouts well. Been there and now use PDFRead when I can't win! Just my two cents.

07-27-2009, 09:47 PM	#4
carlobee Fanatic Posts: 535 Karma: 972 Join Date: Jul 2009 Device: The new iPad	oh. i still don't know how to do this.

Advert

Advert