к часу ночи энтузиазм проснулся )) давно хотел попробовать посты яваскриптом генерить ))
+ css в тело файла внёс, думаю и в движке надо это сделать.
сохраните этот код в простую хтмльку:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>deex & H4Ck blog</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style type="text/css">
/* STANDART TAGS --- */
BODY{
font-family: Verdana, Arial, sans-serif;
color: #00003E;
background-color: #fEfEfE;
}
*{
margin: 0;
padding: 0;
}
A:visited{
color: #0996FF;
}
/* fonts ---- */
.small {
font-size: 70%;
color: #777;
}
.red_error{
font-weight: bold;
font-size: 70%;
padding-left: 30px;
color: #CC0000;
}
.green_ok{
color: green;
font-weight: bold;
font-size: 70%;
padding-left: 30px;
}
.code {
color: blue;
font-family: tahoma;
font-size: 100%;
}
/* HEADER ------ */
.header_links{
font-size: 90%;
color: #FFF;
font-weight: bold;
width: 97%;
margin-top: 10px;
text-align: center;
background-color: #666;
padding: 2px;
}
.header_links A {
padding-left: 10px;
color: #FFF;
font-weight: bold;
}
.header_links A:visited{
color: #FFF;
}
.header_title {
font-size: 100%;
color: #EEE;
float: right;
margin-left: 5px;
margin-right: -5px;
margin-top: -5px;
padding: 5px;
padding-right: 10px;
text-align: center;
font-weight: bold;
background-color: #444;
width: 300px;
}
.quake {
border: 1px solid black;
width: 700px;
margin: 0 auto;
height: 100px;
margin-bottom: 20px;
background-color: #828282;
border-right: 15px solid #535353;
border-left: 15px solid #535353;
}
.quake2 {
border: 1px solid black;
width: 700px;
margin: 0 auto;
height: 50px;
margin-top: 20px;
margin-top: 10px;
background-color: #828282;
border-right: 15px solid #535353;
border-left: 15px solid #535353;
}
.head {
border: 2px solid black;
width: 600px;
background-color: #EEE;
margin: 0 auto;
margin-top: 15px;
padding: 10px;
font-size: 80%;
}
.head A {
color: white;
font-weight: bold;
text-decoration: none;
}
.head A:hover {
text-decoration: underline;
}
.head A:visited {
color: #EEE;
}
.header_text{
padding-top: 10px;
}
/* FOOTER ---- */
.footer {
border: 2px solid black;
width: 600px;
background-color: #EEE;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 20px;
padding: 1px;
text-align: center;
font-size: 70%;
}
.designfooter{
color: #AAA;
padding-left: 20px;
}
/* other ---- */
.paging {
border: 0px solid black;
width: 180px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: -5px;
font-size: 70%;
}
.paging A{
text-decoration: none;
}
/* POST ------ */
.main_body{
width: 610px;
margin: 0 auto;
}
.post {
border: 1px solid #777;
width: 600px;
background-color: #eee;
margin: 0 auto;
margin-top: 15px;
padding: 5px;
}
.post_category {
font-size: 100%;
color: #BBB;
float: right;
margin-right: -5px;
margin-top: -5px;
padding-left: 10px;
font-weight: bold;
background-color: #fff;
border-bottom: 1px solid #777;
border-left: 1px solid #777;
width: 200px;
}
.post_title {
font-size: 100%;
color: #444;
float: left;
margin-left: -5px;
margin-top: -5px;
padding: 5px;
font-weight: bold;
background-color: #fff;
width: 300px;
border-bottom: 1px solid #777;
border-right: 3px solid #777;
}
.post_body {
margin-top: 35px;
margin-bottom: 10px;
font-size: 80%;
background-color: #eee;
}
.post_foot{
font-size: 60%;
color: #666;
width: 300px;
border-right: 3px solid #777;
border-top: 1px solid #777;
margin-left: -5px;
margin-bottom: -5px;
margin-top: 3px;
text-align: center;
background-color: #fff;
padding: 2px;
text-align: left;
}
.post_date{
margin-left: 15px;
}
.post_comms{
margin-left: 10px;
}
.form{
width: 590px;
margin: 0 auto;
padding: 10px;
font-size: 80%;
}
.textinput{
border: 1px solid black;
padding: 2px;
width: 200px;
}
/* COMMENTS -- */
.comm_date {
color: #666;
background-color: #ccc;
padding: 5px;
width: 100px;
font-size: 70%;
}
.comm_body {
margin-top: 5px;
font-size: 80%;
background-color: #fff;
padding: 10px;
overflow: auto;
}
.comm_counter{
color: #666;
background-color: #ccc;
padding: 5px;
font-size: 70%;
}
.comment_form{
margin-top: 25px;
height: 200px;
padding: 3px;
}
.comment_form TEXTAREA {
border: 1px solid black;
width: 600px;
height: 150px;
font-family: 'Arial';
font-size: 100%;
padding: 2px;
color: #666;
}
.comment_form INPUT {
border: 1px solid black;
border-top: 0px;
margin-left: 10px;
width: 580px;
background-color: #eee;
cursor:pointer;
}
.login{
width: 600px;
text-align: center;
padding-top: 30px;
}
.login INPUT {
border: 1px solid black;
}
</style>
</head>
<body>
<div class="quake">
<div class="head">
<div class="header_title"
><span style='color: #00CC33'>deex</span> & <span >H4Ck</span> blog</div>
<div class="header_text">
Be good, fucker!<br />
Now you has been come to the resident evil.<br />
Welcome to the deex & H4Ck blog.</div>
<div class="header_links">
<a href="index.php">главная</a>
<a href="?page=add" style="color: #D7D700">добавить новость</a>
<a href="?page=backup">backup</a>
<a href="?page=logout" style='color: #00CC33'>логАут</a>
<a href="?page=info">HowTo</a>
<a href="?page=about">инфа</a>
<a href='?img_off' title='отключить показ изображений. все изображения станут ссылками'>img/<b>Off</b></a></div>
</div>
</div>
<!-- body -->
<div class="main_body">
<div class="paging"> </div>
<script type="text/javascript">
function buildPost(title, cat, body, author, date, comms_url, comms_num){
document.write('<div class="post"><div class="post_title">'+title+'</div><div class="post_category">'+cat+'</div><div class="post_body">'+body+'</div><div class="post_foot">Author: <b>'+author+'</b><span class="post_date">['+date+']</span><a class="post_comms" href="?page=comment&n='+comms_url+'">comments:0</a></div></div>');
}
buildPost('о блоге на Античате<br />', 'Other', 'О блоге на forum.antichat.ru:<br /><a href="http://forum.antichat.ru/showthread.php?p=573997">http://forum.antichat.ru/showthread.php?p=573997</a>','deex', '12:57 25-01-08', '12-57.25-01-08', 0);
buildPost('о блоге на Античате<br />', 'Other', 'О блоге на forum.antichat.ru:<br /><a href="http://forum.antichat.ru/showthread.php?p=573997">http://forum.antichat.ru/showthread.php?p=573997</a>','deex', '12:57 25-01-08', '12-57.25-01-08', 0);
buildPost('о блоге на Античате<br />', 'Other', 'О блоге на forum.antichat.ru:<br /><a href="http://forum.antichat.ru/showthread.php?p=573997">http://forum.antichat.ru/showthread.php?p=573997</a>','deex', '12:57 25-01-08', '12-57.25-01-08', 0);
buildPost('о блоге на Античате<br />', 'Other', 'О блоге на forum.antichat.ru:<br /><a href="http://forum.antichat.ru/showthread.php?p=573997">http://forum.antichat.ru/showthread.php?p=573997</a>','deex', '12:57 25-01-08', '12-57.25-01-08', 0);
</script>
<div class="paging"> </div>
</div>
<div class="quake2"><div class="footer">deex & H4Ck blog © 2007</div></div>
</body>
</html>