Форум русской поддержки Joomla!® CMS
04.12.2016, 16:20:59 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Постраничная навигация (Пагинация) в Материале

 (Прочитано 227 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« : 10.02.2016, 16:24:44 »

Доброго времени суток
Прошу помочь решить проблему с постраничной навигацией в материале:
сейчас она имеет следующий вид :
Показать текстовый блок
Избавился через Pagination.php от "страница х из у"
А привести в нормальный вид отображение не получается.
Хочу опустить постраничную навигацию под новость, и отображать ее не в виде меню, а нумерацией страниц.

Joomla 3.4.4
PHP 5.5
Записан
effrit
Группа развития
*****

Репутация: +730/-7
Offline Offline

Пол: Мужской
Сообщений: 6795


effrit.com


« Ответ #1 : 10.02.2016, 16:43:49 »

а она вам точно нужна?
ну. т.е вам именно 1 материал надо дробить на части, а не выводить несколько?
Записан
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« Ответ #2 : 10.02.2016, 16:47:05 »

а она вам точно нужна?
ну. т.е вам именно 1 материал надо дробить на части, а не выводить несколько?
Вся затычка в том, что Фон шаблона цельной картинкой, и если не дробить статью, получается, что некрасиво отображается она на странице.
Если Вы подскажете альтернативный вариант - буду благодарен.
Записан
hmarno
Осваиваюсь на форуме
***

Репутация: +0/-1
Offline Offline

Сообщений: 95


« Ответ #3 : 10.02.2016, 16:48:43 »

Может Вы имеете в виду постраничная навигация в блоге категории? Тогда задайте стили CSS и все.
Можете взять стили с стандартного шаблона .pagination

Код:
.pagination-list a{ color:#000;}
.pagination {
margin: 18px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 18px;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
color: #999;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: #3db5f1;
background-color: transparent;
cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
padding: 11px 19px;
font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
padding: 2px 10px;
font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
padding: 0 6px;
font-size: 9.75px;
}
Записан
effrit
Группа развития
*****

Репутация: +730/-7
Offline Offline

Пол: Мужской
Сообщений: 6795


effrit.com


« Ответ #4 : 10.02.2016, 16:53:53 »

ну контент резать под кривой дизайн - это пусть для славного титаника )).
советую домучить шаблон, чтоб тянулся и людей не пугал.
тем более, что люди могут шрифт увеличить, например, и грабли все равно вылезут )
Записан
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« Ответ #5 : 10.02.2016, 17:01:15 »

ну контент резать под кривой дизайн - это пусть для славного титаника )).
советую домучить шаблон, чтоб тянулся и людей не пугал.
тем более, что люди могут шрифт увеличить, например, и грабли все равно вылезут )
Знать бы еще как допилить шаблон, "сковыряный" артистиром (
Записан
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« Ответ #6 : 10.02.2016, 17:03:57 »

Может Вы имеете в виду постраничная навигация в блоге категории? Тогда задайте стили CSS и все.
Можете взять стили с стандартного шаблона .pagination

Код:
CSS не помогли (pagination перетянул с шаба) (
Уже начинаю думать, как по другому вывести новость порезаной.
.pagination-list a{ color:#000;}
.pagination {
margin: 18px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 18px;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
color: #999;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: #3db5f1;
background-color: transparent;
cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
padding: 11px 19px;
font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
padding: 2px 10px;
font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
padding: 0 6px;
font-size: 9.75px;
}
Записан
effrit
Группа развития
*****

Репутация: +730/-7
Offline Offline

Пол: Мужской
Сообщений: 6795


effrit.com


« Ответ #7 : 10.02.2016, 17:06:04 »

артистер - это платный мрак.
возьмите какой-нить бесплатный шаблон от производителя, не варезный.
Записан
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« Ответ #8 : 10.02.2016, 17:18:11 »

артистер - это платный мрак.
возьмите какой-нить бесплатный шаблон от производителя, не варезный.

Надо поискать, что то двух колоночное) Может посоветуете у кого лучше искать?)
Записан
Missile
Завсегдатай
*****

Репутация: +70/-0
Offline Offline

Пол: Женский
Сообщений: 682


« Ответ #9 : 10.02.2016, 17:18:17 »

background-position: 50% 0%; #закрепляем картинку по центру вверху
width: 100%; #заставляем картинку тянуться по ширине
height: auto; #можно вообще не указывать

Устанавливаете в свойствах body background желаемый цвет. Берёте картинку разрешением побольше, нижний край изящно затушёвываете этим же цветом, создавая мягкий переход. И всё. Как вариант - картинка с прозрачными краями в PNG или GIF.
Записан
Missile
Завсегдатай
*****

Репутация: +70/-0
Offline Offline

Пол: Женский
Сообщений: 682


« Ответ #10 : 10.02.2016, 17:25:13 »

Посмотрите вот этот шаблон - https://demo.gavick.com/joomla25/magazine/
Записан
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« Ответ #11 : 10.02.2016, 17:32:52 »

спасибо, попробую
Записан
Apoca1ypto
Завсегдатай
*****

Репутация: +63/-0
Offline Offline

Пол: Мужской
Сообщений: 617



« Ответ #12 : 10.02.2016, 17:38:04 »

Прошу помочь решить проблему с постраничной навигацией в материале:
Плагин PageBreakMyJspace, как раз для разбивки материала на несколько страниц. Разбить текст можно с помощью редактора добавив название страниц для навигации.
Записан
Lok[i]
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 7


« Ответ #13 : 10.02.2016, 17:54:13 »

Спасибо всем, я Олух...
Оказывается в настройках плагина "Разрыв Страницы" можно все сделать закладками....
Осталось только разобраться, как их продублировать вконец новости)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet