New Topic
Results 1 to 2 of 2

Thread: [Jquery] Visually Appealing Notifications - Happy New Year !

  1. desiboy's Avatar
    • My Statistics
    #1
    31st Dec 2010, 04:26 PM



    PHP Code:
    <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&#37;;
        
    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


    Coding Horror Fan
    I don't read PM's frequently .

  2. Hillside's Avatar
    • My Statistics
    #2
    2nd Jan 2011, 01:58 PM
    nope, not the same


Similar Threads

  1. [Linux] Creating Visually Appealing Notifications
    By desiboy in forum Development Area - Archive
    Replies: 2
    Last Post: 15th Jun 2010, 03:46 PM
  2. Happy New Year From Raven
    By Raven Faust in forum General Discussion - Archive
    Replies: 10
    Last Post: 1st Jan 2010, 09:40 PM
  3. HINT: Visually view a mysql table
    By litewarez in forum Tutorials and Guides - Archive
    Replies: 1
    Last Post: 22nd May 2009, 03:30 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •