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

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Здравствуйте.
К сожалению не смог найти через поиск готовое решение свой проблемы.
А решать ее можно, загружая на определенной странице (только на главной странице) определенные стили с !important.
Спасибо.
Цитировать
Несколько модулей на главной странице использует файл стилей module.css. Откорректировав его, я добиваюсь желаемого внешнего вида одного из модулей (Activity Stream для JomSocial). Но когда я перехожу на главную страницу JomSocial, то вижу что ей подгружается свой файл style.css, а модулями подгружается указанный выше module.css. И в результате стили из module.css перекрывают собой стили из style.css (используют один и тот же класс). Я бы мог добавить в style.css !important, чтобы в JomSocial все выглядело, как и планировалось. Но какая-то зараза на главной странице подгружает два файла: style.css и module.css. Получается - либо так либо так. Ничего не выходит.
Спасибо.
« Последнее редактирование: 06.11.2013, 22:36:30 от slepoy »
Помог? Поставь(те) плюс в репутацию.
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: CSS стиль только на одной странице
« Ответ #1 : 31.10.2013, 02:10:15 »
В шаблоне задаете условие на главную:
Код: php
if (JURI::current() = JURI::base()) {
  // Подключаете или отключаете что хотите
}
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: CSS стиль только на одной странице
« Ответ #2 : 31.10.2013, 21:39:28 »
Должно получиться так?
Код: php
<?php if (JURI::current() = JURI::base()) {
.top-gap{margin-top:10px}
.top-gap img {height:50px; padding:3px;}
.bottom-gap{margin-bottom:10px}
.bottom-gap img{height:50px; padding:3px; float: left;}
.cStream-Attachment{display:inline-block;width:100%}
.cStream-Attachment img {height:52px}
}
<?php endif ?>
А если указать конкретную ссылку вместо base, то как будет выглядеть первая строка? Спасибо.
Помог? Поставь(те) плюс в репутацию.
*

fbr

  • Завсегдатай
  • 1625
  • 189 / 7
Re: CSS стиль только на одной странице
« Ответ #3 : 31.10.2013, 22:46:30 »
Код: php
<?php if (JURI::current() = JURI::base()) { ?>
  ...
<?php } ?>

А если указать конкретную ссылку вместо base, то как будет выглядеть первая строка? Спасибо.

по другому
Определение текущей страницы. Много раз обсуждалось. Воспользуйтесь поиском
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: CSS стиль только на одной странице
« Ответ #4 : 01.11.2013, 03:40:31 »
Код: php-brief
<?php
//для шаблона иначе $this заменить на JFactory::getDocument()
if (JURI::current() == JURI::base()) $this->addStyleDeclaration('
.top-gap{margin-top:10px}
.top-gap img {height:50px; padding:3px;}
.bottom-gap{margin-bottom:10px}
.bottom-gap img{height:50px; padding:3px; float: left;}
.cStream-Attachment{display:inline-block;width:100%}
.cStream-Attachment img {height:52px}
');
?>
Можно вставлять даже в конце страницы. Выведет все равно в head
P.S. поправил нужно ==
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
RE: CSS стиль только на одной странице
« Ответ #5 : 06.11.2013, 22:36:56 »
Спасибо большое - то, что нужно.
Помог? Поставь(те) плюс в репутацию.
*

57tr

  • Новичок
  • 7
  • 0 / 0
RE: CSS стиль только на одной странице
« Ответ #6 : 29.10.2016, 13:00:41 »
Код: php-brief
<?php
//для шаблона иначе $this заменить на JFactory::getDocument()
if (JURI::current() == JURI::base()) $this->addStyleDeclaration('
.top-gap{margin-top:10px}
.top-gap img {height:50px; padding:3px;}
.bottom-gap{margin-bottom:10px}
.bottom-gap img{height:50px; padding:3px; float: left;}
.cStream-Attachment{display:inline-block;width:100%}
.cStream-Attachment img {height:52px}
');
?>
Можно вставлять даже в конце страницы. Выведет все равно в head
P.S. поправил нужно ==
Ты такой отличный парень! Большое спасибо тебе за решение!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили на одной странице

Автор yyyuuu

Ответов: 1
Просмотров: 1008
Последний ответ 17.02.2023, 17:11:08
от marksetter
Как отобразить текст только на мобильных, на Пк и планшетах скрыть?

Автор web1

Ответов: 6
Просмотров: 1760
Последний ответ 20.09.2022, 22:14:03
от darkghost
Запретить наследование из шаблона на странице SP Page Build

Автор AlexP750

Ответов: 15
Просмотров: 1633
Последний ответ 17.08.2021, 12:30:51
от AlexP750
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1294
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1079
Последний ответ 20.07.2020, 11:18:44
от kuraev64