Блог
Главная » jQuery » Новейшее портфолио для вашего сайта
04:29


Сегодня я хочу поделиться с вами шаблоном портфолио. Этот шаблон вы не найдет ни где, кроме как здесь:) Это портфолио полно экранное , прежде чем устанавливать его к себе на сайт, создайте отдельную страницу или используйте в файле html

Установка:

Это наше портфолио, ставим после body:
Code

<div class="item block" data-bgimage="/images/1.jpg">
  <div class="thumbs-wrapper">
  <div class="thumbs">
  <img src="/images/thumbs/1.jpg"/>
  <img src="/images/thumbs/2.jpg"/>
  </div>
  </div>
  <h2 class="title">Personal Works</h2>
  <p class="subline">Concept <span class="fancy">&</span> Design</p>
  <div class="intro">
  <p>
  Some short introduction
  <a href="#" class="more_link">View project</a>
  </p>
  </div>
  <div class="project-descr">
  <p>A longer description...</p>
  </div>
</div>


Подключаем стили для нашего портфолио:
Code

<link rel="stylesheet" type="text/css" href="/css/style.css" />
  <link rel="stylesheet" type="text/css" href="/css/jquery.jscrollpane.css" />


Этот скрипт вставляем перед закрывающимся тегом /body:
Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script type="text/javascript" src="/js/jquery.tmpl.min.js"></script>
  <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
  <!-- the jScrollPane script -->
  <script type="text/javascript" src="/js/jquery.mousewheel.js"></script>
  <script type="text/javascript" src="/js/jquery.jscrollpane.min.js"></script>
  <script type="text/javascript" src="/js/jquery.masonry.min.js"></script>
  <script type="text/javascript" src="/js/jquery.gpCarousel.js"></script>


Из прикрепленного архива заливаем все файлы в соответствующие папки css, js, images

Спасибо за внимание!

Категория: jQuery

Вы не авторизованы, по-этому вы не можете скачивать файлы к материалу, просматривать демо, читать и оставлять комментарии!

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?