BBCode скриншота с uploads.ru

Описание:
Красивый шаблон для Ucoz.Рип сайта Elcreativo.ru Рекомендую активировать Php
Что бы нормальна, работал слайдер , и картинка новость сайта  https://forumupload.ru/uploads/0007/af/57/16341-1.gif

Автор и источник:
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>