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

Евгений_1

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Шаблон protostar
« : 24.03.2019, 23:50:10 »
Здравствуйте, как сделать чтобы модуль выводимый справа после бокового меню цеплялся за край верхней границы экрана при просмотре статьи?
*

Евгений_1

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Шаблон protostar
« Ответ #2 : 25.03.2019, 06:18:29 »
https://getbootstrap.com/2.3.2/javascript.html#affix
а готового решения нет, этот фрейм год изучать.
*

sivers

  • Завсегдатай
  • 1777
  • 243 / 0
Re: Шаблон protostar
« Ответ #3 : 25.03.2019, 11:05:45 »
CSS для модуля:

Код
position: fixed;
top: 0;

Если надо, чтоб фиксился при прокрутке (начиная с какого-то положения), то надо еще и JS подключать.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Evgenii_web

  • Захожу иногда
  • 137
  • 1 / 1
Re: Шаблон protostar
« Ответ #4 : 25.03.2019, 19:47:43 »
CSS для модуля:

Код
position: fixed;
top: 0;

Если надо, чтоб фиксился при прокрутке (начиная с какого-то положения), то надо еще и JS подключать.
Это в модуле в дополнительных настройка прописать где суффикс таблицы класса?
*

sivers

  • Завсегдатай
  • 1777
  • 243 / 0
Re: Шаблон protostar
« Ответ #5 : 25.03.2019, 20:39:33 »
Это в модуле в дополнительных настройка прописать где суффикс таблицы класса?
В модуле пропишите суффикс класса (первый символ - пробел, чтоб отдельный класс получился), например fixed-module.
Потом в css-файле (напр. custom.css) пропишите:
Код
.fixed-module {
    position: fixed;
    top: 0;
}
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Евгений_1

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Шаблон protostar
« Ответ #6 : 26.03.2019, 09:14:16 »
В модуле пропишите суффикс класса (первый символ - пробел, чтоб отдельный класс получился), например fixed-module.
Потом в css-файле (напр. custom.css) пропишите:
Код
.fixed-module {
    position: fixed;
    top: 0;
}

создав отдельный файл, прописав там ваши настройки, как же его увидит протостар, в шаблон никакие ссылки врезать не надо, обычно я в файл индекс пихаю всякие скрипты метрики и т.п.? Наверное в самом шаблоне есть файл стилей, если в нем прописать, то затерется после обновы?
*

sivers

  • Завсегдатай
  • 1777
  • 243 / 0
Re: Шаблон protostar
« Ответ #7 : 26.03.2019, 09:18:29 »
создав отдельный файл, прописав там ваши настройки, как же его увидит протостар, в шаблон никакие ссылки врезать не надо, обычно я в файл индекс пихаю всякие скрипты метрики и т.п.? Наверное в самом шаблоне есть файл стилей, если в нем прописать, то затерется после обновы?
Можно в индексе шаблона, тогда вот так:
Код
$this->addStyleDeclaration("
.fixed-module {
    position: fixed;
    top: 0;
}
");
Но мне такой вариант не очень нравится, поэтому добавляю через файлы обычно.
Попробуйте рядом с файлами стилей шаблона создать файл custom.css и user.css - знающие люди говорят, что некоторые шаблоны их подхватывают и подключают автоматически (при наличии). И тогда затираться ничего не будет.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Евгений_1

  • Осваиваюсь на форуме
  • 23
  • 0 / 0
Re: Шаблон protostar
« Ответ #8 : 26.03.2019, 09:30:22 »
Можно в индексе шаблона, тогда вот так:
Но мне такой вариант не очень нравится, поэтому добавляю через файлы обычно.
Попробуйте рядом с файлами стилей шаблона создать файл custom.css и user.css - знающие люди говорят, что некоторые шаблоны их подхватывают и подключают автоматически (при наличии). И тогда затираться ничего не будет.

/public_html/templates/protostar/css как я понял тут файл шаблона лежит, создаю свой пользовательский и если хочу что то изменить там пишу? Он точно подгузится или его подключать надо? Я думал протостаром все пользуются у меня все сателиты на нем. Спасибо тебе буду пробовать вечером. Давно ничем таким не занимался, каскадные таблицы вникал как то лет 10 назад потом уперся в базы данных и все забросил) К сожалению пока тебе + поставить не могу, сообщений не хватает, но я обязательно плюсану) Реальная помощь в этом дремучем коде.
*

sivers

  • Завсегдатай
  • 1777
  • 243 / 0
Re: Шаблон protostar
« Ответ #9 : 26.03.2019, 10:09:47 »
Индекс шаблона лежит вот тут:
/public_html/templates/protostar/index.php
но он будет переписываться при обновлении, если не создать копию шаблона.

А файлы custom.css и user.css попробуйте создать именно там, где указали:
/public_html/templates/protostar/css/

Точно ли они подхватятся - я не знаю, посмотрите в исходном коде страницы.

Протостаром не все пользуются. Я вот его разве что как справочный пример использую, а рабочие шаблоны все самописные. На форуме, если посмотрите, очень популярен некий Helix3.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Master3 – современный удобный гибкий шаблон для Joomla! 3 на фреймворке UIkit 3

Автор dron

Ответов: 81
Просмотров: 5550
Последний ответ 11.09.2021, 03:12:59
от vasileк
Шаблон Protostar, как поставить на фон картинку

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

Ответов: 32
Просмотров: 5739
Последний ответ 16.08.2021, 03:16:39
от Ада
Куда писать unset CSS в Gantry 5 - шаблон Helium?

Автор romagromov

Ответов: 1
Просмотров: 178
Последний ответ 27.04.2021, 16:51:32
от romagromov
Protostar. Резиновый. Изменить размер в %

Автор Belka

Ответов: 29
Просмотров: 3008
Последний ответ 10.04.2021, 09:27:47
от sivers
Шаблон Protostar. Вертикальное меню с множеством подпунктов

Автор mma86g

Ответов: 0
Просмотров: 148
Последний ответ 01.03.2021, 18:25:37
от mma86g