Cikkek:
- Hogyan törölhet egy kurzust
- Tartalmaid szerzői jogi védelme a Kwiga platformon
- Nyilvános vagy próbaóra
- Hogyan állítsd egy lecke állapotát vázlatra, és rejtsd el a diákok elől
- Ellenőrzőpontok használata
- Gyakorlat hozzáadása egy leckéhez
- Hogyan hozz létre egy feladatot kötelező asszisztensi ellenőrzéssel
- Hogyan hozzon létre feladatot különböző ajánlatokhoz
- Hogyan hozz létre pontozásos és automatikus jóváhagyással működő tesztet
- Hogyan hozz létre és bonyolíts le egy kvízt a kurzus hallgatói között
- A lecke tartalma, minden tevékenységtípus a leckében
- Videófájlok letöltése
- Hogyan adj időkódokat a videóhoz
- Hogyan adjunk hozzá gombot a leckéhez
- iframe-kód beszúrása
- Törtek, matematikai függvények és képletek hozzáadása
- Hogyan adhat hozzá spoileres szöveget a leckéhez
- Hogyan hozz létre egy kurzust a Kwiga platformon
- Hogyan hozz létre egy maratont
- Hogyan adj hozzá borítóképet egy kurzushoz
- Tanfolyamprogram megjelenítési beállításai
- Hogyan adhat hozzá egy nyilvános arcot egy tanfolyamhoz
- Csapat hozzáadása egy kurzushoz
- Kurzuselőnézet különböző hozzáférési szintekkel
- Blokk a lecke- vagy modulfalak felett (felső szalag)
- Késleltetések beállítása, az órák megnyitási és zárási ütemezése (csepegtetett tartalom)
- Jelentés a tanulók előrehaladásáról a kurzuson
- A kurzuson belüli feladatok teljesítésének elemzése
- Tanfolyamértékesítési jelentés
- Hogyan készíts másolatot a kurzusról
- Hogyan másolhatja le a lecke tartalmát
- Az asszisztens hozzáférése a gyakorlati feladatokhoz
- A tanuló nem látja a tanfolyamot (Marathon, zárt csoport)
- Hogyan állítson be egy tesztet úgy, hogy a diákok a kitöltés után lássák a megjegyzéseket
- Levelek kézbesítése: miért nem érkeznek meg a levelek, és hogyan lehet ezt megoldani
- Hogyan szabhatod testre egy kurzus megjelenését
Elmagyarázzuk, hogyan adhat hozzá gombot egy lecke, maraton, kurzusoldal vagy modulleírás oldalához.
Ebben a cikkben:
A Kwigán kétféleképpen adhatsz hozzá gombot:
-
Gyors módszer – lehetővé teszi a gomb színének és szövegének beállítását.
-
Kód használatával – lehetővé teszi bármely paraméter szerkesztését, például a szegély lekerekítését, a méretet, a körvonal színét, a magasságot és egyebeket.
Gyors hozzáadás
Nyisd meg azt a leckét, amelyhez gombot szeretnél hozzáadni, és illeszd be a „Szöveg, kép, kódbeágyazás” elemet. Kattints arra a területre, ahová a gombot szeretnéd elhelyezni, majd válaszd a +Button lehetőséget a szövegszerkesztő eszköztárán.
A megnyíló menüben hozzáadhatsz egy linket, megadhatod a gomb nevét, valamint testreszabhatod a gomb és a szöveg színét. Kattints a Submit gombra, és a gomb hozzá lesz adva a leckédhez!
Gomb hozzáadása kóddal
HTML-kóddal is hozzáadhatsz gombot egy kurzusleckéhez vagy maratonhoz. Az alábbiakban megmutatjuk, hogyan teheted ezt meg.
Nyisd meg azt a leckét, amelyhez gombot szeretnél hozzáadni, és illeszd be a „Szöveg, kép, kódbeágyazás” elemet.
Ezután nyisd meg a kódszerkesztőt (ha nem látod a szövegszerkesztő eszköztárát, kattints a fehér területre a szövegbeviteli mező aktiválásához):
Megnyílik a kódszerkesztő (egy fekete terület a képernyőn), és a menü tetején gombokat fogsz látni kész kódsablonok hozzáadásához. Gomb létrehozásához válaszd a Button lehetőséget:
Látni fogod a kódot az oldalon, fölötte pedig a gombodat.
Testreszabhatod a gomb betűméretét, a belső margót, a gomb szélességét, valamint módosíthatod a szegély lekerekítését is.
A gomb színét RGB- vagy HEX-kóddal, egy konverter segítségével vagy egy színválasztó eszközzel is beállíthatod.
Több gomb elhelyezése egy sorban
Egymás mellett elhelyezett több gomb létrehozásához további kódra van szükség. Az alábbiakban három gomb kódja látható „Base”, „Comfort” és „Pro” szöveggel, három különböző színben. A kód megfelelő részeit szerkesztheted, módosítva a szöveget, a színt, a gomb formátumát, és ne felejtsd el a linket is hozzáadni.
<\/div>
#buttons-container {
display: flex;
grid-gap: 20px;
justify-content: center;
}
@media(max-width: 640px) {
#buttons-container {
flex-direction: column;
}
}
#my-button {
display: flex;
margin: 0 auto;
width: 100%;
padding: 13px 20px;
border-radius: 20px;
color: rgb(255, 255, 255);
background: orange;
justify-content: center;
&:first-child {
background: green;
}
&:last-child {
background: lila;
}
}
<\/style>
A sárgával kiemelt területek jelzik, hol van megadva a gomb színe.
Nem találta meg a választ? Lépjen kapcsolatba az ügyfélszolgálattal csevegésben vagy Telegram