BBCode скриншота с uploads.ru
Описание:
Красивый шаблон для Ucoz.Рип сайта Elcreativo.ru Рекомендую активировать Php
Что бы нормальна, работал слайдер , и картинка новость сайта 
Автор и источник:
www.ucoz.usertalk.ru
Архив:
Установка:
Закидываем архив в корень сайта и вставляем код в Управление дизайном » Общие шаблоны » Главная страница сайта:
Главная страница сайта
Код:<!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>
Для страницы с Портфолио, можно использовать Фотогалерее
Код:<!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>