Activity Stream
Quick Links
48,167 MEMBERS
65038 ONLINE
Register Now
besthostingforums On YouTube Subscribe to our Newsletter besthostingforums On Twitter besthostingforums On Facebook besthostingforums On facebook groups

Results 1 to 2 of 2
  1. 31st Dec 2010, 04:26 PM
        
    #1
    desiboy is offline
    OP
    desiboy
    Member

    Thumbs up [Jquery] Visually Appealing Notifications - Happy New Year !




    PHP Code: 
    <html>
    <    head>
    <    title>Jquery- Display Notifications with close option - Desiboy @ besthostingforums.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', arial, serif;
            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


    desiboy Reviewed by desiboy on . [Jquery] Visually Appealing Notifications - Happy New Year ! http://i.imgur.com/qcBdW.png <html> <head> <title>Jquery- Display Notifications with close option - Desiboy @ besthostingforums.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', arial, serif; Rating: 5
    Coding Horror Fan
    I don't read PM's frequently .
    Reply With QuoteRegister To Reply Ping this articlePing

    2.   Sponsored Links

  2. 2nd Jan 2011, 01:58 PM
        
    #2
    Hillside is offline
    Hillside
    Member
    nope, not the same

    Reply With QuoteRegister To Reply
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Happy New Year
    By applekid in forum Introductions
    Replies: 0
    Last Post: 3rd Jan 2012, 12:13 AM
  2. Happy New Year To All Members
    By indianmoviefans.info in forum General Discussion
    Replies: 4
    Last Post: 31st Dec 2011, 09:36 PM
  3. Merry Christmas | Happy Holidays | Happy New Year!
    By MsJacquiiC in forum General Discussion
    Replies: 12
    Last Post: 24th Dec 2011, 01:34 PM
  4. [Linux] Creating Visually Appealing Notifications
    By desiboy in forum Web Development Area
    Replies: 2
    Last Post: 15th Jun 2010, 02:46 PM
  5. Happy New Year From Raven
    By Raven Faust in forum General Discussion
    Replies: 10
    Last Post: 1st Jan 2010, 09:40 PM

Tags for this Thread

BE SOCIAL
FAQ | SITEMAP
Copyright ® 2008 - 2015 besthostingforums.com
Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.
BestHostingForums.com is a great place to learn about Internet Marketing Online, SEO Techniques, Search Engine Marketing and resources for Web Development.