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

  1. pineapplemike
    Posted 10 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?


  2. Joebar
    Posted 10 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
    Posted 10 years ago #

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

  4. pineapplemike
    Posted 10 years ago #

    oh i got it:

    <div class="boxborder">

    but the borders aren't rounded.


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

  5. Michael Bishop

    Posted 10 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
    Posted 10 years ago #

    oh that's it...thanks alot.

  7. iand
    Posted 10 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 10 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
    Posted 10 years ago #

    Isn't this a blockquote?

  10. Michael Bishop

    Posted 10 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


No tags yet.