Articole:
- Cum să ștergi un curs
- Protecția drepturilor de autor pentru conținutul dvs. pe Kwiga
- Lecție publică sau de probă
- Cum să schimbi starea unei lecții în ciornă și să o ascunzi de elevi
- Usage of checkpoints
- Cum să adăugați o temă la o lecție
- Cum să creați o sarcină cu verificare obligatorie de către un asistent
- Cum să creezi o sarcină pentru oferte diferite
- Cum să creezi un test cu punctaj și aprobare automată
- Cum să creezi și să realizezi un sondaj printre studenții cursului
- Conținutul lecției, toate tipurile de activități din lecție
- Descărcarea fișierelor video
- Cum să adăugați coduri de timp în videoclip
- Cum să adăugați un buton la lecție
- Inserarea codului iframe
- Adăugarea fracțiilor, funcțiilor matematice și formularelor
- Cum să adaugi text cu spoiler la lecție
- Cum să creezi un curs pe platforma Kwiga
- Cum să creezi un maraton
- Cum să adăugați o copertă unui curs
- Opțiuni de afișare a programului cursului
- How to add a public face to a course
- Cum să adaugi o echipă la un curs
- Previzualizarea cursului cu diferite niveluri de acces
- Bloc deasupra lecțiilor (banner superior)
- Setarea întârzierilor, program pentru deschiderea și închiderea lecțiilor (distribuirea treptată a conținutului)
- Raport privind progresul studenților în cadrul cursului
- Analiza finalizării temelor în cadrul cursului
- Raport de vânzări ale cursurilor
- Cum să creezi o copie a cursului
- Cum să copiați conținutul unei lecții
- Accesul asistentului la sarcinile practice
- Studentul nu poate vedea cursul (Maraton, Grup închis)
- Cum să configurezi un test astfel încât studenții să vadă comentariile după finalizare
- Livrarea mesajelor: de ce emailurile nu ajung și cum să rezolvi problema
- Cum să personalizezi aspectul unui curs
Vă vom explica cum să adăugați un buton la o lecție, maraton, pagină de curs sau descrierea unui modul.
În acest articol:
Pe Kwiga, poți adăuga un buton în două moduri:
-
Metodă rapidă – îți permite să setezi culoarea și textul butonului.
-
Folosind cod – îți permite să editezi orice parametri, cum ar fi raza colțurilor, dimensiunea, culoarea conturului, înălțimea și altele.
Adăugare rapidă
Deschide lecția în care vrei să adaugi un buton și inserează un element „Text, Imagine, Încorporare cod”. Fă clic în zona în care vrei să plasezi butonul și selectează +Buton din bara de instrumente a editorului de text.
În meniul care se deschide, poți adăuga un link, seta numele butonului și personaliza culoarea butonului și a textului. Fă clic pe Trimite, iar butonul va fi adăugat în lecția ta!
Adăugarea unui buton prin cod
Poți adăuga un buton într-o lecție de curs sau într-un maraton folosind cod HTML. Îți vom arăta mai jos cum să faci acest lucru.
Deschide lecția în care vrei să adaugi un buton și inserează elementul „Text, Imagine, Încorporare cod”.
Apoi deschide editorul de cod (dacă nu vezi bara de instrumente pentru editarea textului – fă clic în zona albă pentru a activa câmpul de introducere a textului):
Editorul de cod se va deschide (o zonă neagră pe ecran), iar în partea de sus a meniului vei vedea butoane pentru adăugarea de șabloane de cod gata făcute. Pentru a crea un buton, selectează Buton:
Vei vedea codul pe pagină, iar deasupra lui vei vedea butonul tău.
De asemenea, poți personaliza dimensiunea fontului de pe buton, spațierea interioară, lățimea butonului și poți ajusta raza colțurilor.
Poți seta culoarea butonului folosind cod RGB sau HEX, un convertor sau un instrument de selectare a culorilor.
Plasarea mai multor butoane într-un rând
Pentru a crea mai multe butoane plasate unul lângă altul, este necesar cod suplimentar. Mai jos este codul pentru trei butoane cu textul „Base”, „Comfort” și „Pro” în trei culori diferite. Poți edita părțile corespunzătoare ale codului, schimbând textul, culoarea, formatul butonului și nu uita să adaugi și linkul.
<\/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 {
fundal: mov;
}
}
<\/style>
Zonele evidențiate cu galben indică unde este specificată culoarea butonului.