Treehouse: Grow your CSS skills. Land your dream job.

Modal Box CSS Style

  • # April 10, 2013 at 5:01 am

    Hello All.

    I have a query and i need your help.

    I want Modal Box Dialog box with design like this > []( “”)
    []( “”)

    I want that top ribbon to come out from back and I want title on same.

    I am ready to use image, but don’t know how to position this correctly !
    Else full CSS ribbon will be the best.

    Online editor will be best for use >

    Looking forward to hear from you all
    Thanks in advance


    # April 10, 2013 at 5:20 am

    At the very least try and put some code together in Codepen for us to assist you.

    We’re not here to do it all for you.

    # April 10, 2013 at 5:42 am

    []( “”)

    # April 10, 2013 at 5:42 am

    .topribbon {
    position: absolute;
    top: -10px;
    left: 0px;
    background: url(‘’);
    background-repeat: no-repeat;

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.