• mulberry

    (@mulberry)


    someone may be interested in drop caps. I suggest a way using quicktags to do this.
    firstly, add this to your style sheet:
    #fp:first-letter {
    font-size : 300%;
    font-weight : bold;
    float : left;
    margin-right: 3px;
    }
    add following code to file /wp-admin/quicktags.js, put them among “edButtons”
    edButtons[edButtons.length] =
    new edButton('ed_capdrop'
    ,'CapDrop'
    ,'<p id="fp">'
    ,''
    ,'c'
    );

    then you will see a CapDrop quicktag in your edit window.
    That’s it.
    Example here
    hope someone can make it a plugin.

Viewing 9 replies - 1 through 9 (of 9 total)
  • carthik

    (@carthik)

    Adding that to quicktags.js using a plugin won’t be easy. A plugin could be written, albeit using a different method.
    But that said, this seems to be a good solution! Thanks for sharing it with us.

    davidchait

    (@davidchait)

    I have a method for CHAITGEAR that should be able to translate into a plugin at some point, assuming there’s no tags at the start of the content (I’d have to add significant enhancements to move past all tags and find the first character…). It’ll be another week or two before I can get back to it…
    d

    Actualy, David, it’s not as bad as you think it is. Check the first character, if it is a < then simply skip over until you find the matching >… then check the next letter after that, repeat until it isn’t a < at least that’s what I’ve done in mine. The only problem now is when the post starts off with an image….
    TG

    Or a blockquote 😉

    oooooh, good catch, as I do that myself some times….. hmm…. gives me something to think about…..
    TG

    Hi

    I have tried to use DropCap on the site at http://www.swmug.co.uk/ but it doesn’t work. Does it work on 1.5 please? And if so any ideas what I might have done wrong?

    Thanks

    Rich

    Hi All

    I found it. It shows up as a quicktag box in editing page/post. You place the cursor at the start of the paragraph you want the drop cap to be and then place the cursor at the end of the paragraph and close the drop cap.

    Hope that helps.

    Rich

    Skauss

    (@bladerunn3r)

    Hello everybody!
    Printf has created a plugin for drops caps, you can get it at
    http://www.printfhelloworld.com/wordpress-plugin-big-first-character.html

    I added some more css to make it consistent in both firefox and explorer.
    P.BigFirst:first-letter {
    color: white;
    font-size: 4em;
    font-family:times;
    font-weight:bold;
    float:left;
    padding: 6px;
    margin:0 5px 0 0;
    display:block;
    border:2px solid #ffa729;
    line-height:1em;
    background-color:#ffa729;
    }

    See an example at my blog http://www.skauss.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘drop caps’ is closed to new replies.