topman 0 Опубликовано: 4 ноября 2009 Рассказать Опубликовано: 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"> © 2008 <a href="#" title="Rip by JustMeGiveWmz" target="_self">Rip by JustMeGiveWmz</a></div> </div> </center> </div> </div> </body> </html> Цитата Ссылка на сообщение Поделиться на других сайтах
PaSSoR 19 Опубликовано: 4 ноября 2009 Рассказать Опубликовано: 4 ноября 2009 Ссылочку пожалуйста на сайтик.. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.