Сайта е в процес на разработка

Автор: 088777_

Здравейте. В този урок ще Ви покажа как да си направите хубава страница „Сайта е в процес на разработка“, без да махате самата страница и да слагате този текст на нейно място, но знайте, че това е първия ми урок! Надявам да Ви хареса резултата :).

Нужно е да изтеглите картинките.

Картинки:
http://wildbeast-demos.hit.bg/bgpic.png
http://wildbeast-demos.hit.bg/blank.png

Сега да започнем с CSS кода:

#error {
position: absolute;
top:0;
left:0;
display:normal;
z-index:5555;
width:100%;
height:100%;
background: url('blank.png');
}
#bgt {
width: 200px;
height: 60px;
position: absolute;
overflow:hidden;
z-index:6666;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -90px;
padding-top:10px;
padding-bottom:8px;
border: 0;
background: url('bgpic.png');
}
#atext {
color: #000;
text-align: center;
padding-left: 60px;
padding-top: 15px;
*margin-top: 25px; /* Това е специално за IE */
*margin-left: 40px; /* Това е специално за IE */
}

А сега и кода, който изкарва този текст „Сайта е в процес на разработка.“ над всичко в страницата Ви:

<div id="error"></div>
<div align="center" id="bgt">
<table border="0" id="atext">
<tr><td>Сайта е в процес на разработка.</td></tr>
</table>
</div>

ВАЖНО!: Задължително поставете този код в началото на тага!

Урока е авторски и забранявам преписването му в други сайтове/форуми!