just want to let you know that I have a bunch of raw code on my personal thread that you can use for practice
Anyway, I’m really glad that my code is helping you with learning I’m also still learning like all of you guys, so that’s why I like to share my code—so that we can help each other
3 Likes
Sure! I don’t copy cide, I just look at these threads to see the effect of a certain command. I use that command, maybe with certain changes like the specific values. Will ask, though!
2 Likes
Took me a long time to figure this out
Thank you @TheMidnightAssassin and @deathinreverie for helping me with learning how to code a slideshow!
Back Next Title Slide Back Next Slide 1. Insert a question here. Or maybe a paragraph. I don't know.Option A
Option B
Option C
Option D
Back Next Slide 2. Insert a question here. Or maybe a paragraph. I don't know.Option A
Option B
Option C
Option D
Back Next Slide 3. Insert a question here. Or maybe a paragraph. I don't know.Option A
Option B
Option C
Option D
ResultsMostly As: You got this result!
Mostly Bs: You got this result!
Mostly Cs: You got this result!
Mostly Ds: You got this result!
raw code
<div data-theme-slick="1">
<span style="font-size: 20px; display: block; font-family: Garamond; height: 300px; overflow: hidden; background-image: linear-gradient(to bottom right, #0f1a1a, #0a1f2f, #0f0f10); color: white;"><span style="font-size: 20px; display: block; position: relative; margin-top: 0px; pointer-events: none;"><details class="elided" open><summary><span style="font-size: 20px; display: block; position: absolute; bottom: -275px; height: 50px; width; 100px; left: 0; pointer-events: auto; line-height: 50px;">Back</span><span style="font-size: 20px; display: block; position: absolute; bottom: 25px; right: 0px; pointer-events: auto; line-height: 50px;">Next</span></summary><span style="font-size: 50px; font-family: Garamond; display: flex; height: 300px;"><span style="font-size: 30px; margin: auto;">Title Slide</span></span></details></span><span style="font-size: 20px; display: block; position: relative; margin-top: -2px; pointer-events: none;"><details class="elided" open><summary><span style="font-size: 20px; display: block; position: absolute; bottom: -275px; left: -30px; width: 100px; height: 50px; pointer-events: auto; line-height: 50px;">Back</span><span style="font-size: 20px; display: block; position: absolute; bottom: 25px; right: 0px; pointer-events: auto; line-height: 50px;">Next</span></summary><span style="font-size: 50px; font-family: Garamond; display: flex; height: 300px;"><span style="font-size: 18px; display: block; padding: 10px; margin: auto; text-align: justify;">Slide 1. Insert a question here. Or maybe a paragraph. I don't know.<br><br><span style="font-size: 12px; display: block; margin-top: 10px"><li>Option A<br><br>
<li>Option B<br><br>
<li>Option C<br><br>
<li>Option D<br></span></span></span></details></span><span style="font-size: 20px; display: block; position: relative; margin-top: -2px; pointer-events: none;"><details class="elided" open><summary><span style="font-size: 20px; display: block; position: absolute; bottom: -275px; left: -31px; width: 100px; height: 50px; pointer-events: auto; line-height: 50px;">Back</span><span style="font-size: 20px; display: block; position: absolute; bottom: 25px; right: 0px; pointer-events: auto; line-height: 50px">Next</span></summary><span style="font-size: 50px; font-family: Garamond; display: flex; height: 300px;"><span style="font-size: 18px; display: block; padding: 10px; margin: auto; text-align: justify;"> Slide 2. Insert a question here. Or maybe a paragraph. I don't know.<br><br><span style="font-size: 12px; display: block; margin-top: 10px"><li>Option A<br><br>
<li>Option B<br><br>
<li>Option C<br><br>
<li>Option D<br></span></span></span></details></span><span style="font-size: 20px; display: block; position: relative; margin-top: -2px; pointer-events: none;"><details class="elided" open><summary><span style="font-size: 20px; display: block; position: absolute; bottom: -275px; left: -31px; width: 100px; height: 50px; pointer-events: auto; line-height: 50px;">Back</span><span style="font-size: 20px; display: block; position: absolute; bottom: 25px; right: 0px; pointer-events: auto; line-height: 50px;">Next</span></summary><span style="font-size: 50px; font-family: Garamond; display: flex; height: 300px;"><span style="font-size: 18px; display: block; padding: 10px; margin: auto; text-align: justify;">Slide 3. Insert a question here. Or maybe a paragraph. I don't know.<br><br><span style="font-size: 12px; display: block; margin-top: 10px"><li>Option A<br><br>
<li>Option B<br><br>
<li>Option C<br><br>
<li>Option D<br></span></span></span></details></span><span style="font-size: 50px; font-family: Garamond; display: flex; height: 300px;"><span style="font-size: 18px; display: block; padding: 10px; margin: auto; text-align: justify;">Results<br><br><span style="font-size: 12px; display: block; margin-top: 10px"><li>Mostly As: You got this result!<br><br>
<li>Mostly Bs: You got this result!<br><br>
<li>Mostly Cs: You got this result!<br><br>
<li>Mostly Ds: You got this result!<br></span></span></span></details>
</div>
EDIT: Idk why but in the preview all the options are in different lines, but when I hit “save edit” it doesn’t show up that way. Any idea why?
EDIT 2: nvm I just needed to use <li>
3 Likes
nice! The text is hard to see on the background, tho!
4 Likes
Thanks I guess the background’s not dark enough I’ll make it darker
EDIT: the text should be more visible now
4 Likes
should probs go a bit darker since white on a light cyan/blue won’t be visible, maybe black? or a dark gray?
2 Likes
Just changed it. How’s it now? Trying to go for a soft gradient look
2 Likes
I’m on time! Hope you enjoy this one:3
taglist
@stella_vigo @48lexr @anon25068527 @zena
5 Likes
48lexR
June 26, 2021, 7:19pm
187
It is impossible to read these on mobile-
4 Likes
I know lmao, I’ll try to make one that more mobile responsive next time-
2 Likes
Zena
June 26, 2021, 7:38pm
189
4 Likes
I couldn’t see the poll options but I kept clicking until I stopped on the right one
3 Likes
Hmm, that’s weird but I’m glad you got it!
3 Likes
Use your phone in landscape that’s what I do
4 Likes