Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 13 Ответов
  • 1369 Просмотров
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Подскажите, для того, чтобы сверстать такую страницу блога категории, ведь одного CSS не хватит? Надо будет изменять вывод на уровне PHP?
*

voland

  • Легенда
  • 11030
  • 588 / 112
  • Эта строка съедает место на вашем мониторе
Re: Дизайн для блога категории
« Ответ #1 : 26.01.2015, 12:13:26 »
Отчего ж не хватит? Легко.
Для очередности правда придеться использовать css3 селекторы типа nth-child(odd)
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Дизайн для блога категории
« Ответ #2 : 26.01.2015, 12:54:34 »
Это на уровне blog.php где-то тут надо задать?
<div class="items-row cols-<?php echo (int) $this->columns; ?> <?php echo 'row-' . $row; ?> row-fluid clearfix">
*

voland

  • Легенда
  • 11030
  • 588 / 112
  • Эта строка съедает место на вашем мониторе
Re: Дизайн для блога категории
« Ответ #3 : 26.01.2015, 13:00:26 »
Что задать? Зачем?
Ничего не надо там трогать.

Только CSS
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Дизайн для блога категории
« Ответ #4 : 26.01.2015, 13:09:22 »
Совсем не меняя разметку это будет сложно реализовать.
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Дизайн для блога категории
« Ответ #5 : 26.01.2015, 13:59:16 »
Совсем не меняя разметку это будет сложно реализовать.
А можно поподробнее? Именно по PHP что надо будет изменить? или это в одну строку не вложиться?)
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Дизайн для блога категории
« Ответ #6 : 26.01.2015, 14:01:18 »
Что задать? Зачем?
Ничего не надо там трогать.

Только CSS

По селекторам я просто не особо шарю) Планировался такой вариант, как в PHP задать что-то типа if нечетное, то div с блоком такой-то, esle - другой. И потом уже стилями изи будет.
*

voland

  • Легенда
  • 11030
  • 588 / 112
  • Эта строка съедает место на вашем мониторе
Re: Дизайн для блога категории
« Ответ #7 : 26.01.2015, 14:05:03 »
Вообщем надо переименовать тему в "сверстайте за меня".
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Дизайн для блога категории
« Ответ #8 : 26.01.2015, 15:11:57 »
Вообщем надо переименовать тему в "сверстайте за меня".
Я так не просил. Мне нужен совет по указанию верного пути для движения. В селекторах я не шарю и всего лишь хотел уточнить верны ли мои мысли по поводу PHP.
А если надо будет "сверстать за меня", то я и создам соответствующую тему в коммерческом разделе.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Дизайн для блога категории
« Ответ #9 : 26.01.2015, 15:20:05 »
Ну, если не шарите, то учите мат.часть: htmlbook.ru вам в помощь, и это сейчас для вас самый верный путь.
По поводу пыха - да, мысли верны но надо понимать, где и как это в шаблоне использовать.
И да: приготовьтесь на это потратить не один месяц, если хотите научится разбираться.
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Дизайн для блога категории
« Ответ #10 : 28.01.2015, 00:18:29 »
Мб кому пригодится... Проблема решилась очень легко, правда чел помог, который в js разбирается :-)

В blog.php добавил класс news:
Код
<?php foreach ($this->lead_items as &$item) : ?>
<div class="news leading-<?php echo $leadingcount; ?><?php echo $item->state == 0 ? ' system-unpublished' : null; ?>"
itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<?php
$this->item = & $item;
echo $this->loadTemplate('item');
?>
</div>
<?php $leadingcount++; ?>
<?php endforeach; ?>

В JS:
Код
jQuery(document).ready(function(){
jQuery('.news').filter(':odd').addClass('odd');
});

В стили:
Код
.odd .item-image img {
float: right;
и т.д.
}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Дизайн для блога категории
« Ответ #11 : 28.01.2015, 02:20:36 »
Что ж так сурово то, через JS?

Код
<?php $x = 0; ?>
<?php foreach ($this->lead_items as &$item) : ?>?>
<div class="news<?php if (х % 2 == 0) { echo ' odd'} ?> leading-<?php echo $leadingcount; ?><?php echo $item->state == 0 ? ' system-unpublished' : null; ?>"
.
.
.
.
.
<?php $x++; ?>
<?php endforeach; ?>
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Дизайн для блога категории
« Ответ #12 : 28.01.2015, 02:23:32 »
Вообще псевдокласс :nth-child понимают все современные браузеры.
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Дизайн для блога категории
« Ответ #13 : 28.01.2015, 09:34:54 »
Что ж так сурово то, через JS?
Ну как смог - так смог) Ваш вариант тоже сохраню, на всякий случай.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как поправить макет блога?

Автор wishlight

Ответов: 4
Просмотров: 863
Последний ответ 26.04.2019, 10:35:57
от wishlight
VMSITE-LTR смещается текст и в категории и в карточке товара

Автор lts

Ответов: 0
Просмотров: 1330
Последний ответ 17.02.2017, 18:37:55
от lts
Minitek Wall module сделать кликабельную картинку категории материала

Автор meloman

Ответов: 23
Просмотров: 2443
Последний ответ 18.04.2016, 19:05:36
от meloman
Блог категории "пазлами"?

Автор reasons

Ответов: 1
Просмотров: 921
Последний ответ 06.01.2016, 18:46:15
от reasons
Проблема с отображением в блоге категории

Автор svisch

Ответов: 45
Просмотров: 2531
Последний ответ 01.02.2015, 23:05:47
от svisch