Шаблон для uCoz: Dark Theme (Адаптация)

Описание:
Простенький красивый темный дизайн для блога или небольшого сайта, адаптирован с WordPress.

Автор и источник:
Tyler
Udf.su

Установка:
1) Панель управления: Управление дизайном Страницы сайта, вставляем туда код:

Код:
<html>
<head><title>$SITE_NAME$</title>


<link type="text/css" rel="StyleSheet" href="//web.ucoz.ru/_st/my.css">
</head>

<body style="margin: 0px; padding: 0px; background: rgb(0, 0, 0) none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" valign="top">

<!-- Header -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
 <td width="20%"><br></td>

 <td height="185" width="25%"><!--U1MENU1Z--><div style="display: inline;" id="menuDiv">
<ul class="uz">
<li class="m"><a class="m" href="/">Главная <img alt="" src="//web.ucoz.ru/img/001.gif" align="" border="0"><br></a></li>
<li class="m"><a class="m" href="/blog">Блог <img alt="" src="//web.ucoz.ru/img/001.gif" align="" border="0"><br></a></li>
<li class="m"><a class="m" href="/publ">Статьи <img alt="" src="//web.ucoz.ru/img/001.gif" align="" border="0"><br></a></li>
<li class="m"><a class="m" href="/photo">Фотографии <img alt="" src="//web.ucoz.ru/img/001.gif" align="" border="0"><br></a></li>
<li class="m"><a class="m" href="/index/0-2">О сайте <img alt="" src="//web.ucoz.ru/img/001.gif" align="" border="0"><br></a></li>
<li class="m"><a class="m" href="/index/0-3">Контакты <img alt="" src="//web.ucoz.ru/img/001.gif" align="" border="0"><br></a></li>

</ul>
</div>
<script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script><!--/U1MENU1Z--></td>
 <td align="right" height="185" width="25%"><img src="//web.ucoz.ru/img/h1.gif" border="0"></td>
 <td height="185" width="30%"><img src="//web.ucoz.ru/img/h11.gif" border="0"></td>
</tr>
<!-- /Header -->

<!-- Body -->
<tr>
 <td width="20%"><br></td>
 <td colspan="2" height="50%" valign="top">


 <table style="border: 1px solid rgb(108, 108, 108);" border="0" cellpadding="15" cellspacing="0" height="100%" width="100%"><tbody><tr><td style="background: rgb(0, 0, 0) url(//web.ucoz.ru/img/h3.gif) no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" height="100%" valign="top"><br><div style="text-align: right; padding-bottom: 3px;">[ <a href="$ADD_NEWS_LINK$">Добавить новость</a> ]<br><br><br><br></div><!--%IFEN9%3%-->
$LAST_NEWS$<p>  </p></td></tr></tbody></table>

 </td>

 <td style="background: rgb(0, 0, 0) url(//web.ucoz.ru/img/h4.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top" width="30%"><img src="//web.ucoz.ru/img/h2.gif" border="0"></td>
</tr>
<!-- /Body -->

<!-- Footer -->
<tr>
 <td width="20%"><br></td>
 <td colspan="2" align="center" width="50%">$POWERED_BY$</td>
 <td width="30%"><br></td>

</tr>
</tbody></table>
<!-- /Footer -->
</td></tr></tbody></table>
</body></HTML>

2) И так далее по всем страницам вставляете ! ;) ! Удачи вам !

DEMO

Отредактировано papas_tm_serjik (16.01.2012 20:24)