PHP

Декорации

Осталось навесить на готовый движок оформление. Возьмем уже сделанный шаблон, отряхнем от пыли и немножко подправим. Вынесем всю таблицу стилей в отдельный файл с расширением .css, для этого скопируем все стили в блокнот и сохраним как style1.css в ту же самую папку 'www', где лежит index.php. Содержимое файла style1.css такое:

body{background:#fffff0;}

#top{height:80px;
background:#5c0900;
font:48pt courier,serif;
color:#fff;
text-align:center;}

.pm{height:30px;
width:120px;
margin:0 0px 0 0px;
background:#5c0900;
text-decoration:none;
text-align:center;
color:#fff;}

.pm:hover{text-decoration:none;
background:#ff0;
color:#5c0900;}

.pm{float:left}

.pi{float:left;
margin:5px 20px 5px 0px;
height:80px;
width:160px;
background:#eee;
text-align:left;
font:8pt courier,serif;}

#hm{float:right}

#tbl{display:block;
position:absolute;
top:140px;
left:5px;
width:20%;}

#out{float:right;
width:65%;
margin:0 20px 0 20px;
padding:0 0 0 40px;
height:500px;
border:1px solid #aaa;}

#bottom{clear:both;
height:100px;
border:1px solid #aaa;}

Все, что осталось после удаления стилей:

Обратим внимание на строку в голове:

- этой строкой к файлу index.php подключается теперь уже внешняя таблица стилей. Соберем и запустим. Картинка при запуске должна быть такой. Пощелкаем по ссылкам, посмотрим на работу сайта и его внешний вид в разных обозревателях. А после этого перейдем ко всякой всячине , которая нужна для полноценной работы сайта.