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 > [http://oi48.tinypic.com/70xr4n.jpg](http://oi48.tinypic.com/70xr4n.jpg “http://oi48.tinypic.com/70xr4n.jpg”)
    -OR-
    [http://i48.tinypic.com/70xr4n.jpg](http://i48.tinypic.com/70xr4n.jpg “http://i48.tinypic.com/70xr4n.jpg”)

    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 > http://codepen.io/pen/

    Looking forward to hear from you all
    Thanks in advance

    IamWebDeveloper

    # 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

    [http://codepen.io/anon/pen/FGIlm](http://codepen.io/anon/pen/FGIlm “http://codepen.io/anon/pen/FGIlm”)

    # April 10, 2013 at 5:42 am

    .topribbon {
    position: absolute;
    top: -10px;
    left: 0px;
    background: url(‘http://oi50.tinypic.com/2hx7vp5.jpg’);
    background-repeat: no-repeat;
    }

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".