[Решено] CSS стиль только на одной странице

  • 6 Ответов
  • 2635 Просмотров

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

*

Оффлайн slepoy

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

*

Оффлайн fbr

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

*

Оффлайн slepoy

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

*

Оффлайн fbr

Re: CSS стиль только на одной странице
« Ответ #3 : 01.11.2013, 00:46:30 »
Код: (php) [Выделить]
<?php if (JURI::current() = JURI::base()) { ?>
  ...
<?php ?>

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

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

*

Оффлайн Fedor Vlasenko

  • ********
  • 3799
  • [+]704 / [-]6
  • Все начинается с Value
    • Просмотр профиля
    • Создание сайтов, поддержка сайтов
Re: CSS стиль только на одной странице
« Ответ #4 : 01.11.2013, 05: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

  • *****
  • 713
  • [+]21 / [-]0
  • Тотальная шизофазия
    • Просмотр профиля
    • Страна Крови
RE: CSS стиль только на одной странице
« Ответ #5 : 07.11.2013, 00:36:56 »
Спасибо большое - то, что нужно.
Помог? Поставь(те) плюс в репутацию.

*

Оффлайн 57tr

RE: CSS стиль только на одной странице
« Ответ #6 : 29.10.2016, 15: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. поправил нужно ==
Ты такой отличный парень! Большое спасибо тебе за решение!