Dobrý deň, chcem sa opýtať ako pridať obrázok(image) do témy kurzu rovnako ako to máte spravené tuna na stránke. Obrázok je pekne vedľa aktivít.
Za odpoveď vo pred ďakujem
Juraj Béreš
Dobrý deň, chcem sa opýtať ako pridať obrázok(image) do témy kurzu rovnako ako to máte spravené tuna na stránke. Obrázok je pekne vedľa aktivít.
Za odpoveď vo pred ďakujem
Juraj Béreš
Přiznám se, že obrázek nevidím. Možná vytvořte v kurzu blok HTML, tam dáte cokoli a vnuťte ho do všech stránek kurzu.
Nevím, zda by se mi to ale líbilo. Jinak můžete dát kurzům samostatný motiv (šablonu). To realizujeme pro různé projektu, které mají rozdílnou publicitu (loga v patičce).
Bohuš Havel
Mal som na mysli obrázky v kurze CSMUG a pri kazdej teme je obrazok napr. v téme kde je aj toto fórum je kľúč a šraubovák. Chcel som vedeiť ako je to tam vložené. Skúsim to cez šablónu ako ste navrhovali. Ďakujem
Tak to je jiná, upravte sekci. Tam v editečním okně lze dát cokoli.
Na druhou stranu je nutné postupovat opatrně, protože masivní používání velkých obrázků může snižovat výkon ve velkých instalacích.
Bohuš Havel
masivní používání velkých obrázků
Tady je potřeba přistupovat ke tvorbě kurzu jako ke tvorbě každé jiné webové stránky - obrázky upravit na potřebnou velikost (např. 150 x 150 px) ještě před nahráním do Moodle, formát PNG nebo JPG. Pak to nedělá problém.
Co dělá problém je, když tvůrci kurzů použijí fotografie přímo ze svých digitálních fotoaparátů v šířce kolem 3000 px a při vložení do HTML editoru nastaví menší šířku. Prohlížeče pak musejí stahovat originální obrázek (který má opravdu signifikantně větší velikost) a zmenšit jej při zobrazování, což obecně nevede k hezkým výsledkům.
Obecně jsem vycházel z informací velmi inspirativního blogu http://www.iteachwithmoodle.com/2012/12/05/make-your-moodle-courses-faster-without-fiddling-with-the-server/
Bohuš Havel
Do zhrnutia sekcie môžete okrem textu vložiť aj obrázok. Tomuto obrázku je potrené nastaviť zarovnanie doprava a potom ešte treba upraviť nasledovnú triedu v štýloch použitej témy.
.no-overflow {
overflow: none;
}