Reply to thread

Message

<blockquote data-quote="GangnamStyle" data-source="post: 159088" data-attributes="member: 11281">Using C++ For Application Forms, and Some other features, Just made a Maintaince Page, took 5minutes;&nbsp;[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;Sorry Guys, Its Maintenance Time!&lt;/title&gt;&lt;link href=&quot;blue.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;.numbers {&nbsp; &nbsp; border-style: ridge;&nbsp; &nbsp; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */&nbsp; &nbsp; border-width: 2px;&nbsp; &nbsp; border-color: #666666;&nbsp; /* change the border color using the hexadecimal color codes for HTML */&nbsp; &nbsp; background: #222222;&nbsp; &nbsp; /* change the background color using the hexadecimal color codes for HTML */&nbsp; &nbsp; padding: 2px 0px;&nbsp; &nbsp; width: 55px;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; font-family: Arial;&nbsp; &nbsp; font-size: 28px;&nbsp; &nbsp; font-weight: bold;&nbsp; &nbsp; /* options are normal, bold, bolder, lighter */&nbsp; &nbsp; font-style: normal;&nbsp; /* options are normal or italic */&nbsp; &nbsp; color: #FFFFFF;&nbsp; &nbsp; &nbsp; /* change color using the hexadecimal color codes for HTML */}.title {&nbsp; &nbsp; /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */&nbsp; &nbsp; border: none;&nbsp;&nbsp; &nbsp; &nbsp; padding: 0px;&nbsp; &nbsp; width: 55px;&nbsp; &nbsp; text-align: center;&nbsp; &nbsp; font-family: Arial;&nbsp; &nbsp; font-size: 10px;&nbsp; &nbsp; font-weight: normal;&nbsp; /* options are normal, bold, bolder, lighter */&nbsp; &nbsp; color: #DDDDDD;&nbsp; &nbsp; &nbsp; /* change color using the hexadecimal color codes for HTML */&nbsp; &nbsp; background: transparent;&nbsp; &nbsp; /* change the background color using the hexadecimal color codes for HTML */}#table {&nbsp; &nbsp; width: 400px;&nbsp; &nbsp; border: groove;&nbsp; &nbsp; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */&nbsp; &nbsp; margin: 0px auto;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; /* leave as &quot;relative&quot; to keep timer centered on your page, or change to &quot;absolute&quot; then change the values of the &quot;top&quot; and &quot;left&quot; properties to position the timer */&nbsp; &nbsp; top: 0px;&nbsp; &nbsp; &nbsp; &nbsp; /* change to position the timer */&nbsp; &nbsp; left: 0px;&nbsp; &nbsp; &nbsp; &nbsp; /* change to position the timer; delete this property and it's value to keep timer centered on page */}&lt;/style&gt;&nbsp;&lt;script type=&quot;text/javascript&quot;&gt;&nbsp;&nbsp;var current=&quot;We Should Be Up !!!!&quot;;&nbsp; //--&gt;enter what you want the script to display when the target date and time are reached, limit to 20 charactersvar year=2012;&nbsp; &nbsp; //--&gt;Enter the count down target date YEARvar month=12;&nbsp; &nbsp; &nbsp; //--&gt;Enter the count down target date MONTHvar day=13;&nbsp; &nbsp; &nbsp; //--&gt;Enter the count down target date DAYvar hour=00;&nbsp; &nbsp; &nbsp; //--&gt;Enter the count down target date HOUR (24 hour clock)var minute=00;&nbsp; &nbsp; //--&gt;Enter the count down target date MINUTEvar tz=-0;&nbsp; &nbsp; &nbsp; &nbsp; //--&gt;Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)&nbsp;//&nbsp; &nbsp; DO NOT CHANGE THE CODE BELOW!var montharray=new Array(&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;);&nbsp;function countdown(yr,m,d,hr,min){&nbsp; &nbsp; theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;&nbsp; &nbsp; var today=new Date();&nbsp; &nbsp; var todayy=today.getYear();&nbsp; &nbsp; if (todayy &lt; 1000) {todayy+=1900;}&nbsp; &nbsp; var todaym=today.getMonth();&nbsp; &nbsp; var todayd=today.getDate();&nbsp; &nbsp; var todayh=today.getHours();&nbsp; &nbsp; var todaymin=today.getMinutes();&nbsp; &nbsp; var todaysec=today.getSeconds();&nbsp; &nbsp; var todaystring1=montharray[todaym]+&quot; &quot;+todayd+&quot;, &quot;+todayy+&quot; &quot;+todayh+&quot;:&quot;+todaymin+&quot;:&quot;+todaysec;&nbsp; &nbsp; var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);&nbsp; &nbsp; var futurestring1=(montharray[m-1]+&quot; &quot;+d+&quot;, &quot;+yr+&quot; &quot;+hr+&quot;:&quot;+min);&nbsp; &nbsp; var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));&nbsp; &nbsp; var dd=futurestring-todaystring;&nbsp; &nbsp; var dday=Math.floor(dd/(60*60*1000*24)*1);&nbsp; &nbsp; var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);&nbsp; &nbsp; var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);&nbsp; &nbsp; var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);&nbsp; &nbsp; if(dday&lt;=0&amp;&amp;dhour&lt;=0&amp;&amp;dmin&lt;=0&amp;&amp;dsec&lt;=0){&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('count2').innerHTML=current;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('count2').style.display=&quot;block&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('count2').style.width=&quot;390px&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dday').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dhour').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dmin').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dsec').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('days').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('hours').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('minutes').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('seconds').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('spacer1').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('spacer2').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('count2').style.display=&quot;none&quot;;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dday').innerHTML=dday;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dhour').innerHTML=dhour;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dmin').innerHTML=dmin;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('dsec').innerHTML=dsec;&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(&quot;countdown(theyear,themonth,theday,thehour,theminute)&quot;,1000);&nbsp; &nbsp; }}&lt;/script&gt;&nbsp;&lt;/head&gt;&nbsp;&lt;body bgcolor=&quot;#CCCCCC&quot;&gt;&lt;table id=&quot;table&quot; border=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; colspan=&quot;6&quot;&gt;&lt;div class=&quot;numbers&quot; id=&quot;count2&quot; style=&quot;padding: 10px; &quot;&gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&nbsp; &nbsp; &lt;tr id=&quot;spacer1&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; &gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;numbers&quot; id=&quot;dday&quot;&gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;numbers&quot; id=&quot;dhour&quot;&gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;numbers&quot; id=&quot;dmin&quot;&gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;numbers&quot; id=&quot;dsec&quot;&gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; &gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&nbsp; &nbsp; &lt;tr id=&quot;spacer2&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; &gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; id=&quot;days&quot;&gt;Days&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; id=&quot;hours&quot;&gt;Hours&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; id=&quot;minutes&quot;&gt;Minutes&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; id=&quot;seconds&quot;&gt;Seconds&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td align=&quot;center&quot; &gt;&lt;div class=&quot;title&quot; &gt;&lt;/div&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;&lt;/table&gt;&nbsp;&lt;/body&gt;&nbsp;&lt;p&gt;&lt;center&gt; &lt;font size=&quot;+5&quot; color=&quot;#333333&quot;&gt; We're Currently Down for maintenance! &lt;/font&gt;&lt;/center&gt;&lt;center&gt; If all goes well we will be up in the time above! &lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;&lt;center&gt;&lt;strong&gt;What's coming new?!!&lt;/strong&gt;&lt;/center&gt;&lt;/h3&gt;&lt;br /&gt;&lt;p&gt;Union Will be bringing in a new topic, what will include:&lt;br /&gt;&lt;li&gt;&lt;a href=&quot;/socal&quot;&gt;Social Networking&lt;/a&gt;&lt;a href=&quot;/forum&quot;&gt;Fourm&lt;/a&gt;&lt;a href=&quot;/billing&quot;&gt;Billing&lt;/a&gt;&lt;a href=&quot;/shop&quot;&gt;Shop&lt;/a&gt;&lt;a href=&quot;/code&quot;&gt;Coding Development&lt;/a&gt;&lt;a href=&quot;/habbo&quot;&gt;Habbo Retro&lt;/a&gt;&lt;/li&gt;&lt;p&gt;And a &lt;b&gt;LOT&lt;/b&gt;more coming to Union,&lt;br /&gt; Please wait for the meanwhile&lt;/p&gt;&lt;center&gt;&lt;body onload=&quot;countdown(year,month,day,hour,minute)&quot;/&gt;&lt;/center&gt;&lt;center&gt; &lt;img src=&quot;http://adamholidays.com/under-maintenance.gif&quot;/&gt;&lt;/html&gt;[/HTML]</blockquote>

[QUOTE="GangnamStyle, post: 159088, member: 11281"] Using C++ For Application Forms, and Some other features, Just made a Maintaince Page, took 5minutes; [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sorry Guys, Its Maintenance Time!</title> <link href="blue.css" type="text/css" rel="stylesheet" /> .numbers { border-style: ridge; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */ border-width: 2px; border-color: #666666; /* change the border color using the hexadecimal color codes for HTML */ background: #222222; /* change the background color using the hexadecimal color codes for HTML */ padding: 2px 0px; width: 55px; text-align: center; font-family: Arial; font-size: 28px; font-weight: bold; /* options are normal, bold, bolder, lighter */ font-style: normal; /* options are normal or italic */ color: #FFFFFF; /* change color using the hexadecimal color codes for HTML */ } .title { /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */ border: none; padding: 0px; width: 55px; text-align: center; font-family: Arial; font-size: 10px; font-weight: normal; /* options are normal, bold, bolder, lighter */ color: #DDDDDD; /* change color using the hexadecimal color codes for HTML */ background: transparent; /* change the background color using the hexadecimal color codes for HTML */ } #table { width: 400px; border: groove; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */ margin: 0px auto; position: relative; /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */ top: 0px; /* change to position the timer */ left: 0px; /* change to position the timer; delete this property and it's value to keep timer centered on page */ } </style> <script type="text/javascript"> var current="We Should Be Up !!!!"; //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters var year=2012; //-->Enter the count down target date YEAR var month=12; //-->Enter the count down target date MONTH var day=13; //-->Enter the count down target date DAY var hour=00; //-->Enter the count down target date HOUR (24 hour clock) var minute=00; //-->Enter the count down target date MINUTE var tz=-0; //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location) // DO NOT CHANGE THE CODE BELOW! var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); function countdown(yr,m,d,hr,min){ theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min; var today=new Date(); var todayy=today.getYear(); if (todayy < 1000) {todayy+=1900;} var todaym=today.getMonth(); var todayd=today.getDate(); var todayh=today.getHours(); var todaymin=today.getMinutes(); var todaysec=today.getSeconds(); var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec; var todaystring=Date.parse(todaystring1)+(tz*1000*60*60); var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min); var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60)); var dd=futurestring-todaystring; var dday=Math.floor(dd/(60*60*1000*24)*1); var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1); var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1); var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1); if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){ document.getElementById('count2').innerHTML=current; document.getElementById('count2').style.display="block"; document.getElementById('count2').style.width="390px"; document.getElementById('dday').style.display="none"; document.getElementById('dhour').style.display="none"; document.getElementById('dmin').style.display="none"; document.getElementById('dsec').style.display="none"; document.getElementById('days').style.display="none"; document.getElementById('hours').style.display="none"; document.getElementById('minutes').style.display="none"; document.getElementById('seconds').style.display="none"; document.getElementById('spacer1').style.display="none"; document.getElementById('spacer2').style.display="none"; return; } else { document.getElementById('count2').style.display="none"; document.getElementById('dday').innerHTML=dday; document.getElementById('dhour').innerHTML=dhour; document.getElementById('dmin').innerHTML=dmin; document.getElementById('dsec').innerHTML=dsec; setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000); } } </script> </head> <body bgcolor="#CCCCCC"> <table id="table" border="0"> <tr> <td align="center" colspan="6"><div class="numbers" id="count2" style="padding: 10px; "></div></td> </tr> <tr id="spacer1"> <td align="center" ><div class="title" ></div></td> <td align="center" ><div class="numbers" id="dday"></div></td> <td align="center" ><div class="numbers" id="dhour"></div></td> <td align="center" ><div class="numbers" id="dmin"></div></td> <td align="center" ><div class="numbers" id="dsec"></div></td> <td align="center" ><div class="title" ></div></td> </tr> <tr id="spacer2"> <td align="center" ><div class="title" ></div></td> <td align="center" ><div class="title" id="days">Days</div></td> <td align="center" ><div class="title" id="hours">Hours</div></td> <td align="center" ><div class="title" id="minutes">Minutes</div></td> <td align="center" ><div class="title" id="seconds">Seconds</div></td> <td align="center" ><div class="title" ></div></td> </tr> </table> </body> <center> We're Currently Down for maintenance! </center> <center> If all goes well we will be up in the time above! </center> <h3><center>What's coming new?!!</center></h3> Union Will be bringing in a new topic, what will include: <li> <a href="/socal">Social Networking</a> <a href="/forum">Fourm</a> <a href="/billing">Billing</a> <a href="/shop">Shop</a> <a href="/code">Coding Development</a> <a href="/habbo">Habbo Retro</a> </li> And a LOTmore coming to Union, Please wait for the meanwhile <center> <body onload="countdown(year,month,day,hour,minute)"/> </center> <center> <img src="http://adamholidays.com/under-maintenance.gif"/> </html>[/HTML] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members