Vytvořte si vlastní motiv
Naučte se vytvářet online skupinová rozhodnutí ve vlastním designu. Vyberte barvy a grafiku pozadí a uložte je jako motiv pro svá hlasování, plánování a prioritizace.
Nejprve se přihlaste, abyste mohli vytvořit vlastní motiv. Pro návrh vzhledu hlasování, průzkumu nebo fotografické soutěže potřebujete alespoň prémiový účet. Přihlásit se můžete e-mailovou adresou a heslem, nebo přes Facebook či Google účet.
Vaše motivy
Klikněte v hlavičce na své jméno a zvolte »Moje motivy«. Zde uvidíte všechny designy pro své průzkumy. Můžete je upravovat, mazat nebo zobrazit náhled. Pro vytvoření nového designu klikněte na »Vytvořit nový motiv« a otevře se tvůrce motivu.
Tvůrce motivu
Krok 1 »Základy«
Náš průvodce motivem se skládá ze 3 kroků. Pomocí tlačítek »Další« a »Předchozí« mezi nimi přecházíte. Existující motivy lze upravovat otevřením průvodce přes kontextové menu.
Začněte pojmenováním motivu.
Klikněte na »Další« a přejděte k nastavení pozadí.
Krok 2 »Pozadí«
Potvrďte, že máte právo používat požadovanou grafiku. Zaškrtněte příslušné pole.
Nyní můžete vybrat grafiku pozadí nebo soubory přetáhnout do nahrávače. Po nahrání uvidíte náhled pozadí v průvodci.
Úpravou barev a písma pokračujte kliknutím na »Další«.
Krok 3 »Barvy / písmo«
Můžete zvolit, zda se nadpisy mají na stránce zobrazovat s barevným pozadím. To může zvýšit čitelnost.
Vyberte barvy a sledujte v náhledu, jak se motiv mění.
Uložte a design je připraven pro vaši další PollUnit.
v jedinečném designu
Při vytváření nového průzkumu se vaše motivy zobrazí ve 3. kroku průvodce »Design«. Zde můžete motiv aktivovat a zobrazit náhled.
Tvůrce motivu můžete otevřít i zde a přidat další vlastní motivy.
Vlastní CSS
Pomocí motivu mohou i lidé bez programátorských znalostí vytvářet hlasování, průzkumy a fotografické soutěže ve vlastním designu pomocí jednoduché konfigurace. Přes kontextové menu každého motivu můžete vytvořit i vlastní CSS (Cascading Style Sheets). Díky tomu můžete vybírat prvky PollUnit a řídit jejich vzhled zcela individuálně podle svých potřeb.
Tato funkce je určena lidem se zkušenostmi s HTML a CSS. Pokud vám to nic neříká, měli byste se poradit s odborníkem.
Přizpůsobení tlačítek
Následující příklad ukazuje, jak můžete vzhled všech tlačítek upravit jen několika řádky kódu. Prvky tlačítek jsou vybrány, zaobleny do tvaru pilulky a získají obrys podobný stínu.
.btn {
border-radius: 9999px;
border-bottom: 4px solid black;
}
Vlastní obsah a CSS podle jazyka
Možnosti CSS jsou však mnohem širší. Další příklad ukazuje, jak lze měnit obsah lokalizovaně, tedy podle jazyka. Zde je vybráno tlačítko pro přidání nových možností nebo obrázků, upraveno a doplněno novým obsahem.
#ccss-userActionBox .btn {
text-indent: -9999px;
line-height: 0;
}
#ccss-userActionBox .btn::after {
text-indent: 0;
display: block;
line-height: initial;
}
html[lang=en] #ccss-userActionBox .btn::after {
content: 'Localized button text';
}
html[lang=de] #ccss-userActionBox .btn::after {
content: 'Lokalisierter Buttontext';
}
Vlastní fonty
Pomocí CSS můžete používat i vlastní fonty. Měli byste se ujistit, že váš server povoluje v CORS hlavičkách »pollunit.com«.
@font-face {
font-family: 'Amatic';
font-style: normal;
font-weight: 200;
src: url(https:/myhost.com/amatic.woff);
}
h1 {
font-family: 'Amatic' !important;
font-weight: 200;
}