Page 1 of 3 123 LastLast
Results 1 to 10 of 28
  1. 23-05-2007, 06:54 AM #1
    Epanel
    Epanel is offline Newbie
    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

    Reply With Quote Reply With Quote
  2. 23-05-2007, 08:18 AM #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)
    Reply With Quote Reply With Quote
  3. 23-05-2007, 08:29 AM #3
    Epanel
    Epanel is offline Newbie
    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

    Reply With Quote Reply With Quote
  4. 23-05-2007, 08:32 AM #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
    Reply With Quote Reply With Quote
  5. 23-05-2007, 08:51 AM #5
    Epanel
    Epanel is offline Newbie
    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

    Reply With Quote Reply With Quote
  6. 23-05-2007, 09:01 AM #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.
    Reply With Quote Reply With Quote
  7. 23-05-2007, 02:21 PM #7
    Andys
    Andys is offline Habbox Master
    Join Date
    Feb 2006
    Location
    Sunderland
    Posts
    5,027
    Tokens
    1,306

    Latest Awards:

    17 Year Milestone 5000 Posts
    Total Awards: 2

    Default

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

    Reply With Quote Reply With Quote
  8. 23-05-2007, 03:24 PM #8
    Drompo
    Drompo is offline Greater Member
    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')">

    Reply With Quote Reply With Quote
  9. 23-05-2007, 03:28 PM #9
    Invent
    Invent is offline Habbox Master
    Join Date
    May 2005
    Location
    San Francisco, CA
    Posts
    7,160
    Tokens
    2,331

    Latest Awards:

    18 Year Milestone 5000 Posts 5 Year Milestone
    Total Awards: 4

    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;.
    Reply With Quote Reply With Quote
  10. 23-05-2007, 03:30 PM #10
    Blob
    Blob is offline Banned
    Join Date
    Dec 2006
    Location
    Swindon
    Posts
    3,299
    Tokens
    215
    Habbo
    dunko

    Latest Awards:

    2500 Posts Forum Updates Award Habbox Donator
    Total Awards: 5

    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.

    Reply With Quote Reply With Quote
Page 1 of 3 123 LastLast
« Previous Thread | Next Thread »

Posting Permissions

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

Forum Rules