Support » Plugins » New Plugin: Fancy Drop Case Letters

  • TechGnome

    (@techgnome)


    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 - 1 through 15 (of 42 total)
  • john1000

    (@john1000)

    well all great but as i put the code as provided into file and save it as tg-dropcaseletter.php
    di it all by the letter but for me it doesnt show anything.
    its completely dead.

    thomasso

    (@thomasso)

    Well, I just install the plug-in, it took a little effort, but is seems to work fine. My first problem was setting up the background image. Once I activated it the WP-Plugin, I could see the text-letter, but no background image. The problem was in the CSS. So this is what added to show the b-image and alignment over the image in the CSS:
    –note that I had to take out the quote marks (‘ ‘) out of the ulr line, before it would read the image:
    Before: background transparent: url (’tileop2.jpg’):
    So this is what I ended up with… Perhaps the last 3 line are redundent, but it seems to line up the text over the image now.
    .drop-case {
    float: left;
    display: inline;
    background-image: url(tileop2.jpg);
    background-repeat: no-repeat;
    font-family: “Times New Roman”, Times, serif;
    height: 75px;
    width: 80px;
    text-align: center;
    color: #4933CD;
    font-weight: bold;
    font-size: 5em;
    letter-spacing: 0px;
    word-spacing: 75px;
    line-height: 75px;
    }
    I’m going to fiddle with some more: change the image, size and style of the text, etc…
    http://www.thomasso.com

    TechGnome

    (@techgnome)

    john1000 – the only thing I can think of is if you activated the plugin or no.
    if you can, turn it on and let me know, and I’ll take a look at the blog and see if I can spot what’s up.
    Tg

    TechGnome

    (@techgnome)

    In fact it was even easier than I thought. Get the latest version of plugin (0.3) here: http://techgnome.anderson-website.net/posts/2004/07/24/drop-case-letter/
    TG

    J3r0m3

    (@j3r0m3)

    ’tileop2.jpg’ : where do i get this file?

    TechGnome

    (@techgnome)

    UPDATED! Verion 0.4 is now available at at my site. It fixes a MAJOR flaw when multiple tags are at the begining of the post (such as a followed by a … it would cause the script to run until the server cuts the connection.
    Jerome – I got it from here originally: http://www.celtic-clipart.com but feel free to use any graphic you want. That simply was the one I was using at the time.
    In additon to the celtic-clip art site, people have asked me about the letters I now use on my site. I got them here: http://www.iconarchive.com/ just click on the “Decorative Caps” in the left menu.
    TG

    TechGnome

    (@techgnome)

    Sorry, it’s left over from my days of journalism and yearbooking, drop case is the technical term (As opposed to lower casing)… It refers to when you take the init letter, capitalize it, make it over size, then drop it so that the top of the graphic is flsih with the top of the text (that’s where the “drop” comes from…)
    Personaly, it doesn’t bother me what the name is, so “Fancy First Letters” is OK with me…
    TG

    Sorry, it’s left over from my days of journalism and yearbooking, drop case is the technical term (As opposed to lower casing)… It refers to when you take the init letter, capitalize it, make it over size, then drop it so that the top of the graphic is flsih with the top of the text (that’s where the “drop” comes from…)
    All true but if I remember correctly, its Drop-Cap & not Drop-Case. 🙂 Feel free to consult a dictionary or a thesaurus & tell me if I’m wrong. 😉

    TechGnome

    (@techgnome)

    now that you mention it… I think you are right… but what ever….
    Beel – yeah, I haven’t gotten around to fixing that jsut yet. Oddly enough, what you used your $preLetter for, I simply included as part of $imageFolder: $imageFolder = ‘/wp-images/dc-images/cheswick/chis_’; 6 of one, half-dozen of another.
    TG

    thomasso

    (@thomasso)

    Well version 4 seems to be working out OK. I did make some other adjustments however, nothing to the PHP file, I made numbers also becuase I have some posts that start off with that. It was just a matter of making them and calling them 1.jpg, 2.jpg….
    One thing that I did notice that seems to make a little difrence speed whys, was cutting the name of the imgae file to just the cap. letter, i.e. “A.jpg, B.jpg” and so forth instead of “char_A.jpg”. Glad to see it listed in the Word Press Wiki anyway.

    danithew

    (@danithew)

    “Drop-caps” will bring up numerous results in a google-search. I also found another synonym that seemed to work: “initial caps”

    Anonymous

    When the post is a password protected entry, the images is broken and named as .gif only

    TechGnome

    (@techgnome)

    Hrmmmm….. I’ll have to look into that as well.
    Thanks for the heads up.
    TG

    I got the following error: Warning: Cannot modify header information – headers already sent by (output started at /wp-content/plugins/tg-dropcaseletter.php:71) in wp-login.php on line 257 when I tried to make a post after using the plugin. Then I couldn’t login at all because it failed on the error above.

    Open the file tg-dropcaseletter.php. There should be no spaces or enters after the final closing ?> at the very end. If you can put your cursor on the line below it, delete that line. That’s typically what the problem is.
    TG

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