X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Шапка на сайт.
solidol
solidol
Topic Starter сообщение 15.1.2012, 2:33; Ответить: solidol
Сообщение #1


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

Вот html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Description" content="stress, lineage2, la2, stressweb.ru">
<meta name="Keywords" content="stress, lineage2, la2, stressweb.ru">
<style type="text/css" media="all">@import url({THEME}/css/style.css);</style>
<style type="text/css" media="all">@import url({THEME}/css/engine.css);</style>
<style type="text/css" media="all">@import url({THEME}/css/main.css);</style>
<script type="text/javascript" src="{THEME}/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="{THEME}/js/stressweb.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.js"></script>
<script type="text/javascript" src="{THEME}/js/jqueryui.js"></script>
<script type="text/javascript" src="{THEME}/js/dle_js.js"></script>

</head>
<body class="pagebg">
<div class="wwide">
<div class="wwide">
<div class="wrapper">
<div class="headtool">
<span class="headbtn">
<a class="map" href="#"><img src="{THEME}/images/spacer.gif" alt="Карта сайта" /></a>
<a class="contacts" href="index2ba3.html?do=feedback"><img src="{THEME}/images/spacer.gif" alt="Контакты" /></a>
<a class="home" href="index.html"><img src="{THEME}/images/spacer.gif" alt="Главная" /></a>
</span>
<span class="headdate"><span id='datetime_div' class="datetime_div"></span></span>
<script type="text/javascript" src="{THEME}/js/date.js"></script>
</div>
<div class="header">
<div class="header12"></div>
</div>
<div style="width: 995px; height: 362px;"><div class="midhead">
<div class="menutabs">
<div class="searchform">
</div>
<div class="presentbox">
<div id="slider" class="sliderwrapper">
<div class="layertrans">
</div>

</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 8000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
</div>
</div></div>
<div class="container container1">
<div class="midside">
<div class="container">
<div class="mainside">
<table class="conts"><tr><td style="padding: 0;">
<div class="contentbox">

<div class="speedbar">

<span style="font-size:24px;"> <center>Лучший сервер Interlude!</center></span>
</div>
<br><div id='dle-content'><div class="story"><div class="story2">
<div class="dbtm"><div class="dbtm2">
<div class="baseer">
<div class="icons">
<span class="editstore"></span>
<span class="favorites"></span>
</div>

<div class="maincont">

{CONTENT}
</div>
</div>
</div></div>
</div></div>

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

<br clear="all" />
</div>
</td></tr></table>
</div>
<div class="rightside">
<div class="bpad">
<div class="block bnews">
<div class="dbtm">
<div class="dcont" >
<h3 class="dtitle">Статистика сервера</h3>
<center>
<div style="background-image: url(./images/stat/stat.png);background-repeat: repeat-y; width:165px;height:115px;">
<br>

<table style="border:solid 1px #999;">
<tr>
<td style="padding:4px; ">Login:</td><td style="padding:4px; text-align:center;"><font color=red size=2 face=verdana>offline</font></td>
</tr>
<tr>
<td style="padding:4px; ">Game:</td><td style="padding:4px; text-align:center;"><font color=red size=2 face=verdana>offline</font></td>
</tr>
<tr>
<td style="padding:4px; ">Online:</td><td style="padding:4px; text-align:center;"><font color=red size=2 face=verdana>0</font></td>
</tr>
<tr>
<td style="padding:4px; ">Версия клиента:</td><td style="padding:4px; text-align:center;">160</td>
</tr>
</table>

</div>
</center>
</div>
</div>
</div>
<div class="oblock2"></div>
<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Разное</h3>
<center><a href="pravoobladatelyam.html"><b>Правообладателям</b></a></center>
</div>
</div>
</div>
<div class="oblock2"></div>
<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Голосование</h3>

</div>
</div>
</div>
<div class="oblock2"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Поддержка</h3>
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-4450854855959827";
/* 160x600, создано 09.04.11 */
google_ad_slot = "9442694152";
google_ad_width = 160;google_ad_height = 600;//-->
</script>
<script type="text/javascript"
src="../pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </center>
</div>
</div>
</div>


<div class="oblock2"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">У нас нашли</h3>
<img src="engine/skins/referer/yandex.png" align="absmiddle" border="0"><br />
</div>
</div>
</div>
<div class="oblock2"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Счётчик</h3>
<center>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t22.8;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//-->
</script><!--/LiveInternet-->
</a-->
</center>
</div>
</div>
</div>
<div class="oblock2"></div>


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

<div class="leftside">
<div class="bpad">
<div class="block btype1 bvnav"><div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Навигация</h3>
<ul class="reset">
<li><a href="index-2.html"><b>Новости сервера</b></a></li>
<li><a href="downloads/Tera.torrent"><b>Клиент tera online</b></a></li>
<li><a href="server.html"><b>Сервер</b></a></li>
<li><a href="tera-online.html"><b>О Tera online</b></a></li>
<li><a href="galereya-tera-online.html"><b>Фотогалерея</b></a></li>
<li><a href="video-tera-online.html"><b>Видеогалерея</b></a></li>
<li><a href="shock-tv.html"><b>Shock-TV</b></a></li>
<li><a href="vip.html"><b>VIP</b></a></li>
<li><a href="faq.html"><b>FAQ</b></a></li>
</ul>
</div>
</div></div>
<div class="oblock1"></div>
<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Минигайд</h3>
<ul class="reset">
<li><a href="rassy.html"><b>Расы</b></a></li>
<li><a href="klassy.html"><b>Классы</b></a></li>
<li><a href="minigayd.html"><b>Разное</b></a></li>
</ul>

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


<div class="oblock1"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Последние сообщения</h3>

</div>
</div></div>
<div class="oblock1"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Облако тегов</h3>


</div>
</div></div>
<div class="oblock1"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Поддержать проект</h3>
<span style='color:orange'>Яндекс деньги: </span>410011047986959<br/>
<span style='color:red'>Web Money: </span>
R144157095391 Z898861868059<br/>
<span style='color:blue'>QIWI: </span>9307489167<br/>
В сообщении пишите свой логин <br>
никто не будет забыт
</div>
</div></div>
<div class="oblock1"></div>

<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Наши партнеры</h3>

</div>
</div>
</div>
<div class="oblock1"></div>
<div class="block bnews">
<div class="dbtm">
<div class="dcont">
<h3 class="dtitle">Other languages</h3>
<center>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ru'
}, 'google_translate_element');
}</script>
<script src="../translate.google.com/translate_a/elementa0d8.html?cb=googleTranslateElementInit"></script></center>

</div>
</div>
</div>
<div class="oblock1"></div>
</div></div></div>


</div>



<div class="clr"></div>
</div>
<div class="footer"><div style="height: 25px; width: 100%;"></div>

<script type="text/javascript">
new Image().src = "{THEME}/images/bt2.png";
</script>
<div onmouseover="document.getElementById('scrolling-img').src='{THEME}/images/bt2.png';"
onmouseout="document.getElementById('scrolling-img').src='{THEME}/images/bt.png';" style="height: 44px; width: 44px; margin-left: auto; margin-right: auto; " >
<a onclick="javascript:$('html, body').animate({ scrollTop: $('html').offset().top}, 1100 ); return false;" href="#up"><strong>
<img id=scrolling-img src="{THEME}/images/bt.png"> </strong></a>
</div><br>




<span class="copyright"></span>
<ul class="reset">
</ul>
</div>
</div>
</div>
</div>

</div>
</body>

</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
solidol
solidol
Topic Starter сообщение 15.1.2012, 2:34; Ответить: solidol
Сообщение #2


И вот CSS(в один пост не влезло):

[CSS]/* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin:0; padding:0; }
h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font { font-size: 1em; font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, body { font-family: Tahoma, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5 { line-height: 1.2em; font-weight: normal; }
h1 { font-size: 1.8em; } h2 { font-size: 1.6em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1.0em; }
a { color: #464646; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { font-size: 1em; font-family: Tahoma, Arial, Verdana, sans-serif; outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; font-style: normal; font-weight: normal; line-height: 1.4em; }
body.pagebg { padding: 0; margin: 0; background-color: #fff; text-align: center; background-image: url(../images/bbi.png);}
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img { border: 0 none; }
.parag { text-indent: 30px; }
.small { color: #838383; }
hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { margin: 0; padding-left: 16px; list-style-position:outside; list-style-image:none; }
ul li, #header h1 { margin: 0; padding: 0; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 18px; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }
.wrapper { margin: auto; width: 996px; text-align: left; }
.wwide { width: 100%; min-width: 1020px; }
*html .wwide { width: expression(document.body.clientWidth) < 1010? "1020px"; }


.wwide {}
.wwide .wwide { background: url("../images/foot.png") no-repeat 50% 100%; padding-bottom: 43px;}
.wwide .wwide .wwide { }

/*HEAD*/
.left { float: left; } .right { float: right; } .red { color: #214a80; }

.headtool, .header, .menutabs {}
.headtool, .header { height: 20px; padding: 0 43px; }
.headtool .headdate { margin: 12px 0 0; float: left; color: #91908f; }
.headtool .headbtn { float: right; width: 95px; margin: 6px 0 0; }

.headbtn { float: right; }
.headbtn a img { float: right; width: 25px; height: 27px; margin: 0 3px 0 0; background-image: url("../images/headbtns.png"); }
.headbtn .home img { background-position: 0 0; } .headbtn .home:hover img { background-position: 0 -27px; }
.headbtn .contacts img { background-position: -28px 0; } .headbtn .contacts:hover img { background-position: -28px -27px; }
.headbtn .map img { background-position: -56px 0; } .headbtn .map:hover img { background-position: -56px -27px; }


.header { height: 104px; }
.header h1 { float: left; width: 187px; margin: 0 14px 0 0; }
.header h1 a { display: block; width: 187px; height: 50px; background-image: url("../images/autotek.png"); overflow: hidden; line-height: 200px; white-space: nowrap; }
.header .phones { float: right; width: 360px; font-size: 1.5em; line-height: 1.3em; text-align: right; margin: 6px 0 0; }

.midhead { padding: 16px 24px; height: 330px; }
.submenu { height: 42px; padding: 0 20px; background: #231e1d url("../images/presentbg.jpg") no-repeat 0 -3px; }
.present { height: 222px; padding: 0 40px 0 24px; background: url("../images/presentbg.jpg") no-repeat 0 -45px; }
.presentbox { float: left; width: 589px; }
.sliderwrapper, .sliderwrapper .contentdiv { width: 606px; height: 191px; position: relative; overflow: hidden; }
.sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper .contentdiv a img { display: block; position: absolute; z-index: 999; left: 0; top: 0; width: 589px; height: 191px; background: url("../images/presentblur.png") no-repeat 0 0; }
*html .sliderwrapper .contentdiv a img { background: none; }
.pagination { position: absolute; left: 14px; top: 155px; z-index: 22; }
.prev img, .next img { float: left; width: 31px; height: 27px; background-image: url("../images/pagination.png"); }
.next img { background-position: -31px 0; }
.prev:hover img { background-position: 0 -27px; }
.next:hover img { background-position: -31px -27px; }

.about { float: right; width: 242px; padding: 8px 0 0; }
.about h2 { color: #fff; margin: 0 0 0.4em 0; }
.about { color: #6b6b6b; }
.discript { height: 109px; overflow: hidden; margin: 0 0 0.4em 0; }

.basictab ul { display: inline; }
.basictab li, .basictab li a, .basictab li a b { float: left; height: 36px; }
.basictab { font-family: Arial, Tahoma, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.1em; line-height: 33px; }
.basictab li a b { cursor: pointer; }
.basictab li a b { padding: 0 11px; }
.basictab li a { color: #2887c4; background: url("../images/topmenu_tabs.png") no-repeat 0 -999px; text-decoration: none !important; }
.basictab li a:hover, .basictab li a.current { background: #DEDEDE url("../images/topmenu_tabs.png") no-repeat 0 0; color: #263687; }
.basictab li a:hover b, .basictab li a.current b { background: url("../images/topmenu_tabs.png") no-repeat 100% -36px; }
.tabcontent { display: none; }

.submenu ul, .submenu ul li, .submenu ul a { float: left; }
.submenu ul { padding: 7px 0 0; }
.submenu ul li { background: url("../images/submenu.png") no-repeat 100% 0; }
.submenu ul a { line-height: 18px; color: #000; padding: 0 10px 0 9px; text-decoration: none !important; }
.submenu ul a:hover { color: #2D97DB; }
.submenu .last { background: none; }


.container, .leftside, .midside, .rightside, .mainside, .contentbox { overflow: hidden; }
.container { padding: 0 0 5px 214px;}
.container .midside .container { padding: 0 214px 0 0; }
.leftside { float: left; width: 214px; margin: 0 0 0 -214px; }
.rightside { float: right; width: 214px; margin: 0 -214px 0 0; }
.midside { float: right; width: 100%; }
.mainside { float: left; width: 556px;}
.contentbox { width: 546px; margin: 0 0 0 10px; min-height: 1050px;}
table.conts { border-collapse: collapse; border-spacing: 0; border: 0px; width: 100%; }
.container1 {background-image: url("../images/pagewide.png") !important; background-repeat: repeat-y; background-position: 50% 0;}

.footer { padding: 0 26px 0 26px; height: 105px; }
.copyright { display: block; color: #000; margin: 0 0 0.3em 0; }
.copyright a {text-decoration: underline; color: #000; } .copyright a:hover {text-decoration: none; }
.footer li { float: left; }
.footer ul li { font-size: 0.9em; padding: 0 5px; border-right: 1px solid #373737; }
.footer ul li a { color: #8e8180; }
.footer ul li a:hover { color: #921919; }
.footer li.first { padding-left: 0; }
.footer li.last { padding-right: 0; border: 0 none; }
.uppage img { float: right; width: 100px; height: 22px; background: url("../images/centroarts.png") no-repeat 0 0; }

.datetime_div {font-size: 1.5em; color: #4f4f4f;}
.oblock1 {height: 25px; width: 215px; background-image: url(../images/6535.png);}
.oblock2 {height: 25px; width: 215px;}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
сообщение 15.1.2012, 14:48; Ответить: Licoric
Сообщение #3


может скриншоты покажешь, а то код дал и говоришь, что не получается. А что именно не получается?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
solidol
solidol
Topic Starter сообщение 15.1.2012, 17:42; Ответить: solidol
Сообщение #4


вот, что то не догадался:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлы[Услуги] Баннер/Графика/Сайт
 241 FillPlay 180658 Сегодня, 15:19
автор: FillPlay
Открытая тема (нет новых ответов) Будет ли склейка сайтов если старый телефон перенести на новый сайт?
 1 noviktamw 406 Вчера, 18:31
автор: malamut
Горячая тема (нет новых ответов) Ваш сайт блокирует Роскомнадзор?
 29 hollywooduk 6027 Вчера, 11:21
автор: hollywooduk
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
 0 bunneh 464 16.4.2024, 18:02
автор: bunneh
Открытая тема (нет новых ответов) Если в сайт с одними ключами, которые там долго, добавить новую рубрику с новыми ключами
 2 Tutich 1333 16.4.2024, 8:27
автор: Tutich


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 18:08

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet