Saját téma létrehozása
Ismerd meg, hogyan hozhatsz létre online csoportos döntéseket saját dizájnnal. Válassz színeket és háttérgrafikákat, majd mentsd őket témaként a szavazásaidhoz, időpont-egyeztetéseidhez és priorizálásaidhoz.
Először jelentkezz be saját téma létrehozásához. Szavazásod, felmérésed vagy fotóversenyed dizájnjának létrehozásához legalább Premium fiókra van szükséged. Bejelentkezhetsz e-mail-címmel és jelszóval, vagy Facebook- vagy Google-fiókoddal a PollUnitba.
Témáid
Kattints a nevedre a fejlécben, és válaszd a »Saját témáim« pontot. Itt látod a felméréseidhez tartozó összes dizájnt. Itt szerkesztheted, törölheted vagy előnézetben megtekintheted a témákat. Új dizájn létrehozásához kattints az »Új téma létrehozása« gombra, és megnyílik a témakészítő.
Témakészítő
1. lépés »Alapok«
A témavarázslónk 3 lépésből áll. A »Tovább« és »Előző« gombokkal navigálhatsz a lépések között. Meglévő témákat is szerkeszthetsz, ha a témák helyi menüjéből megnyitod a varázslót.
Kezdd azzal, hogy nevet adsz a témádnak.
Kattints a »Tovább« gombra a háttérbeállításokhoz.
2. lépés »Háttér«
Erősítsd meg, hogy jogosult vagy a kívánt grafikák használatára. Jelöld be a megfelelő mezőt.
Most kiválaszthatod a háttérgrafikádat, vagy húzással feltöltheted a fájlokat a feltöltőbe. Feltöltés után a varázslóban megjelenik a háttérkép előnézete.
A »Tovább« gombra kattintva szerkesztheted a témád színeit és betűtípusát.
3. lépés »Színek / betűtípus«
Kiválaszthatod, hogy a címsorok színes háttérrel jelenjenek-e meg az oldalon. Ez javíthatja az olvashatóságot.
Válaszd ki a színeidet, és az előnézetben ellenőrizd, hogyan változik a témád.
Mentsd el, és a dizájnod készen áll a következő PollUnitodhoz.
egyedi dizájnban
Amikor új felmérést hozol létre, a témáid a varázsló 3. lépésében, a "Dizájn" alatt jelennek meg. Itt aktiválhatod és előnézetben megtekintheted a témádat.
Itt megnyithatod a témakészítőt is, és további egyéni témákat adhatsz hozzá.
Egyéni CSS
Egy témával programozási ismeretek nélkül is létrehozhatók saját dizájnú szavazások, felmérések és fotóversenyek egyszerű konfigurációval. Emellett minden téma helyi menüjén keresztül saját CSS-t (Cascading Style Sheets) is létrehozhatsz. Így kiválaszthatod a PollUnit elemeit, és teljesen egyedileg, az igényeid szerint szabályozhatod azok megjelenését.
Ez a funkció HTML- és CSS-tapasztalattal rendelkező felhasználóknak szól. Ha ez számodra nem mond semmit, érdemes szakértő segítségét kérned.
Gombok testreszabása
Az alábbi példa megmutatja, hogyan szabhatod testre néhány sor kóddal az összes gomb megjelenését. A gombelemek kiválasztásra kerülnek, kapszula formára kerekednek, és árnyékszerű körvonalat kapnak.
.btn {
border-radius: 9999px;
border-bottom: 4px solid black;
}
Egyéni tartalom és CSS nyelvenként
A CSS lehetőségei azonban ennél sokkal tovább mennek. A következő példa megmutatja, hogyan lehet tartalmat lokalizáltan, vagyis nyelvenként módosítani. Itt az új opciók vagy képek hozzáadására szolgáló gomb kerül kiválasztásra, módosításra, majd új tartalommal feltöltésre.
#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';
}
Egyéni betűtípusok
CSS-en keresztül saját betűtípusokat is használhatsz. Ügyelj arra, hogy a szervered engedélyezze a »pollunit.com« címet a CORS fejlécekben.
@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;
}