Здайствуйте
Я не особо разбираюсь в сайтах но хотел бы научиться.
Мне нужна помощь как за менить шапку сайта в формате png, на созданую мной шапку swf.
При изменение в стилях
.wrap{
background:url(../images/body.png) no-repeat 50% 0;
}
body.png на body.swf браузер не видит флеш
Это css сайта
@import "reset.css";
html{
font-size:100.01%;
}
body{
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
background-position:50% 100%;
}
.wrap{
background:url(../images/body.png) no-repeat 50% 0;
}
.banner{position: absolute; top: 0px; left: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); z-index: 1;}
.bone{
width:955px;
margin:0 auto;
}
a{
color:#4e3022;
font-weight:bold;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
h2{
color:#4e3022;
font-size:2.00em;
font-weight:normal;
font-family:"Georgia";
margin:1.2em 0 .6em;
}
.middle p{
margin:1em 0;
}
/* HEAD */
.head{
height:670px;
position:relative;
}
/* header */
#logo{ float:right; margin:0; width:150px; height:101px;}
#logo{ filter:expression(fixPNG(this)); }
.header ul {float:right; width:670px; height:auto; padding:40px 0;}
.header ul li{float:right; height:29px; padding:0px 15px;}
.header ul li a{float:right; display:block; width:auto; height:auto;}
/* header links */
#portal{ width:44px; height:29px; filter:expression(fixPNG(this)); }
#o_serverere{ width:60px; height:29px; filter:expression(fixPNG(this));}
#novosti{ width:51px; height:29px; filter:expression(fixPNG(this));}
#forum{ width:42px; height:29px; filter:expression(fixPNG(this));}
#registration{ width:74px; height:29px; filter:expression(fixPNG(this));}
#quick_start{ width:89px; height:29px; filter:expression(fixPNG(this));}
#rulers{ filter:expression(fixPNG(this)); width:52px; height:29px;}
.homeback{ padding:7px 2px 9px 20px;}
.sitemap{ padding:7px 18px 9px 5px;}
.logo{
position:absolute;
top:18px;
left:376px;
}
.menu a{
display:block;
position:absolute;
top:32px;
height:32px;
overflow:hidden;
font-family:"Georgia";
color:#ffffff;
font-size:1.50em;
text-decoration:none;
text-align:center;
line-height:30px;
}
.menu a:hover{
background:#48261b;
}
.menu a span{
display:block;
position:absolute;
top:0;
left:0;
height:32px;
background:url(../images/menu.jpg) no-repeat 0 0;
width:100%;
cursor:pointer;
}
.menu #news{width:90px; left:-9px;}
.menu #about{width:84px; left:83px;}
.menu #files{width:79px; left:169px;}
.menu #rules{width:94px; left:250px;}
.menu #administration{width:157px; right:182px;}
.menu #statistics{width:114px; right:66px;}
.menu #forum{width:75px; right:-11px;}
.menu #news span{background-position:0 0;}
.menu #about span{background-position:-90px 0;}
.menu #files span{background-position:-174px 0;}
.menu #rules span{background-position:-253px 0;}
.menu #administration span{background-position:-347px 0;}
.menu #statistics span{background-position:-504px 0;}
.menu #forum span{background-position:-618px 0;}
.menu #news:hover span,.menu .active #news span{background-position:0 -32px;}
.menu #about:hover span,.menu .active #about span{background-position:-90px -32px;}
.menu #files:hover span,.menu .active #files span{background-position:-174px -32px;}
.menu #rules:hover span,.menu .active #rules span{background-position:-253px -32px;}
.menu #administration:hover span,.menu .active #administration span{background-position:-347px -32px;}
.menu #statistics:hover span,.menu .active #statistics span{background-position:-504px -32px;}
.menu #forum:hover span,.menu .active #forum span{background-position:-618px -32px;}
/* MIDDLE */
.middle{
padding:0 0 1px;
background:url(../images/middle.png) no-repeat 50% 100%;
}
.important-info{
padding:10px 0 0;
margin:0 0 30px 0;
background:url(../images/info.png) no-repeat 0 0;
}
.important-info .authorization{width:265px; float:left;}
.important-info .servers-status{width:260px; float:left; margin-left:86px;}
.important-info .top-players{width:260px; float:right;}
.important-info h2,
.news h2{
height:24px;
text-indent:-999px;
overflow:hidden;
background-position:0 0;
background-repeat:no-repeat;
margin:0 0 9px;
}
.important-info .authorization h2{background-image:url(../images/authorization.png);}
.important-info .servers-status h2{background-image:url(../images/servers.status.png);}
.important-info .top-players h2{background-image:url(../images/top.players.png);}
.login legend,
.login label{
display:none;
}
.login li{
margin:0 0 7px;
}
.login input[type='text'],
.login input[type='password']{
width:250px;
}
.login .button{
float:right;
}
.login .links{
float:left;
font-size:0.92em;
line-height:1.1em;
}
.login .links li{
margin:0;
}
.login .links .alt{
font-weight:normal;
color:#a69790;
}
.servers-status table{
width:100%;
border-collapse: separate;
border-spacing: 1px;
}
.servers-status thead th{
color:#a69790;
font-size:0.92em;
line-height:1.1em;
padding:0 8px 4px;
}
.servers-status tbody td{
padding:4px 5px 10px;
background:url(../images/table1.png);
color:#4e3022;
}
.servers-status table a,
.top-players table a{
text-decoration:none;
}
.servers-status .name,
.top-players .name{
font-weight:bold;
}
.servers-status table .num{
text-align:center;
}
.servers-status table .status{
font-weight:bold;
}
.servers-status ul{
width:1120px;
margin:14px 0 0;
}
.servers-status li{
width:280px;
margin:0 56px 0 0;
float:left;
position:relative;
}
.online{color:#009907;}
.offline{color:#d60000;}
.top-players table{
width:100%;
color:#4e3022;
}
.top-players td{
padding:0px 4px 7px 0;
}
.top-players .num,
.top-players .summ span{
font-size:0.83em;
color:#a69790;
}
/* play */
.play{
margin:50px 0;
}
.play li{float:left;}
.play li.alt{float:right;}
/* news */
.news{
width:955px;
overflow:hidden;
margin:50px 0;
position:relative;
}
.news h2{background-image:url(../images/news.png);}
.news ul{
width:1120px;
margin:14px 0 0;
}
.news li{
width:280px;
margin:0 56px 0 0;
float:left;
position:relative;
}
.news h3{
margin:2em 0 .1em;
font-size:1em;
}
.news p{
margin:0;
}
.news .date{
background:#918079 url(../images/button.png) repeat-x 0 100%;
border:1px solid #462b1e;
color:#d7d7d7;
font-size:0.92em;
padding:0px 4px 1px;
position:absolute;
top:0;
left:0;
}
.news .all{
position:absolute;
top:3px;
left:214px;
}
.news .all a{
background:url(../images/news.png) no-repeat 0 50%;
padding-left:13px;
color:#a69790;
font-size:0.92em;
line-height:1em;
font-weight:normal;
}
/* content */
.content{
padding:1px 0 0;
background:url(../images/middle.png) no-repeat 50% 0;
}
.content ul1{
width:1120px;
margin:14px 0 0;
}
.content li1{
width:280px;
margin:0 56px 0 0;
float:left;
position:relative;
}
.content1{
padding:1px 0 0;
background:url(../images/middle.png) no-repeat 50% 0;
}
.content1 ul{
width:1120px;
margin:14px 0 0;
}
.content1 li{
width:280px;
margin:0 56px 0 0;
float:left;
position:relative;
}
/* FOOTER */
.foote{
color:#4e3022;
font-size:0.92em;
padding:40px 0 85px;
}
.foote a{
color:#4e3022;
font-weight:normal;
}
.foote .copyright{
float:left;
position:relative;
}
.copyright a span{
display:block;
width:137px;
height:38px;
background:url(../images/jails.png) no-repeat 0 0;
position:absolute;
left:0;
bottom:-50px;
opacity: 0.3;
}
.copyright a:hover span{opacity: 0.5; }
.foote .developers{
float:right;
position:relative;
padding:0 24px 0 0;
}
.developers span{display:block;}
.developers a span{
width:52px;
height:61px;
background:url(../images/unsimpl.png) no-repeat 0 0;
position:absolute;
left:-66px;
top:3px;
opacity: 0.2;
}
.developers a:hover span{opacity: 0.4;}
/* UTIL */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* form */
input[type='text'],
input[type='password'],
select{
background:#000000 url(../images/input.png) repeat-x 0 100%;
border:1px solid #cec8c6;
color:#333333;
padding:5px 6px;
}
select{
background-color:transparent;
}
input[type='submit']{
background:#918079 url(../images/button.png) repeat-x 0 100%;
border:1px solid #462b1e;
color:#ffffff;
font-family:"Georgia";
font-size:1.33em;
cursor:pointer;
padding:1px 2px;
}
textarea{
background:url(../images/input.png) repeat-x 0 100%;
border:1px solid #cec8c6;
color:#333333;
padding:5px 6px;
}
.singup{
width:70%;
}
.singup .ttl{
font-weight:bold;
text-align:center;
}
.singup .label{
width:250px;
float:left;
}
.singup .label label{
font-weight:bold;
}
.singup .label p{
margin:0;
line-height:1em;
font-size:.92em;
}
.singup .field{
margin-left:260px;
text-align:right;
}
.singup li{
margin:0 0 15px;
}
а это index
<!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" xml:lang="en" lang="en">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="stress, lineage2, la2">
<meta name="Keywords" content="stress, lineage2, la2">
<style type="text/css" media="all">@import url({THEME}/css/css.css);</style>
<style type="text/css" media="all">@import url({THEME}/css/engine.css);</style>
<script type="text/javascript" src="{THEME}/js/validation.js"></script>
<script type="text/javascript" src="{THEME}/js/ajax.js"></script>
<link type="text/css" rel="stylesheet" href="{THEME}/css/screen.css" media="screen" />
<!--[if lte IE 7]><link type="text/css" rel="stylesheet" href="{THEME}/css/ie.css" media="screen" /><![endif]-->
<style type="text/css" media="all">
@import url({THEME}/css/dlelineage.css);
</style>
</head>
<script language="javascript" type="text/javascript">
<!--
var dle_root = './';
var dle_admin = '';
var dle_login_hash = '';
var dle_skin = 'la2park';
var dle_wysiwyg = 'no';
var quick_wysiwyg = '0';
var menu_short = 'Быстрое редактирование';
var menu_full = 'Полное редактирование';
var menu_profile = 'Просмотр профиля';
var menu_fnews = 'Найти все публикации';
var menu_fcomments = 'Найти все комментарии';
var menu_send = 'Отправить сообщение';
var menu_uedit = 'Админцентр';
var dle_req_field = 'Заполните все необходимые поля';
var dle_del_agree = 'Вы действительно хотите удалить? Данное действие невозможно будет отменить';
var dle_del_news = 'Удалить новость';
var dle_login_hash = '';
var allow_dle_delete_news = false;
//-->
</script>
<script type="text/javascript" src="engine/ajax/menu.js"></script>
<script type="text/javascript" src="engine/ajax/dle_ajax.js"></script>
<div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000"><div style="font-weight:bold" id="loading-layer-text">Загрузка. Пожалуйста, подождите...</div><br /><img src="engine/ajax/loading.gif" border="0" alt="" /></div>
<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); "></div>
<script type="text/javascript" src="engine/ajax/js_edit.js"></script>
<body><div class="wrap">
<div style="position: absolute; top: 0px; right: 0px; opacity: 10; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); z-index:2;">Голосуй за нас --- <a href="http://l2top.ru/vote/12135/" target="_blank"><img src="http://l2top.ru/vb/12135.pgif" width="88px" height="31px" border="0" alt="L2top.ru: Рейтинг-каталог серверов Lineage2"></a></div>
<!--- Голосование --->
<!--- Голосование END --->
<div class="bone">
<div class="head">
<div class="header">
<ul> <li> </li>
<li> </li>
<li> </li>
<li><a href="/index" title="Правила"><img alt="Правила" id="rulers" src="{THEME}/images/rulers.png" /></a></li>
<li><a href="http://line4you.0pk.ru/" title="Форум"><img alt="Форум" id="forum" src="{THEME}/images/forum.png" /></a></li>
<li><a href="/index.php?f=vote" title="Бонус"><img alt="Регистрация" id="registration" src="{THEME}/images/registration.png" /></a></li>
<li><a href="/index.php?f=download" title="Быстрый старт"><img alt="Быстрый старт" id="quick_start" src="{THEME}/images/quick_start.png" /></a></li>
<li><a href="/index.php?f=news" title="Новости"><img alt="Новости" id="novosti" src="{THEME}/images/news.png" /></a></li>
<li><a href="/index.php?f=about" title="О сервере"><img alt="О сервере" id="o_serverere" src="{THEME}/images/about_server.png" /></a></li>
</ul>
</div>
</div>
<!-- /head -->
<div class="middle">
<div class="important-info clearfix">
<div class="authorization">
<div style="padding-top:0px; padding-left:21px;">
<form action='/?do=lineage&module=account' method=post onsubmit="javascript: showBusyLayer()">
<table width="285" class="stext">
<tr align="left" valign="middle">
<br>
<br>
<br>
<br>
<div align="center"><a href="/index.php?f=lk"><img src="{THEME}/images/ddd1.gif" > </a>
</table>
</form>
</div>
<!---
</div>--->
</div>
<!-- /authorization -->
<div class="servers-status">
<h2>Статус серверов1</h2>
<table id='l2online'>
<tr>
{SERVER}
</tr>
</table>
<div align="center"><a href="/index.php?f=stat">Статистика Сервера</a></div>
<br>
<div align="center"><a href="http://vkontakte.ru/"><img src="{THEME}/images/vk.gif" > </a></div>
</div>
<br><br><br><div align="center"><a href=""><font color="#CC0000"></font></a>
</div>
<br>
<div align="center"><a href="/index.php?f=register"><img src="{THEME}/images/body.swf" > </a>
</div>
<!-- /status -->
</div>
<!-- /important-info -->
<div class="servers-status content">
<div id='dle-content'><table width="100%" align="center">
**** <td width="200" align="left">** <!-- width="100" расстояния от левого конца сайта до текста в пикселях -->
***** <!-- Левая колонка -->
**** </td>
**** <td>
*
<center><h2>Игровой сервер Lineage II Interlude</h2></center>
<p align="justify"><br /><div><br /> {INFO}{CONTENT}<br /><br /></div><br /><br /><br /> <div><br /><br /> <br /><br /></div></p>
*
**** </td>
**** <td width="200" align="right">** <!-- width="100" расстояния от правого конца сайта до текста в пикселях -->
***** <!-- Правая колонка -->
**** </td>
</table>
</div>
</div><br><br>
</div>
<!-- /middle -->
<!-- /footer -->
<br>
<center>© 2010 <a href="/index.php">By Djozef<span></span></a> </center>
</div>
<div align="center"><a href="/index.php"><img src="{THEME}/images/footer1.jpg" > </a>
</div>
<!-- /bone -->
</div></body>
</html><html><body><center>
<!--- Рейтинг --->
</center></body></html>
Движок сайта Stress Web 8
Описал свою проблему как вижу.Просьба помоч.