BBCode скриншота с uploads.ru
Описание:
Красивый шаблон для Ucoz.Рип сайта Elcreativo.ru Рекомендую активировать Php
Что бы нормальна, работал слайдер , и картинка новость сайта 
Автор и источник:
www.ucoz.usertalk.ru
Архив:
Установка:
Эти два кода надо перевести в UTf8 создаем текстовый документ кидаем туда код и сохраняем как order.html и portfolio.html и ставим кодировку как Utf8
order.html :
Код:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ELCREATIVO | Заказ услуг</title>
<link rel="shortcut icon" href="/images/favico.jpg" />
<link href="/styles/main.css" rel="stylesheet" type="text/css" />
<link href="/styles/tabs.css" rel="stylesheet" type="text/css" />
<link href="/styles/nivo-slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(function() {
$("ul.tabs").tabs("div.panes > div");
});
</script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body class="bg">
<div class="wrapp">
<div class="header">
<div class="headtop"></div>
<div class="headmenu">
<div class="menublock">
<div class="navi">
<span class="mainlink"><a href="/" title=""><img src="/images/spacer.gif" alt=""/></a></span>
<span class="portfoliolink"><a href="portfolio.html" title=""><img src="/images/spacer.gif" alt=""/></a></span>
<span class="orderlink"><a href="order.html" title=""><img src="/images/spacer.gif" alt=""/></a></span>
<span class="infolink"><a href="info.html" title=""><img src="/images/spacer.gif" alt=""/></a></span>
</div>
</div>
<div class="menushadow"></div>
</div>
<div class="headbottom">
<div class="logo"><a href="/" title=""><img src="/images/spacer.gif" width="244" height="214" alt=""/></a></div>
<div class="presentbox">
<div id="slider" class="nivoSlider">
<img src="/images/slide/sl1.png" alt="" />
<img src="/images/slide/sl2.png" alt="" />
<img src="/images/slide/sl3.png" alt="" />
<img src="/images/slide/sl4.png" alt="" />
</div>
</div>
<div class="clear"></div>
</div>
<div class="space"></div>
<div class="space"></div>
</div>
<div class="sepblock">
<div class="line"></div>
<div class="sepshadow"></div>
<div class="otsl"></div>
<div class="kr"></div>
</div>
<div class="container">
<div class="leftside">
<div class="order">
<form method="POST" action="mailto:Ваш маил" >
<table>
<tr>
<td width="100px"><b>Ваше Имя:</b></td>
<td><INPUT type="text" name="name" size="50"></td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div>
</td>
</tr>
<tr>
<td width="100px"><b>Ваш e-mail:</b></td>
<td><INPUT type="text" name="email" size="50"></td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div></td>
</tr>
<tr>
<td width="100px"><b>ICQ|Skype:</b></td>
<td><INPUT type="text" name="icq" size="50"></td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div></td>
</tr>
<tr>
<td width="100px"><b>Вид услуг:</b></td>
<td><select class="textbox" name="uslugi" style="font-family: Tahoma; font-size: 8pt;">
<option selected="selected" value="">Вид услуг:</option>
<option value="Заказ шаблона"> - - Заказ шаблона:</option>
<option value="Заказ иконок"> - - Заказ иконок</option>
<option value="Заказ логотипа"> - - Заказ логотипа</option>
<option value="Заказ баннеров"> - - Заказ баннера</option>
<option value="Заказ целого сайта"> - - Заказ целого сайта</option>
<option value="Заказ целого сайта"> - - Простая вёрстка</option>
<option value="Заказ целого сайта"> - - Создание PSD макета</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div></td>
</tr>
<tr>
<td width="100px"><b>Способ оплаты:</b></td>
<td>
<select class="textbox" name="oplata" style="font-family: Tahoma; font-size: 8pt;">
<option selected="selected" value="">Способ оплаты:</option>
<option value="Webmoney"> - - Webmoney</option>
<option value="Яндекс деньги"> - - Яндекс деньги</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div></td>
</tr>
<tr>
<td width="100px"><b>Бюджет:</b></td>
<td><INPUT type="text" name="budget" size="50"></td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div></td>
</tr>
<tr>
<td width="100px"><b>Сообщение:</b></td>
<td><textarea name="query" cols="50" rows="5"></textarea></td>
</tr>
<tr>
<td colspan="2"><div class="dotted"></div></td>
</tr>
<tr>
<td colspan="2" align="center"><INPUT type="submit" value="" class="sendbtn"></td>
</tr>
</table>
</FORM>
<div class="dotted"></div>
<div class="impot">Оптимальный способ подачи заявки по icq, в этом случае вы быстро получите ответ.</div>
</div>
</div>
<div class="rightside">
<div class="leftcont">
<div class="maintabs">
<ul class="tabs">
<li class="news"><a href="#"><img src="/images/spacer.gif" alt=""/></a></li>
<li class="comm"><a href="#"><img src="/images/spacer.gif" alt=""/></a></li>
</ul>
</div>
<div class="panes">
<div class="lastnews">
<h2>Обновление портфолио.</h2>
<div class="ldate">Добавлено 31.05.2011</div>
<div>В портфолио добавлено еще несколько из наших
работ.</div>
<h2>Открытие студии!!!</h2>
<div class="ldate">Добавлено 10.11.2010</div>
<div>С радостью сообщаем, что наша студия открылась. Мы
предоставляем услуги веб-дизайна, графики, создания
логотипов, модификации скриптов, дизайнов, установку
и настройку СMS.</div>
<h2>Акция: получи дизайн со скидкой.</h2>
<div class="ldate">Добавлено 10.11.2010</div>
<div>Мы решили растянуть праздник нашего открытия на
целый месяц, так, что каждый заказавший наши услуги
в этот период получат скидку 15%.</div>
<div class="tabbutton"><a href="#" title=""><img src="/images/spacer.gif" alt=""/></a></div>
</div>
<div class="les"><h2>Вторая вкладка.</h2>
<p>
Содержимое второй вкладки.
</p>
<div class="tabbutton"><a href="#" title=""><img src="/images/spacer.gif" alt=""/></a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="cont_bt">
<div class="kont_shdw"></div>
<div class="kont_ln"></div>
<div class="kont">
</div>
</div>
</div>
</div>
<div class="space2"></div>
<div class="footer">
<div class="foot">
<div class="ftrleft">
<div class="rel">
<noindex>
<span class="vkontakte"><a href="http://vk.com" data-count="none" onclick="window.open(this.href, 'Поделиться ссылкой в vkontakte', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
<span class="twitter"><a href="http://twitter.com" data-count="none" onclick="window.open(this.href, 'Поделиться ссылкой в twitter', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
<span class="ffeed"><a href="http://friendfeed.com" title="" onclick="window.open(this.href, 'Поделиться ссылкой в friendfeed', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
<span class="faceb"><a href="http://www.facebook.com" title="" onclick="window.open(this.href, 'Поделиться ссылкой в facebook', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
</noindex>
</div>
</div>
<div class="slogan"></div>
<div class="ftrctr">
<div class="copy">© <a href="/" title="">Elcreativo.ru</a> - Студия Веб-Дизайна и Графики<br />Данный дизайн, а так же логотип и бренд студии защищен авторскими правами.
</div>
</div>
</div>
</div>
</body>
</html>portfolio.html :
Код:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ELCREATIVO | Портфолио</title>
<link rel="shortcut icon" href="/images/favico.jpg" />
<link href="/styles/main.css" rel="stylesheet" type="text/css" />
<link href="/styles/tabs.css" rel="stylesheet" type="text/css" />
<link href="/styles/nivo-slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(function() {
$("ul.tabs").tabs("div.panes > div");
});
</script>
<script type="text/javascript" src="/js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a#example1").fancybox({
'titleShow' : false
});
$("a#example2").fancybox({
'titleShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
$("a#example3").fancybox({
'titleShow' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("a#example4").fancybox();
$("a#example5").fancybox({
'titlePosition' : 'inside'
});
$("a#example6").fancybox({
'titlePosition' : 'over'
});
$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
/*
* Examples - various
*/
$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
$("#various2").fancybox();
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
$("#various4").fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
</head>
<body class="bg">
<div class="wrapp">
<div class="header">
<div class="headtop"></div>
<div class="headmenu">
<div class="menublock">
<div class="navi">
<span class="mainlink"><a href="/" title=""><img src="/images/spacer.gif" alt=""/></a></span>
<span class="portfoliolink"><a href="portfolio.html" title=""><img src="/images/spacer.gif" alt=""/></a></span>
<span class="orderlink"><a href="order.html" title=""><img src="/images/spacer.gif" alt=""/></a></span>
<span class="infolink"><a href="#" title=""><img src="/images/spacer.gif" alt=""/></a></span>
</div>
</div>
<div class="menushadow"></div>
</div>
<div class="headbottom">
<div class="logo"><a href="/" title=""><img src="/images/spacer.gif" width="244" height="214" alt=""/></a></div>
<div class="presentbox">
<div id="slider" class="nivoSlider">
<img src="/images/slide/sl1.png" alt="" />
<img src="/images/slide/sl2.png" alt="" />
<img src="/images/slide/sl3.png" alt="" />
<img src="/images/slide/sl4.png" alt="" />
</div>
</div>
<div class="clear"></div>
</div>
<div class="space"></div>
<div class="space"></div>
</div>
<div class="sepblock">
<div class="line"></div>
<div class="sepshadow"></div>
<div class="otsl"></div>
<div class="kr"></div>
</div>
<div class="container">
<div class="lportfolio">
<div class="portfcont">
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
<a rel="example_group" href="Картинка" title="Текст"><img alt="" src="Картинка" /></a>
</div>
<div class="clear"></div>
<div class="order_button"><a href="order.html" title=""><img src="/images/spacer.gif" alt=""/></a></div>
</div>
<div class="cont_bt">
<div class="kont_shdw"></div>
<div class="kont_ln"></div>
<div class="kont">
</div>
</div>
</div>
</div>
<div class="space2"></div>
<div class="footer">
<div class="foot">
<div class="ftrleft">
<div class="rel">
<noindex>
<span class="vkontakte"><a href="http://vk.com" data-count="none" onclick="window.open(this.href, 'Поделиться ссылкой в vkontakte', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
<span class="twitter"><a href="http://twitter.com" data-count="none" onclick="window.open(this.href, 'Поделиться ссылкой в twitter', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
<span class="ffeed"><a href="http://friendfeed.com" title="" onclick="window.open(this.href, 'Поделиться ссылкой в friendfeed', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
<span class="faceb"><a href="http://www.facebook.com" title="" onclick="window.open(this.href, 'Поделиться ссылкой в facebook', 'width=800,height=300'); return false"><img src="/images/spacer.gif" alt=""/></a></span>
</noindex>
</div>
</div>
<div class="slogan"></div>
<div class="ftrctr">
<div class="copy">© <a href="/" title="">Elcreativo.ru</a> - Студия Веб-Дизайна и Графики<br />Данный дизайн, а так же логотип и бренд студии защищены авторскими правами.
</div>
</div>
</div>
</div>
</body>
</html>