Baby Patches Quoteblock Designs

    Below are some designs for your quotebox. Please refer to ADDING A "QUOTE BOX" TO YOU BLOG post for instructions on how to use these designs as you blog's quotebox. The codes for the items are at the end of the post.

    This is a sample quotebox...

~Blue Baby Patch

    This is a sample quotebox...

~Pink Baby Patch

    This is a sample quotebox...

~Green Baby Patch

    This is a sample quotebox...

~Yellow Baby Patch

    Baby Patches Quoteblock Desgins has a light background color and bordered with stitch looking design. It is ideal for blogs that has a light color palette. Note, the round corners will not work if the viewers browser does not support CSS3.

Please choose a design below and click the link to show or hide the code.
Blue Baby Patch Code

Blue Baby Patch
Code:

quoteblock{
    width: 230px;
    height: auto;
    background: #D1EBFF url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZuf-t04q1vdsc0g0i18f8NLtyIER4riAMTuwa2ElfjPNSu4OieptFe2p4VxJ0mJbotGVOI3OXuudbITiwqOmWAqJZDg9Le9NJ0S3R5vCe6YMqh7mBC3wYBWpggM_X1zTpkLjjhk5E0Y/s1600/Quote.png') no-repeat;
    background-position: 5px 5px;
    padding: 10px 10px 10px 50px;
    display: block;
    border: 2px dashed #0099ff;
    border-radius: 10px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 5px;
}

Pink Baby Patch Code

Pink Baby Patch
Code:

quoteblock{
    width: 230px;
    height: auto;
    background: #FFC9F7 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZuf-t04q1vdsc0g0i18f8NLtyIER4riAMTuwa2ElfjPNSu4OieptFe2p4VxJ0mJbotGVOI3OXuudbITiwqOmWAqJZDg9Le9NJ0S3R5vCe6YMqh7mBC3wYBWpggM_X1zTpkLjjhk5E0Y/s1600/Quote.png') no-repeat;
    background-position: 5px 5px;
    padding: 10px 10px 10px 50px;
    display: block;
    border: 2px dashed #FF7CED;
    border-radius: 10px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 5px;
}

Green Baby Patch Code

Green Baby Patch
Code:

quoteblock{
    width: 230px;
    height: auto;
    background: #C9FFE6 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZuf-t04q1vdsc0g0i18f8NLtyIER4riAMTuwa2ElfjPNSu4OieptFe2p4VxJ0mJbotGVOI3OXuudbITiwqOmWAqJZDg9Le9NJ0S3R5vCe6YMqh7mBC3wYBWpggM_X1zTpkLjjhk5E0Y/s1600/Quote.png') no-repeat;
    background-position: 5px 5px;
    padding: 10px 10px 10px 50px;
    display: block;
    border: 2px dashed #34EF92;
    border-radius: 10px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 5px;
}

Yellow Baby Patch Code

Yellow Baby Patch
Code:

quoteblock{
    width: 230px;
    height: auto;
    background: #FFF6D3 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZuf-t04q1vdsc0g0i18f8NLtyIER4riAMTuwa2ElfjPNSu4OieptFe2p4VxJ0mJbotGVOI3OXuudbITiwqOmWAqJZDg9Le9NJ0S3R5vCe6YMqh7mBC3wYBWpggM_X1zTpkLjjhk5E0Y/s1600/Quote.png') no-repeat;
    background-position: 5px 5px;
    padding: 10px 10px 10px 50px;
    display: block;
    border: 2px dashed #F7CE00;
    border-radius: 10px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 5px;
}