Grafická úprava vzhledu

Tento příspěvek ve fóru byl odstraněn

Počet odpovědí: 13
Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Odstraněný uživatel

Re: Grafická úprava vzhledu

autor Bohumil Havel -
Obrázek: Moodle Partner Obrázek: Obzvláště nápomocní moodlisté Obrázek: Překladatelé

Ten soubor se přidá a vy jej vyberete (vše na první záložce), původní tím nezmizí!

Nástěnka/ Správa stránek /Vzhled /Motivy /Boost

pro testování můžete použít příklady z https://moodle.net/mod/data/view.php?id=28

pro menší úpravy stačí druhá záložka kde použijete drobné změny.

Zdraví Bohuš Havel

V odpovědi na Bohumil Havel

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Bohumil Havel

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Odstraněný uživatel

Re: Grafická úprava vzhledu

autor David Mudrák -
Obrázek: Moodle HQ Obrázek: Obzvláště nápomocní moodlisté Obrázek: Překladatelé Obrázek: Vývojáři

Na úpravu motivů expert nejsem, takže neporadím. Ale třeba pomůže následující: https://docs.moodle.org/dev/Creating_a_theme_based_on_boost

V odpovědi na David Mudrák

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Odstraněný uživatel

Re: Grafická úprava vzhledu

autor David Mudrák -
Obrázek: Moodle HQ Obrázek: Obzvláště nápomocní moodlisté Obrázek: Překladatelé Obrázek: Vývojáři

Já neměl v minulosti s dostupnými Bootstrap Presets moc dobré zkušenosti.

Co mi ale pro drobné úpravy fungovalo dobře, bylo vložení potřebných stylopisů do polí "Raw initial SCSS" a "Raw SCSS" na stránce Správa stránek > Vzhled > Motivy >Boost, karta pokročilá nastavení.

Zde můžete jednak upravit parametry SCSS (např. barvy, velikosti písma apod.) a/nebo přidávat další CSS dle potřeby.

Např. pro změnu primární barvy z výchozí modré na okrovou stačí v prvním poli předefinovat proměnou:

$primary: #DAA520;

Pro další parametry, které lze takto upravovat, vizte např. soubor theme/boost/scss/preset/default.scss

V odpovědi na David Mudrák

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Odstraněný uživatel

Re: Grafická úprava vzhledu

autor David Mudrák -
Obrázek: Moodle HQ Obrázek: Obzvláště nápomocní moodlisté Obrázek: Překladatelé Obrázek: Vývojáři

Mohu já se nějak dostat k souboru default.scss

Ano. To je jedna z praktických výhod softwaru s otevřeným zdrojových kódem úsměv

Pokud nemáte přístup k PHP souborům vašeho vlastního Moodle, můžete si je prohlížet buď online - uvedený soubor najdete např. na https://github.com/moodle/moodle/blob/v3.6.0/theme/boost/scss/preset/default.scss

Nebo si můžete celou instalaci Moodle stáhnout na svůj počítač - např. z https://download.moodle.org/

V odpovědi na David Mudrák

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Odstraněný uživatel

Re: Grafická úprava vzhledu

autor David Mudrák -
Obrázek: Moodle HQ Obrázek: Obzvláště nápomocní moodlisté Obrázek: Překladatelé Obrázek: Vývojáři

Možné to je, ale nedoporučuji to z řady důvodů. Je lepší využít ta zmíněná pole pro vložení vlastních SCSS stylů - když nic jiného, tak kvůli riziku přepsání vašich úprav při aktualizaci na novou verzi Moodle. To už by bylo lepší udělat si kopii default.scss, upravit ji a tu nahrát jako vlastní preset. Ale osobně jsem to nikdy nezkoušel.

Zároveň si taky myslím, že pouhými změnami proměnných z toho souboru toho moc nezměníte. Budete muset asi hledat i v dalších SCSS souborech, co a jak se kde používá.

V odpovědi na David Mudrák

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.
V odpovědi na Odstraněný uživatel

Re: Grafická úprava vzhledu

autor David Mudrák -
Obrázek: Moodle HQ Obrázek: Obzvláště nápomocní moodlisté Obrázek: Překladatelé Obrázek: Vývojáři

Je to u nich uvedeno. Vesměs jde o to, v jaké fázi kompilování SCSS do CSS se tato pole načtou a použijí. Jestli na začátku nebo na konci.

  • Raw initial SCSS - In this field you can provide initialising SCSS code, it will be injected before everything else. Most of the time you will use this setting to define variables.
  • Raw SCSS - Use this field to provide SCSS or CSS code which will be injected at the end of the style sheet.

Takže v tom prvním si můžete typicky nastavit proměnné, jejichž hodnota bude použita namísto výchozí. V tom druhém budete mít typicky vlastní CSS, které se pak použije namísto toho vygenerovaného.

V odpovědi na David Mudrák

Tento příspěvek ve fóru byl odstraněn

Obsah tohoto příspěvku ve fóru byl odstraněn a již nemůže být zpřístupněn.