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

Go Back   MobileRead Forums > E-Book Formats > Workshop

Notices

Reply
 
Thread Tools Search this Thread
Old 12-03-2013, 05:22 PM   #16
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,233
Karma: 11710165
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by Doitsu View Post
There are many websites with CSS dropcaps tutorials, for example, this one. However, this method is rather labor intensive, since you'll most likely have to adjust the values for each letter image.

Most ePub designers simply embed special dropcap fonts and apply them to the first letter of a chapter via CSS. If you search the epub forum you'll find many ready-made CSS examples that you can copy and paste.

One good example, is Jerome, Jerome K.: Three Men in a Boat, which uses both images and embedded fonts as dropcaps.
Well, as always...

The big problem is, getting them to work across all devices. Some readers will honor the placement, some, not so much. The vertical spacing is usually the tricky bit; the horizontal placement usually works best. If at all possible, if you can remotely use real letters instead, I'd personally recommend it, but...if it's an experiment, and you just want to play with it, it's a worthwhile exercise. :-)

Hitch
Hitch is offline   Reply With Quote
Old 12-03-2013, 06:32 PM   #17
crutledge
eBook FANatic
crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.
 
crutledge's Avatar
 
Posts: 14,872
Karma: 13391746
Join Date: Apr 2008
Location: Alabama, USA
Device: HP ipac RX5915 Wife's Kindle
Quote:
Originally Posted by Hitch View Post
Well, as always...

The big problem is, getting them to work across all devices. Some readers will honor the placement, some, not so much. The vertical spacing is usually the tricky bit; the horizontal placement usually works best. If at all possible, if you can remotely use real letters instead, I'd personally recommend it, but...if it's an experiment, and you just want to play with it, it's a worthwhile exercise. :-)

Hitch
As ever, Hitch, you are right. I have used two formats to decorate the first character of a chapter. Only the first has been consistant on all devices I have access to and it's an up-cap rather than a drop-cap.

The drop-cap displays very low on the Paperwhite but fine on the other Kindle devices.

I have thought to experiment with glyphs but they seem even more unpredictable. Perhaps I can find a better html call to display the glyphs.

Any criticism will be appreciated.

Code:
.first_letter {
 font-size : 150%;
 font-weight : bold;
/* float:left;*/
 width : 1em;
 color : black;
 }
Code:
span.dropcap {
    float: left;
    font-size: 2.7em;
    line-height: 0.8em;
    margin-right: 3pt;
    margin-bottom: -0.1em;
}
crutledge is offline   Reply With Quote
 
Enthusiast
Old 12-03-2013, 07:51 PM   #18
RbnJrg
Evangelist
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: 439
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
By the way, did you read this thread:

http://www.mobileread.com/forums/sho...d.php?t=212300

It's very interesting and you can adapt all code to also work in ADE.
RbnJrg is offline   Reply With Quote
Old 12-04-2013, 02:48 AM   #19
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,233
Karma: 11710165
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by crutledge View Post
As ever, Hitch, you are right. I have used two formats to decorate the first character of a chapter. Only the first has been consistant on all devices I have access to and it's an up-cap rather than a drop-cap.
Oh, would that it were 'ere so (that I am right, "as ever").
Quote:
The drop-cap displays very low on the Paperwhite but fine on the other Kindle devices.
Yuppperdoodle, as our bookmaker Barb says here at the Factory Grimm. And it usually looks like crap-city on the Kindle for iPad/iPhone, too, in the real world devices. And if that doesn't get you, it will look different yet again on the Cloud Reader. I hate to say it, but BFL's (Big First Letters, boxed with an invisible border, essentially) and RI's (Raised Initials, which I think you're referring to as an "up-cap") are about the only thing that work consistently. When you throw in K7, K8, 10 different devices, different screen resolutions and the lack of an actual vertical spacing control...well, hell.

Quote:
I have thought to experiment with glyphs but they seem even more unpredictable. Perhaps I can find a better html call to display the glyphs.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm.......

Quote:
Any criticism will be appreciated.
Moi? Never.

Quote:
Code:
.first_letter {
 font-size : 150%;
 font-weight : bold;
/* float:left;*/
 width : 1em;
 color : black;
 }
Code:
span.dropcap {
    float: left;
    font-size: 2.7em;
    line-height: 0.8em;
    margin-right: 3pt;
    margin-bottom: -0.1em;
}
The First-Letter has a width set--is that to try to achieve a type of vertical spacing? I think I misunderstand what you're trying to accomplish with the First-Letter class; it looks a bit like a Raised Initial to me, but my inference from your posts is something else. Can you clarify, please?

I think that Dropcap looks relatively correct; I'd have to go look at our own coding for our "standard," which of course, gets tweaked every time, depending on the font. But everybody's Drops are pretty much the same, for the same reasons: only so much you can do with the limitations both in ePUB and in MOBI/K8.

Hitch
Hitch is offline   Reply With Quote
Old 12-04-2013, 10:02 AM   #20
theducks
Grand Sorcerer
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 14,230
Karma: 5495470
Join Date: Aug 2009
Location: The (original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
There are many FREE 'display fonts' available which are simple to use and code as a dropcap. And they reflow fairly well (real short lines can be a PITA with a dropcap)

Images are probably a must if the book is to be converted to a format that does not support font embedding.
theducks is offline   Reply With Quote
Old 12-04-2013, 10:10 AM   #21
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 36,144
Karma: 17161828
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by theducks View Post
There are many FREE 'display fonts' available which are simple to use and code as a dropcap. And they reflow fairly well (real short lines can be a PITA with a dropcap)

Images are probably a must if the book is to be converted to a format that does not support font embedding.
If the format doesn't handle font embedding, it also doesn't handle drop caps (i.e., Mobipocket).
JSWolf is offline   Reply With Quote
Old 12-04-2013, 11:00 AM   #22
theducks
Grand Sorcerer
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 14,230
Karma: 5495470
Join Date: Aug 2009
Location: The (original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
Quote:
Originally Posted by JSWolf View Post
If the format doesn't handle font embedding, it also doesn't handle drop caps (i.e., Mobipocket).

My device is slightly more modern but I was aware there were issues with older devices
I also find it amazing that these still survive use this long. My original PEz developed a cracked trace (only worked with the board on the bench. Mount in the case ) Since the screen had experienced multiple 'pixel craters', I bined it after keeping the, still good battery
theducks is offline   Reply With Quote
Old 12-05-2013, 09:54 AM   #23
crutledge
eBook FANatic
crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.crutledge ought to be getting tired of karma fortunes by now.
 
crutledge's Avatar
 
Posts: 14,872
Karma: 13391746
Join Date: Apr 2008
Location: Alabama, USA
Device: HP ipac RX5915 Wife's Kindle
Many thanks

I have come to the conclusion that dropcap and image is a trade-off between pretty and readable and have decided to stay with the "up-cap" which merely enlarges the first letter and has no indent. There is (for me) no stumble in reading the text.

I thank all who contributed to my education.

I am also thankful that I have no author or publisher hanging over my shoulder.
crutledge is offline   Reply With Quote
Old 12-05-2013, 03:34 PM   #24
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 431
Karma: 360129
Join Date: Jul 2012
Device: Nook
Quote:
Originally Posted by crutledge View Post
I have come to the conclusion that dropcap and image is a trade-off between pretty and readable and have decided to stay with the "up-cap" which merely enlarges the first letter and has no indent. There is (for me) no stumble in reading the text.
That is exactly what we decided to settle on at work.

The "Dropcap" broke on too many readers (not to mention all the different EPUB reading programs out there), so the typesetter decided to nix it (and decided that a simple Raised Cap would still keep with the "spirit of the original").

As long as your code is very cleanly marked (and you are consistent in your usage), it should be EASY AS PIE to change it in the future using CSS.

Here is an example of one of the books I completed last month + screenshots:

Click image for larger version

Name:	Moley,Raymond.-.After.Seven.Years.PDF.png
Views:	44
Size:	56.1 KB
ID:	116262 Click image for larger version

Name:	Moley,Raymond.-.After.Seven.Years.EPUB.png
Views:	42
Size:	80.9 KB
ID:	116263 Click image for larger version

Name:	Moley,Raymond.-.After.Seven.Years.ADE.png
Views:	47
Size:	74.9 KB
ID:	116264 Click image for larger version

Name:	MoleyRaymond.-.After.Seven.Years.Nook.jpg
Views:	46
Size:	172.1 KB
ID:	116265

Quote:
<p class="noindent"><span class="raisedcap">T</span>HIS is a story that began, in so far as it can be said to have an exact beginning, on a dim January day in 1932. Guernsey Cross, the secretary of the Governor, had darted in and out of the cluttered executive office for perhaps the dozenth time in a half hour. The Governor gave an empty dish on his desk a restless push, looked at me earnestly, and said, “Make no mistake about it. I don’t know why anyone would <i>want</i> to be President, with things in the shape they are now.”</p>
CSS:

Code:
.noindent {
	text-indent: 0;
}

span.raisedcap {
	font-size: 2em;
}
So if you wanted a Dropcap in the future, you could easily swap raisedcap CSS -> dropcap CSS.
Attached Files
File Type: epub Moley,Raymond.-.After.Seven.Years[WIP][11.13.2013].epub (1.29 MB, 19 views)

Last edited by Tex2002ans; 12-05-2013 at 03:39 PM.
Tex2002ans 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
AZW3 and dropcaps Jeff L Conversion 9 01-21-2013 09:12 PM
Dropcaps code wanted JSWolf ePub 22 09-19-2012 02:31 AM
CSS / dropcaps Oldpilot Sigil 49 09-17-2012 09:44 AM
Seriously thoughtful The Alphabet GeoffC Lounge 4 08-19-2011 04:33 PM
Dropcaps example in User Manual FAQ jackie_w Calibre 7 10-28-2009 06:52 AM


All times are GMT -4. The time now is 07:35 AM.


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