Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Page 1 of 3 123 LastLast
Results 1 to 10 of 28
  1. #1
    Join Date
    Apr 2007
    Posts
    79
    Tokens
    0

    Default Guide On Doing a Styled Javascript Alert

    Ok Make your website

    2 - Add This To Your Website
    HTML Code:
    <head><style type="text/css">
    #modalContainer {
     background-color:transparent;
     position:absolute;
     width:100%;
     height:100%;
     top:0px;
     left:0px;
     z-index:10000;
     background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
    }
    #alertBox {
     position:relative;
     width:300px;
     min-height:100px;
     margin-top:50px;
     border:2px solid #000;
     background-color:#F2F5F6;
     background-image:url(http://www.habboxforum.com/images/statusicon/thread_hot_new.gif);
     background-repeat:no-repeat;
     background-position:20px 30px;
    }
    #modalContainer > #alertBox {
     position:fixed;
    }
    #alertBox h1 {
     margin:0;
     font:bold 0.9em verdana,arial;
     background-color:#78919B;
     color:#FFF;
     border-bottom:1px solid #000;
     padding:2px 0 2px 5px;
    }
    #alertBox p {
     font:0.7em verdana,arial;
     height:50px;
     padding-left:5px;
     margin-left:55px;
    }
    #alertBox #closeBtn {
     display:block;
     position:relative;
     margin:5px auto;
     padding:3px;
     border:2px solid #000;
     width:70px;
     font:0.7em verdana,arial;
     text-transform:uppercase;
     text-align:center;
     color:#FFF;
     background-color:#78919B;
     text-decoration:none;
    }
    /* unrelated styles */
    #mContainer {
     position:relative;
     width:600px;
     margin:auto;
     padding:5px;
     border-top:2px solid #000;
     border-bottom:2px solid #000;
     font:0.7em verdana,arial;
    }
    h1,h2 {
     margin:0;
     padding:4px;
     font:bold 1.5em verdana;
     border-bottom:1px solid #000;
    }
    code {
     font-size:1.2em;
     color:#069;
    }
    #credits {
     position:relative;
     margin:25px auto 0px auto;
     width:350px; 
     font:0.7em verdana;
     border-top:1px solid #000;
     border-bottom:1px solid #000;
     height:90px;
     padding-top:4px;
    }
    #credits img {
     float:left;
     margin:5px 10px 5px 0px;
     border:1px solid #000000;
     width:80px;
     height:79px;
    }
    .important {
     background-color:#F5FCC8;
     padding:2px;
    }
    code span {
     color:green;
    }
    </style></head>
    3. Add This Somewhere in da code
    HTML Code:
    <script language="JavaScript">
    <!--
    function FP_popUpMsg(msg) {//v1.0
     alert(msg);
    }
    // -->
    </script>
    4. Add an javascript alert

    HTML Code:
    <body onload="FP_popUpMsg('Dats it :D')">

    Made By Epanel Please Do Not Steal!
    I NEED TO GIVE REP TO
    Heinous

    i found a cool Web site ts Stuff
    Click it


  2. #2
    LondonGoons Guest

    Default

    Don't believe you but oh well, ask ---mad--- if you can use forum images.

    or you ripped.
    ( not accusing look at code mods)

  3. #3
    Join Date
    Apr 2007
    Posts
    79
    Tokens
    0

    Default

    i never wanted to rip images u can chage it i jst like dere console image
    I NEED TO GIVE REP TO
    Heinous

    i found a cool Web site ts Stuff
    Click it


  4. #4
    LondonGoons Guest

    Default

    http://www.habboxforum.com/showthread.php?t=355544

    This thread you was asking for help, so why should i believe you made it, you could of got it from another website

  5. #5
    Join Date
    Apr 2007
    Posts
    79
    Tokens
    0

    Default

    I dident say i made the CODE its jst a guide
    I NEED TO GIVE REP TO
    Heinous

    i found a cool Web site ts Stuff
    Click it


  6. #6
    LondonGoons Guest

    Default

    Quote Originally Posted by Epanel View Post
    Ok Make your website

    2 - Add This To Your Website
    HTML Code:
    <head><style type="text/css">
    #modalContainer {
     background-color:transparent;
     position:absolute;
     width:100%;
     height:100%;
     top:0px;
     left:0px;
     z-index:10000;
     background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
    }
    #alertBox {
     position:relative;
     width:300px;
     min-height:100px;
     margin-top:50px;
     border:2px solid #000;
     background-color:#F2F5F6;
     background-image:url(http://www.habboxforum.com/images/statusicon/thread_hot_new.gif);
     background-repeat:no-repeat;
     background-position:20px 30px;
    }
    #modalContainer > #alertBox {
     position:fixed;
    }
    #alertBox h1 {
     margin:0;
     font:bold 0.9em verdana,arial;
     background-color:#78919B;
     color:#FFF;
     border-bottom:1px solid #000;
     padding:2px 0 2px 5px;
    }
    #alertBox p {
     font:0.7em verdana,arial;
     height:50px;
     padding-left:5px;
     margin-left:55px;
    }
    #alertBox #closeBtn {
     display:block;
     position:relative;
     margin:5px auto;
     padding:3px;
     border:2px solid #000;
     width:70px;
     font:0.7em verdana,arial;
     text-transform:uppercase;
     text-align:center;
     color:#FFF;
     background-color:#78919B;
     text-decoration:none;
    }
    /* unrelated styles */
    #mContainer {
     position:relative;
     width:600px;
     margin:auto;
     padding:5px;
     border-top:2px solid #000;
     border-bottom:2px solid #000;
     font:0.7em verdana,arial;
    }
    h1,h2 {
     margin:0;
     padding:4px;
     font:bold 1.5em verdana;
     border-bottom:1px solid #000;
    }
    code {
     font-size:1.2em;
     color:#069;
    }
    #credits {
     position:relative;
     margin:25px auto 0px auto;
     width:350px; 
     font:0.7em verdana;
     border-top:1px solid #000;
     border-bottom:1px solid #000;
     height:90px;
     padding-top:4px;
    }
    #credits img {
     float:left;
     margin:5px 10px 5px 0px;
     border:1px solid #000000;
     width:80px;
     height:79px;
    }
    .important {
     background-color:#F5FCC8;
     padding:2px;
    }
    code span {
     color:green;
    }
    </style></head>
    3. Add This Somewhere in da code
    HTML Code:
    <script language="JavaScript">
    <!--
    function FP_popUpMsg(msg) {//v1.0
     alert(msg);
    }
    // -->
    </script>
    4. Add an javascript alert

    HTML Code:
    <body onload="FP_popUpMsg('Dats it :D')">
    Made By Epanel Please Do Not Steal!


    hmm




    Quote Originally Posted by Epanel View Post
    I dident say i made the CODE its jst a guide
    Off course =/ why claim you made it then, i don't really like making people feel dumb.. but yeah you deserve it.

  7. #7
    Join Date
    Feb 2006
    Location
    Sunderland
    Posts
    5,027
    Tokens
    1,306

    Latest Awards:

    Default

    In the code you are using HabboxForum's images which is stealing bandwidth.
    Stealing bandwidth is illeagal.


  8. #8
    Join Date
    Jul 2006
    Location
    Athens
    Posts
    842
    Tokens
    0

    Default

    How Does that customise it...?
    I can shorten your whole code and get exactly the same
    Code:
     <body onload="alert('Dats it :D')">


  9. #9
    Join Date
    May 2005
    Location
    San Francisco, CA
    Posts
    7,160
    Tokens
    2,331

    Latest Awards:

    Default

    Epanel, sorry but you are useless at coding -_-.

    You have totally misunderstood that code. The CSS has no effect on the alert as the alert function just does "alert(msg)" &#172;_&#172;.

  10. #10
    Join Date
    Dec 2006
    Location
    Swindon
    Posts
    3,299
    Tokens
    215
    Habbo
    dunko

    Latest Awards:

    Default

    Quote Originally Posted by Invent View Post
    Epanel, sorry but you are useless at coding -_-.

    You have totally misunderstood that code. The CSS has no effect on the alert as the alert function just does "alert(msg)" ¬_¬.
    I agree, It wont style it at all.


Page 1 of 3 123 LastLast

Posting Permissions

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