Помогите с установкой Flash

topman · 4 ноября 2009

Всем привет. Очень прошу, помогите кто знает как сделать.

У меня есть флеш шапка, хочу ее прикрутить на сайт. Но я только начинаю осваивать dle и не понимаю как флеш прикручивать.

Вот так выглядит сайт (таблицы)

Вот. У него шапка разбита на несколько изображений как показано на рисунке. Я не знаю как сделать чтобы был одним рисунком, а точнее не рисунком флеш анимацией как вот тут:

Целый месяц задрачивал флеш чтобы сделать шапку, помогите пожалуйста. Очень прошу. На примере профессионала, кто поймет меня и поможет, я в дальнейшем буду сам прикручивать флешки на сайт.

Если тяжело переделывать, скажите тогда пожалуйста как вставить флеш вместо head3.jpg, я сам попробую. Вот думаю нужно смотреть в каком-то из этих файлов.

вот код:

template_css.css


/* global element styles */




html{

padding:0;

margin:0;

height: 100%;

}


body {

	background: #000 url(../images/bg.jpg) repeat-y top center;

	margin: 0;

	padding: 0;

	height: 100%;

	color: #281922;

	font-family: Arial, Helvetica, sans-serif;

}


img {

 border: 0;

}


a:link,

a:visited {

	color: #850300;

	text-decoration: underline;

}


a:active,

a:hover {

	color: #a83936;

}


H1 {

font-family: Arial; 

font-size: 13px;

}


em {

font-size: 12px;

font-weight: bold;

}


.mainwrap{

padding:0;

margin:0;

position: relative;

min-height: 100%;

height: auto !important;

height: 100%;

}


.head1 {

	background: url(../images/head1.jpg) no-repeat top center;

	height: 100px;

	margin:0;

}

.head2 {

	background: url(../images/head2.jpg) no-repeat top center;

	height: 100px;

	margin:0;

}

.head3 {

	background: url(../images/head3.jpg) no-repeat top center;

	height: 123px;

	margin:0;

}


.page{

	background-color: #d9d5ca;

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-y;


	background-position: center -323px;

	padding: 0;

	padding-bottom: 114px;

	width: 982px;

	margin: 0px auto;

	text-align: justify;

}


.page2{

	background: url(../images/page-h.jpg) no-repeat top center;

}


#foot {

	width: 100%;

	background: url(../images/footer.png) no-repeat bottom center;

	padding-top: 30px;

	position: absolute;

	bottom: 0 !important;

	bottom: -1px;

	height: 84px;

	text-align: center;

	color: #850300;

        font-size: 13px;

        font-weight: bold;

}


.footer {

	width: 982px;

	color: #850300;

	font-size: 12px;

	font-weight: bold;

}


.footer a:link,

.footer a:visited,

.footer a:hover {

	color: #850300;

	font-weight: bold;

}


/* element styles */


.pagetitle {

	text-align: center;

	color: #c7ac84;

	height: 35px;

	padding-top: 7px;

	margin: 0;

}

.pagetitle h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 18px;

	margin: 0;

	padding: 0;

	font-weight: normal;

}



/* center block */



.bc-header {

	background: url(../images/bc-head.png) no-repeat bottom center;

	height: 52px;

	text-align: center;

	padding: 4px 0 0 0;

}

.bc-header h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 19px;

	font-weight: normal;

	color: #850300;

	margin: 0 0 5px 0;

	padding: 0;

}

.date {

	font-weight: bold;

	color: #63564f;

}



.bc-center {

	background: url(../images/bc-center.png) repeat-y top center;

	padding: 0 15px 0 15px;

}

.bc-bottom {

	background: url(../images/bc-bottom.png) no-repeat top center;

	height: 22px;

}


/* left block */


.bl {

	background: url(../images/bl-bg.png) no-repeat bottom left;

	width: 235px;

	font-size: 11px;

	padding-bottom: 20px;

}


.bl br {

	font-size: 6px;

}


/* right block */


.br {

	background: url(../images/br-bg.png) no-repeat bottom right;

	width: 235px;

	font-size: 11px;

	padding-bottom: 20px;

}


.br br {

	font-size: 6px;

}



/* counters fade */


#cnt {text-align:center;  padding:1px 0 10px 165px;margin:auto; color: #313f29;}

#cnt img {margin: -1px 2px;}

#cnt A IMG{opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}

#cnt a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

#cnt A{color: #313f29;}


.createdate {

font-size: 10px;

}


/*----------------------    PAGENAV    ----------------------------*/


#flash_pagenavL {

	background-position :top left;

	background-repeat : no-repeat;

	height: 17px;

}


#flash_pagenavR {

	display:block;

	margin-left:12px;

	background-position :top right;

	background-repeat : no-repeat;

	padding-right:12px;

	height: 17px;

}


#flash_pagenavR a:link, #flash_pagenavR a:visited, #flash_pagenavR a:hover {

        color: #850300;

	display:inline-block;

	font-family : sans-serif;

	text-decoration: none;

	padding-right:2px;

   padding-left:2px;

}


a.pagenavA:link, a.pagenavA:visited {

   color:#000000;

	font-weight : bold;

	font-family : sans-serif;

	width:8px;

}


#flash_pagenavR a:hover {

	text-decoration: underline;

	color: #7f8486;

	font-weight: bold;

}


.pagenavS {

	color: #7f8486;

	display:inline-block;

	padding-right:1px;

   padding-left:1px;

	width:8px;

	font-weight : bold;

	font-family : sans-serif;

}


#flash_pagenavR .pagenavPrev10,

#flash_pagenavR .pagenavNext10 {

	padding-right:1px;

	padding-left:1px;

}


#flash_pagenavR .pagenavPrev10 {

	width: 10px;

	font-weight: bold;

	font-size: 14px;

}


#flash_pagenavR .pagenavNext10 {

	width: 10px;

	font-weight: bold;

	font-size: 14px;

}


.qx_nav {

	width: 100%;

}


.qx_nav td {

	text-align: center;

}


#qx_page {

	border-top: 1px solid #850300;

	text-align: center;

	width: 300px;

	padding-left: 5px;

	margin: 10px auto;

}


.contentpaneopen {

color: #000000; 

font-family: Arial; 

font-size: 12px; 

margin-top: 5px;

}


.componentheading {

color: #850300;

text-align :center; 

font-size: 18px; 

font-weight: bold;

}


 .contentheading {

 color: #850300;

 font-family: Arial; 

 font-size: 14px; 

 font-weight: bold;

 }


 .back_button a:link,

 .back_button a:link:visited {

 color: #850300;

 font-family: Arial; 

 font-size: 12px;

 }


 .back_button a:link:hover {

 color: #ffffff; 

 font-family: Arial; 

 font-size: 12px;

 }


 .blogsection,

 a.blogsection:visited {

 color: #850300; 

 font-family: Arial; 

 font-size: 12px; 

 font-weight: bold;

 }


 a.blogsection:hover {

 color: #ffffff; 

 font-family: Arial; 

 font-size: 12px; 

 font-weight: bold;

 }


.pagenav {

color: #850300;

}


 .pagenav_prev a:link,

 .pagenav_prev a:visited,

 .pagenav_next a:link,

 .pagenav_next a:visited {

   color: #850300;

   font-family: Arial;

   font-size: 12px;

   }


 .pagenav_prev a:hover,

 .pagenav_next a:hover {

   color: #ffffff; 

   font-family: Arial; 

   font-size: 12px;

   }

main.tpl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head>


	{headers}



    <style type="text/css" media="all">@import url(templates/tamplate/css/template_css.css);</style>

    <style type="text/css" media="all">@import url(templates/tamplate/css/engine.css);</style>

<style type="text/css" media="all">@import url(templates/tamplate/lineage/css/dlelineage.css);</style>




</head>


<body>{AJAX}

<div class="mainwrap">


<div class="head1"></div><div class="head2"></div><div class="head3"></div>

<div class="page"><div class="page2">

<div class="pagetitle">

  <h1>Добро пожаловать</h1>

</div>

<table width="982px" cellpadding="0" cellspacing="0" border="0">

<tr>

<td width="235px" valign="top">

<div class="bl"><img src="templates/tamplate/images/bl_menu.png" alt="Меню" />

<div style="margin: 0px 35px 0px 50px;">

<table width="100%" cellpadding="0" cellspacing="0">

<tr>

<td>		<table cellpadding="0" cellspacing="0" class="moduletable_menu">

				<tr>

			<td>



<table class="menutable_menu" cellspacing="0" cellpadding="0" border="0" ><tr style="display:none;"><td ><a onMouseOver="MlImageOn('ml_img_1_1')" onMouseOut="MlImageOff('ml_img_1_1')" href="index.php" title="Главная" class="mainlevel" ><img src="templates/tamplate/menuimages/zaglushka.gif" name="ml_img_1_1" border="0" alt="Главная" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_2_1')" onMouseOut="MlImageOff('ml_img_2_1')" href="index.php" title="Последние новости сервера" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_news.png" name="ml_img_2_1" border="0" alt="Новости сервера" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_3_1')" onMouseOut="MlImageOff('ml_img_3_1')" href="index.php?do=lineage&module=account" title="Личный кабинет" target="_blank" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_cp.png" name="ml_img_3_1" border="0" alt="Личный кабинет" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_4_1')" onMouseOut="MlImageOff('ml_img_4_1')" href="about.html" title="О сервере" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_aboute.png" name="ml_img_4_1" border="0" alt="О сервере" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_5_1')" onMouseOut="MlImageOff('ml_img_5_1')" href="howto.html" title="Быстрый старт" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_quick.png" name="ml_img_5_1" border="0" alt="Быстрый старт" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_6_1')" onMouseOut="MlImageOff('ml_img_6_1')" href="index.php?do=lineage&module=registration" title="Регистрация" target="_blank" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_reg.png" name="ml_img_6_1" border="0" alt="Регистрация" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_7_1')" onMouseOut="MlImageOff('ml_img_7_1')" href="rules.html" title="Правила сервера" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_rules.png" name="ml_img_7_1" border="0" alt="Правила сервера" /></a></td></tr><tr><td ><a onMouseOver="MlImageOn('ml_img_8_1')" onMouseOut="MlImageOff('ml_img_8_1')" href="http://tamplate.ru/forum/index.php" title="Форум" class="mainlevel" ><img src="templates/tamplate/menuimages/menu_forum.png" name="ml_img_8_1" border="0" alt="Форум" /></a></td></tr></table>			</td>

		</tr>

		</table>		</td>

</tr>

</table>

</div>

</div>

<div class="bl"><img src="templates/tamplate/images/bl_forum.png" alt="Форум" />

<div style="margin: 5px 35px 5px 50px;">

<center><b>Последние темы:</b></center><br />

<table class="lasttopics" width="150" border="0" cellpadding="0" cellspacing="0">

</table>

<table class="lasttopics" width="150" border="0" cellpadding="0" cellspacing="0">

  <tr>

</table>

</div></div></td>

<td width="513px" style="padding-top: 15px;" valign="top">

<div class="bc-header">

  <h2>tamplate World x20 , x7000</h2>

</div>

<div class="bc-center"><span style="font-size: 12px;"><strong>Друзья!</strong>

Приветствуем вас на нашем сервере

</strong></span></div>

<div class="bc-bottom"></div>

<div class="bc-header">

  <h2>***</h2></div>


{info}{content}

<div class="bc-bottom"></div></td>

<td width="235px" valign="top">

<div class="br"><img src="templates/otamplate/images/br_status.png" alt="Статус сервера" />

<div style="margin: 0px 20px 5px 35px;">

<center>

<table>

<tr>

<td>{servl2}</td>

</tr>

</table>

</center>

</div>

</div>

<div class="br"><img src="templates/tamplate/images/br_rating.png" alt="Игровые рейтинги" />

<div style="margin: 0px 50px 5px 35px;">

</div>

</div></td>

</tr>

</table>

</div></div>

<div id="foot">

<center>

<div class="footer">

<div align="center">

&copy; 2008 <a href="#" title="Rip by JustMeGiveWmz" target="_self">Rip by JustMeGiveWmz</a></div>

</div>

</center>

</div>

</div>

</body>

</html>

PaSSoR · 4 ноября 2009

Ссылочку пожалуйста на сайтик..

Войти

Помогите с установкой Flash

Рекомендованные сообщения

topman 0

Ссылка на сообщение

Поделиться на других сайтах

PaSSoR 19

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность