SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Как это "хрень" называется ?

Sa Sha Sa Sha  
10
  17.01.2017 22:37       1 491    
Как это "хрень" называется ?

Вообщем есть сайт на Html. Как это называется ? Дорожка, листок, page.

Нужно сделать мне такой же. Как это сделать или как называется 

вот скрин

DLy-icKqUwA.jpg

Ответы на пост (9) Написать ответ
Разбивка страниц называется. Погугли
0
Chuvachok Chuvachok
1124
17.01.2017 22:43
Эта хрень называется беговая дорожка, чем она длиннее, тем быстрее уменьшается ваш бюджет.
Пагинацией зовётся ...
1
Sa Sha Sa Sha
10
17.01.2017 22:45
Не понял все после слово беговая дорожка
0
garik1331 garik1331
1434
17.01.2017 23:11
Поллюция )
0
Chuvachok Chuvachok
1124
17.01.2017 23:15
поллюция чуть ниже
0
Вадим Вадим
988
17.01.2017 22:48
пагинация это
0
skykatnew skykatnew
11
17.01.2017 22:55
Кидай доступ к Ftp- сделаю . а называй как хочещь. Это постраничное меню в Css и Html
0
skykatnew skykatnew
11
17.01.2017 22:56
сооррри хотел сказать навигация- вот пример http://you-sayt.narod.ru/uroki/sozdanie-menu.html
0
skykatnew skykatnew
11
17.01.2017 22:58
или http://php-include.ru/stati/postranichnaya-navigaciya-css
или
Подключаем к сайту файл со стилями и JavaScript
<link rel="stylesheet" href="/css/style.css" type="text/css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/imtech_pager.js"></script>
Можете также скачать их во вложении в конце статьи. Эти стили поместите в style.css
.main
{
margin:0 auto;
background: #FFFFFF;
width:85%;
font-size:80%;
border:1px #000 solid;
padding:1em 2em 2em;
-moz-border-radius:3px;
-webkit-border-radius:3px
}

#content p{
text-indent:20px;
text-align:justify;
}
#pagingControls ul{
display:inline;
padding-left:0.5em
}
#pagingControls li{
display:inline;
padding:0 0.5em
}
Также поместите на странице следующий JavaScript код
<script type="text/javascript">
var pager = new Imtech.Pager();
$(document).ready(function() {
pager.paragraphsPerPage = 2; // определение количества элементов на странице
pager.pagingContainer = $('#content'); // выбор блока content в котором находиться текст
pager.paragraphs = $('p', pager.pagingContainer); //выбор тега для разделения текста
pager.showPage(1);
});
</script>
Таким образом текст,помещенный в контейнер с id="content"(который обернут контейнером с class="main") будет разбит на страницы.На каждой странице будет по 2 абзаца в теге p. В том месте, где вы хотите видеть навигацию - разместите контейнер с id="pagingControls". Вот как это работает:
11111111111

2222222

333333333

44444444

55555555

66666666

7777777

888888
0