Новости Joomla

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

Sisi

  • Новичок
  • 6
  • 0 / 0
Подскажите пожалуйста как в шаблоне protostar поставить разделитель между статьями блога?
Пишу в css:

.item_seperator
{
background: url("../images/raz.jpg") repeat-x;
display:block;
height: 15px;
}

пишу:
span.article_seperator
{
height: 15px;
background: url(../images/raz.jpg) repeat-x;
}

ничего не помогает :(
*

fbr

  • Завсегдатай
  • 1683
  • 210 / 7
.article_seperator
.item_seperator

А где вы нашли эти классы? Если не ошибаюсь, в j3.x нет никаких сепараторов ...
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Не знаю к чему Вы прикручиваете эти стили,
но мне кажется, не хватает background-position: left center;
к примеру
*

Sisi

  • Новичок
  • 6
  • 0 / 0
на форумах было написано... но это про 2,5 j и 1,5,
а вот про 3 ничего такого нет
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Имеется ввиду вывод блога материалов списком? там используется .items-leading для всего списка и .leading-* для каждого итема.
Попробуйте для примера:
Код: css
.items-leading [class*="leading-"] {
  margin: 20px 0;
  border-bottom: 1px solid #eee;
}
*

Sisi

  • Новичок
  • 6
  • 0 / 0
Имеется ввиду вывод блога материалов списком? там используется .items-leading для всего списка и .leading-* для каждого итема.
Попробуйте для примера:
Код: css
.items-leading [class*="leading-"] {
  margin: 20px 0;
  border-bottom: 1px solid #eee;
}
не получается :(
нужно чтобы между записями линия стояла или картинка, а то сливаются все материалы в блоге...
*

AlekVolsk

  • Гуру
  • 6913
  • 416 / 4
Ссылку на сайт можете дать?
*

Sisi

  • Новичок
  • 6
  • 0 / 0
извините, не могу...
сайт только разрабатывается
*

fbr

  • Завсегдатай
  • 1683
  • 210 / 7
Код: css
[class*="leading-"]:after {
content: '';
 /* сюда стили, которые у вас в первом посте */
}
*

Sisi

  • Новичок
  • 6
  • 0 / 0
Код: css
[class*="leading-"]:after {
content: '';
 /* сюда стили, которые у вас в первом посте */
}


Спасибо большое, получилось вставить линию как разделитель.
Но вот с картинкой что-то по-прежнему не получается...

[class*="leading-"]:after {
content: '';
background: url("../images/raz.jpg") repeat-x;
display: block;
margin: 4px;
height: 15px;
}
*

fbr

  • Завсегдатай
  • 1683
  • 210 / 7

Но вот с картинкой что-то по-прежнему не получается...

что не получается?
посмотрите код в FireBug , или какой-там у вас инспектор кода
вариантов может быть много, например url неправильно указали ...
*

Sisi

  • Новичок
  • 6
  • 0 / 0
вот блок создается, а картинка там не отображается... url верный
*

vasmed

  • Осваиваюсь на форуме
  • 47
  • 1 / 0
У меня получилось сделать разделители в блоге категории. Спасибо AlekVolsk. Еще пришлось убрать лишние линии.
.items-leading [class*="leading-"],.items-row .item {
  margin: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
.blog .page-header,.blog .row-fluid {
border-bottom:none !important;}

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 4771
Последний ответ 27.07.2023, 13:37:17
от ei-dos
Шаблон Protostar, как поставить на фон картинку

Автор Дмитрий2586

Ответов: 32
Просмотров: 9071
Последний ответ 16.08.2021, 03:16:39
от Ада
Как в мобильной версии поставить "блок особенностей" в два столбца?

Автор sergspb

Ответов: 7
Просмотров: 1013
Последний ответ 15.04.2021, 13:51:54
от xpank
com_content/category/blog_item Как поставить ссылку на элемент

Автор RTEagle

Ответов: 2
Просмотров: 1024
Последний ответ 03.08.2018, 19:01:03
от RTEagle
Расстояние между блоками

Автор Rebarun

Ответов: 2
Просмотров: 914
Последний ответ 17.02.2018, 21:09:33
от Rebarun