WordPress.org

Ready to get started?Download WordPress

Forums

Is this a plug in - shaded box for quotes (10 posts)

  1. pineapplemike
    Member
    Posted 8 years ago #

    i'm trying to see how this guy did this...on this page he describes what coding is for this plug in.

    i want to get that curved box that is shaded i different color.

    i want to do that on my blog, can you help me out? is this coding, a plug in?

    http://www.coldforged.org/spelling-checker-plugin-for-wordpress/

  2. Joebar
    Member
    Posted 8 years ago #

    It's css. Play with your code/quote class in your css file:

    This is what he's using for that rounded corner box --

    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px 8px 18px 8px;
    margin: 0;
    width: 420px;
    overflow: auto;

    If you have firefox, get the web developer extension -- it's great for realtim experimenting with stuff like this.

  3. pineapplemike
    Member
    Posted 8 years ago #

    sorry this is dumb question but, i updated my css, now how do i call it for use?

  4. pineapplemike
    Member
    Posted 8 years ago #

    oh i got it:

    <div class="boxborder">

    but the borders aren't rounded.

    http://amytoons.com/blog/seeds/cucumbers/cucumber-big-king-075/

    also, is there something i can do so that my text doesn't run over the picture on the right?

  5. Michael Bishop

    Posted 8 years ago #

    your css only calls "radius" the css quoted from Coldforged's site calls for "moz-border-radius".
    Bare in mind that IE users won't see the rounded corner, I don't believe.
    The issue of the box extending is the fact that you are calling for it to be 480 px. There's no way to "wrap" that around the photo. You may want to cut it down to 290px, and work from there.

  6. pineapplemike
    Member
    Posted 8 years ago #

    oh that's it...thanks alot.

  7. iand
    Member
    Posted 8 years ago #

    If you delete the width declaration, the box should size to fit (you will probably need some extra padding round your images though as otherwise your rounded box will touch it.

  8. Michael Bishop

    Posted 8 years ago #

    Just curious, why do you have a ML Design link in your footer to a yahoo page that's non-existant, however you're using a theme by Becca Wei http://beccary.com ?

  9. ian2
    Member
    Posted 8 years ago #

    Isn't this a blockquote?

  10. Michael Bishop

    Posted 8 years ago #

    It could be a block quote, but it's a css styling that can be used anywhere to offset some text. But the style could be set to the blockquote, and then your block quote in Mozilla based browsers would see the rounded corners.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.