Website Construction - HostV Community

Ian · #1 (**permalink**) 05-21-2009, 06:50 PM

Our site is up, however we still have some major changes to make. Is there any way to block it from being accessed until we are completely ready for it to be?
We were also considering putting up a "site under construction" page too, but are not quite sure how to do that, either. Do you have any suggestions?

bdh734 · #2 (**permalink**) 05-22-2009, 01:04 AM

You can add the following to .htaccess

Code:

DirectoryIndex construction.html

Then use your construction.html. When done, just remove the line from .htaccess

Here is a nice and simple html under construction that I made. Screenshot is attached.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-gb" xml:lang="en-gb">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="en-gb" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>I'm New......</title>

<style type="text/css">
    * {
        padding: 0;
            margin: 0;
            }
            
                body, html {
                    height: 100%;
                        overflow: auto;
                        
                        }
                        
                            body {
                                font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
                                    font-size: 16px;
                                        text-align: center;
                                        }
                                        
                                        
        #page {
        width: 600px;
        height: 340px;
        border: 1px solid #DDD;
        background-color: #EEE;
        padding: 20px;
        margin: 0 auto;
        text-align: left;
        line-height: 28px;
        clear: left;
    }
                                        
        h1 {
        font-size: 38px;
        line-height: 56px;
        }
                                                        
    #distance {
        float: left;
        height: 50%;
        margin-top: -190px;
        width: 1px;
    }
                                                                            
    p {
        margin-bottom: 1em;
        }
        
            p.last {
                marfin: 0;
                }
                
                    a {
                        color: #0000FF;
                        }
                            a:hover {
                                color: #FF0000;
                                }
                                
</style>
</head>
<body>
    <div id="distance"></div>
    <div id="page">
        <h1>Hey There....I am a new site!</h1>
        <p>Powering Up Very Soon</p>

        <p>Since I am a new site, my owner is currently working on me.</p>
        <p>Please try back later and perhaps I will be done.</p>
        <P>Thanks :)<P>
    <p class="last">--Server Welcome Team</p>
    </div>
</body>
</html>