Главная - Все для web-мастера uCoz

Сайт - визитка "Madison"

Скачать
Сайт - визитка "Madison"
В последнее время появляется очень много сложных шаблонов абсолютно разной тематики - игры, кино, торренты и многое другое. А я вот предлагаю вам хороший, а главное лёгкий шаблон под названием "Madison". Мне кажется, что он очень подходит не только для сайтов-визиток, так ещё и для блогов. Здесь мы видим шапку и горизонтальное меню, а ниже - материалы сайта. Кстати, вид материалов мне тоже очень приглянулся. Готовы для работы модули фото и видео, а также контактная форма. При желании адаптацию легко закончить. Берите, и я думаю, не пожалеете.
Установка:

1. Код, устанавливаем между body

Код
<script>
  $(function($){
   
  $('.ajax').attr('onclick','return false;').click(function(){
  var title = $(this).attr('title');
  var href = $(this).attr('href');
  $('title').html(title);
  $('#content').load(href+' #content', function(){
  history.pushState(null, null, href);
  });
  });
  });
   
  window.onpopstate = function( e ) {

  var returnLocation = history.location || document.location;
  var returnTitle = history.propertyName || document.title;  
  // тут можете вызвать подгруздку данных и т.п.
  $('title').html(returnLocation.title)
  $('#content').load(returnLocation.href+ ' #content', function(){
  history.pushState(null, null, href);
   
  });
   
  }
   
</script>


2. Div, в который нужно поместить весь изменяемый контент (который будет меняться при переходах)

Код
<div id="content">ваш код</div>


3. Ну и вид ссылки, для ajax перехода:

Код
<a href='ссылка на страницу' title='название для смены title' class='ajax' >Сама ссылка</a>


Хочу уточнить, что на каждой странице с ajax переходами должны стоять первые 2 кода обязательно!

Готово!

Источник: yraaa.ru

Просмотров: 1364 | Написал: Kulac | Дата: 08.07.2013 | Комментарии: (0)

info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0