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

Легкий шаблон "Easy Black"

Скачать
Легкий шаблон "Easy Black"
Не всем нравятся сложные шаблоны для сайтов определенной тематики. Ведь переделать его под другую тему очень сложно. Поэтому я предлагаю вам неплохой шаблон "Easy Black", и, как понятно из названия, сделан он в темных тонах и он очень простой. Здесь мы видим два меню - верхнее горизонтальное и вертикальное слева. Последнее можно использовать для какой-либо рекламы. Вид материалов очень красивый, несмотря на простоту. И "подвал" сайта хорошо сделан, туда многое поместится. Шаблон имеет только одну главную страницу, но через конструктор можно подстроить практически все модули.
Установка:

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 кода обязательно!

Готово!

Источник: Не указан

Просмотров: 1280 | Написал: Kulac | Дата: 09.07.2013 | Комментарии: (1)
    TFed | 07.09.2013
    Ну вроде бы норм,сейчас скачаю посмотрю :) Аватар


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