Тема Bootstrap.

Тема Bootstrap.

by Илья Ход -
Number of replies: 11

Moodle 3.1

Тема "Bootstrap".

Задача из "резинового" шаблона темы сделать 90% ширины экрана, и на оставшихся 10% установить картинку (background).

Подскажите, в каком файле править.

Никак не найду...


Sum of ratings: -
In reply to Илья Ход

Re: Тема Bootstrap.

by Vadim Tabunshchik -
Picture of Developers
Подскажите, в каком файле править.

В файлах стилей. В moodle.css, например.

В тег html добавить
    background: white url([[pix:theme|header]]);
    background-repeat: repeat;

где header - имя файла с фоновым изображением, расширение не указывать.

В тег body дописать (заменить)

    margin: 0 auto;
    width: 90%;

Почистить кеш, проверить.

In reply to Vadim Tabunshchik

Re: Тема Bootstrap.

by Илья Ход -

Спасибо, Вадим.

Сейчас буду пробовать.

Довольно трудно с файлом CSS разобраться   smile

Всё в одну строчку.


In reply to Илья Ход

Re: Тема Bootstrap.

by Vadim Tabunshchik -
Picture of Developers

Это какой-то "левый" moodle.css.

По вашей ссылке качаю архив theme_bootstrap_moodle31_2016080100.zip, в нем bootstrap\style\moodle.css в нормальном виде.

Вверху файла и html, и body, кот. нужно "отрихтовать"

In reply to Vadim Tabunshchik

Re: Тема Bootstrap.

by Илья Ход -

Это не "левая"  smile

Это я не в той папке смотрел.

Надо было в папке bootstrap, а я в папке bootstrapbase.

Теперь можно "рихтовать".

Спасибо большое!

Буду пробовать.

In reply to Илья Ход

Re: Тема Bootstrap.

by Илья Ход -

Вадим, уточните, пожалуйста.

В строчке (html)
    background: white url([[pix:theme|header]]);

Вместо header добавить путь к картинке?

Например:

background: white url([[pix:theme|/images/img1]]);

Правильно?


In reply to Илья Ход

Re: Тема Bootstrap.

by Vadim Tabunshchik -
Picture of Developers
Правильно?

Нет, правильно будет так, как я написал, потому что URL картинки формируется PHP-скриптом (image.php), для чего нужно указать скрипту имя файла (header), каталог хранения (pix) и область хранения (theme). Тема может быть другой, каталог с изображениями можно указать не в theme, а в core (ядро) мудл. Кроме того, содержимое страницы хешируется, делается timestamp (например, 1476097133) и включается в URL, посмотрите на ссылку любого изображения темы: http://site/theme/image.php/bootstrap/theme/1476097133/header
Вот для чего нужно чистить кеш при редактировании темы (или включать режим дизайнера)

Расширение у файла header указывать не нужно, т. к. это может быть файл разных форматов: png, jpg, svg, gif

Плюс ко всему, указанием пути к картинке /images/img1 вы её не выведете на странице ещё и потому, что прямой доступ к файлам сайта запрещен.

In reply to Vadim Tabunshchik

Re: Тема Bootstrap.

by Илья Ход -

Всё получилось.

Немного по-своему, но сути не меняет.

background: white url([[pix:theme|img1]]);
background-attachment: fixed;

и в body:

margin:2% 5% 2% 5%;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);


Огромное спасибо!

In reply to Илья Ход

Re: Тема Bootstrap.

by Илья Ход -

В теме используется bootstrap 2.3.0.

Можно ли заменить на третью версию?

Возможно ли использование символов?


In reply to Илья Ход

Re: Тема Bootstrap.

by Vadim Tabunshchik -
Picture of Developers
Можно ли заменить на третью версию?

Думаю, нет. Или пляски с бубном. Migrating from 2.x to 3.0

http://www.bootply.com/bootstrap-3-migration-guide#migration

Символы можно использовать, если в используемых темой css прописаны стили классов этих символов, например: glyphicons glyphicons-camera

ЗЫ: к чему такие муки с темой? Можно же подобрать что-то из каталога Мудл, есть же там темы на bootstrap-3

In reply to Vadim Tabunshchik

Re: Тема Bootstrap.

by Илья Ход -

Спасибо!

Да, вероятно, так и придется поступить.

In reply to Vadim Tabunshchik

Re: Тема Bootstrap.

by lidia lebedeva -

Здравствуйте, хотим изменить тему bootstrap. Натянуть на нее свой дизайн. В кодерстве в принципе чайники, но имеются знания html и css. Проблема в том, что все файлы на php и не знаем что где менять. Или имеет смысл как-то дописывать свои html-ки? Не закинем же мы весь сайт в доп html :D

Реально ли все это вообще? Если да, то можно получить инструкцию для чайников?