Loga

K čemu slouží

Komponentu využijete k zobrazení seznamu log partnerů, sponzorů apod. Výhodou tohoto prvku je, že můžete jednoduše prezentovat libovolné množství log vedle sebe a snadno nastavit jejich velikost a rozložení.

Pokud potřebujete na řádek vložit pouze jedno logo, vystačíte si s komponentou Obrázek).

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Možnosti vzhledu

Komponenta loga má dva základní typy:
- klasické zobrazení log na řádku (s případným zalomením na další řádek)
- zobrazení ve formě slideshow (posuvný pás)
V rámci jedné komponenty lze nahrát libovolné množství log a nastavit, kolik se jich má zobrazit na řádku. To má následně vliv na to, jak budou loga na stránce velká.
Velikost jednotlivých log můžete také nastavit zadáním konkrétní šířky daného loga v pixelech.

Další nastavení

Ke každému logu můžete přidat odkaz (typicky na webové stránky dané instituce).
Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy)
Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

Loga nahrávejte v dostatečné kvalitě (velikosti), aby nebyla rozmazaná, a ideálně s průhledným pozadím. Pokud nemáte k dispozici loga s průhledným pozadím, nastavte danému řádku, ve kterém jsou loga vložená, bílé pozadí (aby se kolem jednotlivých log nezobrazovala nechtěná bílá pozadí na šedém podkladu webu).
Loga mají různé tvary a poměry stran. Může se tedy stát, že některé z nich budou působit výrazně větší či menší, než ostatní loga na řádku. V tomto případě upravte šířku log zadáním konkrétní hodnoty v pixelech, abyste docílili požadovaného vzhledu.
Pokud z log vede odkaz na jiný web, nastavte odkaz tak, aby se otevíral v novém okně.
Loga univerzitních součástí najdete na webu https://sablony.muni.cz/.

Příklad komponenty loga

Ukázky použití na webu

Zobrazte si živé ukázky – k dispozici je vždy odkaz na ukázkovou stránku nebo přímo na skutečnou stránku webu, ze kterého daný příklad pochází.

Ukázka 1

Zvětšit obrázek
Přejít na stránku na webu MjUNIon

Nastavení prvku v této ukázce: 4 loga na jeden řádek, zarovnání vlevo, zobrazení v řádku se zalomením; šířka některých log je nastavena zadáním konkrétní hodnoty v pixelech

Ukázka 2

Zvětšit obrázek
Přejít na stránku na webu ESF MU

Nastavení prvku v této ukázce: 9 log na jeden řádek, zarovnání vlevo, typ zobrazení: slideshow, automatické posouvání slidů

Ukázka 3

Zvětšit obrázek
Zobrazit živou ukázkovou stránku

Nastavení prvku v této ukázce: 5 log na jeden řádek, zarovnání uprostřed, typ zobrazení: v řádku se zalomením; šířka některých log je nastavena zadáním konkrétní hodnoty v pixelech