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

slepoy

  • Завсегдатай
  • 713
  • 21
  • Тотальная шизофазия
Здравствуйте.
К сожалению не смог найти через поиск готовое решение свой проблемы.
А решать ее можно, загружая на определенной странице (только на главной странице) определенные стили с !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

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

slepoy

  • Завсегдатай
  • 713
  • 21
  • Тотальная шизофазия
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

  • Живу я здесь
  • 1283
  • 142
Re: CSS стиль только на одной странице
« Ответ #3 : 31.10.2013, 22:46:30 »
Код: php
<?php if (JURI::current() = JURI::base()) { ?>
  ...
<?php } ?>

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

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

Fedor Vlasenko

  • Профи
  • 3806
  • 698
  • Все начинается с Value
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

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

57tr

  • Новичок
  • 7
  • 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. поправил нужно ==
Ты такой отличный парень! Большое спасибо тебе за решение!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

Ответов: 3
Просмотров: 270
Последний ответ 07.09.2017, 10:10:40
от Mick_20
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 1123
Последний ответ 26.06.2017, 15:07:35
от Shustry
Вывод элемента :after в одной строке с последним словом

Автор lalalag

Ответов: 3
Просмотров: 155
Последний ответ 15.06.2017, 16:38:35
от Shustry
[Решено] Прошу помощи - кособочит форму ввода

Автор zndm

Ответов: 3
Просмотров: 435
Последний ответ 07.02.2017, 12:16:23
от zndm
[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10

Автор AlekVolsk

Ответов: 0
Просмотров: 526
Последний ответ 26.01.2017, 16:35:58
от AlekVolsk