<?
include"sys/fnc.php";
?>
<html>
<head>
<title>vkcms-ajax 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.layer1 {
position: relative; /* Относительное позиционирование */
background: #f0f0f0; /* Цвет фона */
height: 480px; /* Высота блока */
}
.layer2 {
position: absolute; /* Абсолютное позиционирование */
bottom: 15px; /* Положение от нижнего края */
top: 15px; /* Положение от правого края */
line-height: 1px;
}
#fon
{
margin: 0px;
padding: 0px;
vertical-align: bottom;
font-size: 100%;
width: 98%;
}
body
{
background:black url(fon1.png) top repeat;
color:#ffffff;
<!--font-size: 100%;-->
margin: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
}
#fon .login
{
font-size: 12px;
text-align: center;
margin: 0;
padding: 10px 5px;
border: 1px solid orange;
border-left: none;
border-right: none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
}
textarea {width: 95%; height: 40%;}
form {margin:1px; padding:0px;}
img {
border:none;
vertical-align: middle;
padding: 7px;
margin: 10px;
text-shadow: 1px 2px 7px #000;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.7)
}
a:link { color: #cccc55; text-decoration: none }
a:visited { color: #cccc55; text-decoration: none }
a:active { color: yellow; background: transparent }
a:hover { color: green; background: transparent }
textarea {
border: 1px solid;
margin: 0px 0px;
padding: 5px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7)
}
select {
border: 1px solid;
margin: 0px;
padding: 5px;
text-shadow: none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7)
}
input {
border: 1px solid;
margin: 0px;
padding: 5px;
text-shadow: none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7)
}
input:hover {
border: 1px inset;
margin: 0px;
padding: 5px;
text-shadow: 0;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7)
}
button {
background: orange;
border: 1px solid;
margin: 2px;
padding: 5px;
text-shadow: none;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7)
}
button:hover {
background: orange;
border: 1px inset;
margin: 2px;
padding: 5px;
text-shadow: 0;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7)
}
.shadow
{
color: #ffffff;
text-shadow: 0 0 2px #fefcc9, 1px -1px 3px #feec85, -2px -2px 4px #ffae34, 2px -4px 5px #ec760c, -2px -6px 6px #cd4606, 0 -8px 7px #973716, 1px -9px 8px #451b0e;
}
img.btn_close {
float: right;
margin: -55px -55px 0 0;
}
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background:black url(fon1.png) top repeat;
padding: 20px;
border: 20px solid #ddd;
float: left;
font-size: 1 em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
</style>
<script type="text/javascript">
//подключение
function getXmlHttp()
{
var xmlhttp;
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E)
{
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined')
{
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
</script>
<?
$dir=opendir("ajax/");
while($file=readdir($dir))
{
if(($file!=".") or ($file!=".."))
{
echo'<script type="text/javascript" src="ajax/'.$file.'"></script>';
}
}
closedir($dir);
?>
</head>
<body>
<?
echo'<h1 class="shadow"><center>vkcms-ajax 1</center></h1>';
echo'<table width="98%">';
echo'<tr> <td valign="top" width="20%" align="left">';
echo'<h3>Навигация</h3>';
echo'<a href="javascript:hom()">Главная</a><br>';
if($dir=opendir("pages/"))
{
while($file=readdir($dir))
{
if(($file!=".") && ($file!="..")){
$name_ras=explode(".",$file);
$count=count($name_ras);
$ras=$count-1;
$file=str_replace(".$name_ras[$ras]","",$file);
$name=$file;
//здесь можно перевести разделы
$name=str_replace("download","Загрузки",$name);
$name=str_replace("book","Гостевая книга",$name);
$name=str_replace("","",$name);
$name=str_replace("","",$name);
$name=str_replace("","",$name);
//вывод ссылки на раздел сайта
echo'<a href="javascript:'.$file.'()">'.$name.'</a><br>';}
}
closedir($dir);
}
echo'</td> <td valign="top" width="5%" align="left">';
echo'</td> <td valign="top" width="50%" align="left">';
echo'<div id="out"></div>';
echo'</td> <td valign="top" width="5%" align="left">';
echo'</td> <td valign="top" width="20%" align="left">';
echo'<h3>Реклама</h3>';
//рекламные блоки
echo'</td></tr></table>';
?>
</body>
</html>