blackout
midnight reel
[class=bkg]
width: 300px;
height: 440px;
margin: auto;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
[/class]
[class=back]
width: 300px;
height: 400px;
background: #f5f5f5;
border: 1px solid #cfcfcf;
position: relative;
overflow: hidden;
[/class]
[class=semi]
height: 300px;
width: 350px;
background: #e0baaf;
border-radius: 100%;
position: relative;
top: -200px;
left: -25px;
line-height: 16px;
[/class]
[class=tab]
background: #f5f5f5;
border: 1px solid #cfcfcf;
border-radius: 14px;
height: 29px;
width: 45px;
color: #e0baaf;
text-align: center;
text-size: 11px;
line-height: 8px;
transition: 0.5s all;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tabflex]
height: 30px;
width: 302px;
position: relative;
top: 5px;
display: flex;
justify-content: space-evenly;
[/class]
[class=content]
height: 280px;
width: 275px;
position: relative;
left: 20px;
top: -190px;
overflow: hidden;
font-size: 11px;
color: #454545;
font-family: Inter;
text-align: justify;
opacity: 0;
transition: 0.5s all;
[/class]
[class=header]
font-family: Abril Fatface;
color: #e0baaf;
font-size: 16px;
text-transform: lowercase;
text-align: center;
position: sticky;
top: 0px;
width: 100%;
height: max-content;
background: #f5f5f5;
[/class]
[class=scroll]
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
height: 100%;
padding-right: 25px;
[/class]
[class=tag]
width: max-content;
height: max-content;
background: #e0baaf;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-transform: uppercase;
font-family: Inter;
font-size: 11px;
color: white;
display: inline;
line-height: 20px;
[/class]
[class=ntag]
font-size: 14px;
font-family: Abril Fatface;
color: #e0baaf;
display: inline;
[/class]
[class=tselect]
background: #e0baaf;
color: white;
[/class]
[class=select]
opacity: 1;
z-index: 5;
[/class]
[class name=tab1 state=hover]
border: 1px solid #e0baaf;
[/class]
[class name=tab2 state=hover]
border: 1px solid #e0baaf;
[/class]
[class name=tab3 state=hover]
border: 1px solid #e0baaf;
[/class]
[class name=tab4 state=hover]
border: 1px solid #e0baaf;
[/class]
[class name=tab5 state=hover]
border: 1px solid #e0baaf;
[/class]
[script class=tab1 on=click]
addClass select content1
removeClass select content2
removeClass select content3
removeClass select content4
removeClass select content5
addClass tselect tab1
removeClass tselect tab2
removeClass tselect tab3
removeClass tselect tab4
removeClass tselect tab5
[/script]
[script class=tab2 on=click]
addClass select content2
removeClass select content1
removeClass select content3
removeClass select content4
removeClass select content5
addClass tselect tab2
removeClass tselect tab1
removeClass tselect tab3
removeClass tselect tab4
removeClass tselect tab5
[/script]
[script class=tab3 on=click]
addClass select content3
removeClass select content1
removeClass select content2
removeClass select content4
removeClass select content5
addClass tselect tab3
removeClass tselect tab2
removeClass tselect tab1
removeClass tselect tab4
removeClass tselect tab5
[/script]
[script class=tab4 on=click]
addClass select content4
removeClass select content1
removeClass select content2
removeClass select content3
removeClass select content5
addClass tselect tab4
removeClass tselect tab2
removeClass tselect tab3
removeClass tselect tab1
removeClass tselect tab5
[/script]
[script class=tab5 on=click]
addClass select content5
removeClass select content1
removeClass select content2
removeClass select content3
removeClass select content4
addClass tselect tab5
removeClass tselect tab2
removeClass tselect tab3
removeClass tselect tab4
removeClass tselect tab1
[/script]
[div class=bkg]
[div class=back]
[div class=semi]
[div class=tag]rule 01[/div] first and foremost, please keep my credit for all of my codes that you may use. this includes not shifting the color, opacity, or moving it so it can't be seen!
[div class=tag]rule 02[/div] that being said, all my codes are free to use.
[div class=tag]rule 03[/div] if you use my codes and find an issue with them or break them, i'd be more than happy to help you out! just shoot me a pm and i'll see what i can do.
[div class=tag]rule 04[/div] i'm currently not accepting requests, so i'd appreciate if you didn't ask for them.
[div class=tag]rule 05[/div] if you'd like to leave a comment or note on this thread, please feel free! i'd be more than happy to hear your feedback.
[div class=tag]rule 06[/div] you are, of course, allowed to change whatever you'd like in my codes, including images, colors, and mild format changes! however, i am not ok with anyone plagiarizing parts of my code or using them as a base. [/div][/div] [div class="content content3" style="top: -750px; text-align: center; font-size: 12px;"][div class=scroll] [div class=header]character sheets[/div] [div class=ntag]01.[/div]
[div class=ntag]02.[/div]
[div class=ntag]03.[/div]
[div class=ntag]02.[/div] limelight [/div][/div] [div class="content content5" style="top: -1310px; text-align: center; font-size: 12px;"][div class=scroll] [div class=header]miscellaneous codes[/div] [div class=ntag]01.[/div]
[div class=ntag]02.[/div]
[div class=ntag]03.[/div]
[/div][div class="tab tab2"]
[/div][div class="tab tab3"]
[/div][div class="tab tab4"]
[/div][div class="tab tab5"]
[/div][/div] [/div]
fated's
coding hideout
[/div]
[div class="content content1 select"][div class=scroll]
[div class=header]hello![/div]
hello everyone! i'm fated, and i've decided to open my second coding workshop recently. i feel that my style has changed a bit, so i thought it'd be nice to get a fresh canvas and hopefully keep things a little more organized. all codes here are free to use as long as my credit stays intact. you can of course changes colors, images, and layouts if you'd like, and you can do that through the class at the beginning of each code. if you ever have any issues with my codes, need help, or have a question, feel free to shoot me a pm and i'd be more than glad to help! sadly, most of my codes aren't mobile friendly, but i'll make sure to add a note if it is.
[/div][/div]
[div class="content content2" style="top: -470px;"][div class=scroll]
[div class=header]rules[/div]
my rules are pretty simple, but i really would appreciate if you could just give them a quick read and abide by them. coding hideout
[div class=tag]rule 01[/div] first and foremost, please keep my credit for all of my codes that you may use. this includes not shifting the color, opacity, or moving it so it can't be seen!
[div class=tag]rule 02[/div] that being said, all my codes are free to use.
[div class=tag]rule 03[/div] if you use my codes and find an issue with them or break them, i'd be more than happy to help you out! just shoot me a pm and i'll see what i can do.
[div class=tag]rule 04[/div] i'm currently not accepting requests, so i'd appreciate if you didn't ask for them.
[div class=tag]rule 05[/div] if you'd like to leave a comment or note on this thread, please feel free! i'd be more than happy to hear your feedback.
[div class=tag]rule 06[/div] you are, of course, allowed to change whatever you'd like in my codes, including images, colors, and mild format changes! however, i am not ok with anyone plagiarizing parts of my code or using them as a base. [/div][/div] [div class="content content3" style="top: -750px; text-align: center; font-size: 12px;"][div class=scroll] [div class=header]character sheets[/div] [div class=ntag]01.[/div]
pennant
[div class=ntag]02.[/div]
annex
[div class=ntag]03.[/div]
bubbles
[/div][/div]
[div class="content content4" style="top: -1030px; text-align: center; font-size: 12px;"][div class=scroll]
[div class=header]posting templates[/div]
[div class=ntag]01.[/div] riverside [div class=ntag]02.[/div] limelight [/div][/div] [div class="content content5" style="top: -1310px; text-align: center; font-size: 12px;"][div class=scroll] [div class=header]miscellaneous codes[/div] [div class=ntag]01.[/div]
pennant
[div class=ntag]02.[/div]
annex
[div class=ntag]03.[/div]
bubbles
[/div][/div]
[/div]
[div class=tabflex][div class="tab tab1 tselect"][/div][div class="tab tab2"]
[/div][div class="tab tab3"]
[/div][div class="tab tab4"]
[/div][div class="tab tab5"]
[/div][/div] [/div]
Last edited: