Support » Plugins » New Plugin: Fancy Drop Case Letters

  • I got fancy drop case letters on my site (woo-hoo). I did by creating a plugin. I’m making it available in case anyone else would like to give it a go. It’s straight forward and easy. Just add the plugin, activate it, update your CSS file, and you are good to go.
    TG

Viewing 15 replies - 16 through 30 (of 42 total)
  • Cantello

    (@cantello)

    Any idea on how to achieve lined-up drop-caps with the rest of the text for several browsers? Currently I manage to get lined-up caps with firefox with the abovestanding CSS snippet, but in IE the caps are still above the rest of the text.
    Any ideas?

    TechGnome

    (@techgnome)

    Are you using images for the drop case?
    If so, you may want to pare-down the CSS for the drop case to the following:
    .drop-case {
    float: left;
    padding: 0 5px 0 0;
    }
    If you are using straight text and CSS, post a link (if yo ucan) and I’ll take a look and see what I might be able to do.
    TG

    The problem of t.gif vs T.gif is a server issue, some servers are case sensitive, others not. It should be a simple fix, which at this point I haven’t implemented yet (along with a number of other items.) I’ve been snowed under by other projects so this has gotton put aside. The fix would be a simple strtolower() on the initial letter variable as it is added to the directory and the file extention.
    Edit the plugin, find the line where it displays the image:

    if ($showImage) {
    $firstLetter = "<img src='".$imageFolder.$firstLetter.$imgExt."' alt='".$firstLetter."' title='Drop Case Letter - ".$firstLetter."' />";
    }

    Add strtolower as the src attribute is built

    if ($showImage) {
    $firstLetter = "<img src='".$imageFolder.strtolower($firstLetter).$imgExt."' alt='".$firstLetter."' title='Drop Case Letter - ".$firstLetter."' />";
    }

    That should fix the case sensitivity problem.
    TG

    Any way to dont use the IMAGES?

    yeeeesss…. it’s in the file. There’s an option $useImage set it to False… then add an entry into your CSS file, similar to thomasso’s here: http://wordpress.org/support/10/9704#post-58155 — it this thread, but his post is back up at the top. When I originaly wrote it, I was using just the CSS, but then i found the imaged I’m using and converted it over.
    TG

    Why a div as the containing element instead of a span? Using a div will seperate the first letter from the rest of the content when styles are disabled (or not supported). span, being an inline element, doesn’t have this side effect. And if for some reason the drop cap needs to be displayed as a block level element, there’s always:
    display: block;
    I’ve modified the plugin to use a span; it works great.

    In all honesty, it’s because I’m not a big fan of spans – hacve had probs w/ using them in the past, but the point is well taken.
    Tg

    Was the plain font issue resolved?, I would like to use the plugin with plain regular font but unfortunately the first letter is not aligned with the rest of the text, any idea?

    here’s what I use in my CSS, and it works fine for me:

    .drop-case {
    font-weight: bold;
    font-size: x-large;
    color: #bc0707;
    float: left;
    }

    If it doesn’t work, you can try playing with the CSS or try rmack005’s version with the span.
    Tg

    Thanks TG – I think the way it looks is probably the best I can get – unless you have another suggestion – results can be seen at http://www.origenes.info
    Thanks Again – very nice plugin!

    Apparently the firtst letter alings correctly whne you use FireFox, for IE is above the rest of the text.

    Please help me out!
    I believe something went wrong after I install the plugin … now I cannot login in to the Admin section.
    any ideas?

    Mark (podz)

    (@podz)

    Support Maven

    Use ftp, and delete the plugin.
    You should then be able to login to your blog.

    Thanks for the FTP tip, i got it fixed.

    Apparently the firtst letter alings correctly whne you use FireFox, for IE is above the rest of the text.

    That would seem to make sense (??)… IE is notorious for not getting it quite right.
    Tg

Viewing 15 replies - 16 through 30 (of 42 total)
  • The topic ‘New Plugin: Fancy Drop Case Letters’ is closed to new replies.