1. desiboy

    desiboy New Member Member

    Oct 31, 2008
    1,544
    [SLIDE]http://i.imgur.com/qcBdW.png[/SLIDE]


    PHP:
    <html>
    <
    head>
    <
    title>JqueryDisplay Notifications with close option Desiboy wjunction.com</title>
    <
    link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
    <
    style type="text/css">
    #notify {
        
    font-family'Droid Sans'arialserif;
        
    position:fixed;
        
    top:0px;
        
    left:0px;
        
    width:100%;
        
    z-index:105;
        
    text-align:center;
        
    font-weight:normal;
        
    font-size:100%;
        
    color:#000;
        
    background-color:#66615E;
        
    padding:5px;
    }
    #notify span.close {
        
    border:2px solid #FFF;
        
    padding:0 5px;
        
    cursor:pointer;
        
    float:right;
        
    margin-right:10px;
    }
    #notify a {
        
    color:white;
        
    text-decoration:none;
        
    font-weight:bold
    }
    </
    style>
    <
    script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
    $(document).ready(function () { 
        $("#notify").fadeIn("slow");
        $(".close").click(function(){
        $("#notify").fadeOut("slow");
        });
    });
    </script>
    </head>
    <body>
    <div id="notify" style="display: none;">
    CDNPIC Wishes All It's Users A HAPPY NEW YEAR 2011 !
     <span class="close"><a title="dismiss this notification">x</a></span>
    </div>
    </body>
    </html>
    PS : you can find similar notifications on popular site stack overflow ;)


    <3
     
  2. Hillside

    Hillside New Member Member

    Oct 13, 2010
    1,535
    nope, not the same :(

    [slide]http://pokit.etf.ba/get/5d5fd8fa83ebca2dd56559bb6a666908.jpg[/slide]
     

Share This Page