Resource 〈 thoughtless ⁞ workshop 〉

[thoughtless]

Eyy, welcome to my workshop, one that I actually decided to remake because the other one was getting a little bit too cluttered for my taste. Below is necessary info and some unnecessary info about me. I actually took a short break from the site, so I kinda have to remember all the coding stuff (god help me) but that'll come back with time. Here is a link to my old workshop.

Let me make it clear that nothing in this thread is a freebie. Please do not use my coding without my permission, and if you don't have the decency to do that then please do not remove the credits I put inside of the code. I put a lot of time into making sure that the codes I put out are of decent quality, and it really undermines all my hard work when someone just snatches it for themselves.

Besides all that stuff above, somethings about myself is that I have an actual obsession with lemonade?? It sounds weird but I swear I could drink lemonade for the rest of my life and be one-hundred percent content. Currently, I'm in high school and suffering but that's nothing new. I tend to go for fantasy roleplays or fandom ones, but I'm open to trying out anything else so long as it has certain aspects that interest me.

Whenever I'm not coding or roleplaying I'm usually playing I'm playing video games. Currently, I'm playing Horizon: Zero Dawn and Persona 5. If there are any games you think I'd be interested don't hesitate to tell me!

ART © DCTB​

 

[RoyalPhoenix32]

Hello~! I've looked at some of your wonderful work in your other bbc code thread and am amazed by it! I would love to make a request but I don't know to go about said request.

 

[boyguro]

thoughtless

hi, i tried pming you but it wouldn't let me about a code i tinkered with of yours until noticing it wasn't a freebie that i'd like to use for my rp. can i ask for permission? i put a direct shoutout to your workshop in my rules tab and obviously the credits are still there. it's still in my workshop so it hasn't been posted.

this is the one i'm referring to

and this is my version of it

 

[thoughtless]

Hello~! I've looked at some of your wonderful work in your other bbc code thread and am amazed by it! I would love to make a request but I don't know to go about said request.

Hey, and thanks for being interested in requesting something, but this thread isn't going to be used for requests and is solely going to be a resource for codes. I'm probably going to open up a separate request thread later on in the future.

boyguro , you're free to use the code! Your version of it looks quite nice!

 

[boyguro]

Hey, and thanks for being interested in requesting something, but this thread isn't going to be used for requests and is solely going to be a resource for codes. I'm probably going to open up a separate request thread later on in the future.

boyguro , you're free to use the code! Your version of it looks quite nice!

awesome, thank you so much, i'll make sure to include your username

 

[thoughtless]

#1

So I'm going to revive my workshop with this quick posting code I did to try out the new tab coding. It's fairly simple so I wouldn't end up giving myself an aneurysm, but it still came out quite nice since I haven't been messing around with coding at all for the past several months. The character featured here is from a roleplay I'm currently in.

[class=tab] border: 1px solid #DADADA; font-family: Times; width: 262px; height: 20px; padding: 10px; transition: .5s; text-align: center; text-transform: lowercase [/class] [class=text] font-size: 11px; line-height: 2em; [/class] [class name=tab state=hover] border: 1px solid #D28181; color: #D28181; cursor: pointer; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} Location) (show tabsContentLocal) if (eq ${currentTab} Tagged) (show tabsContentTag)[/script]

aurelia boveri

i hold the past like a knife

[div class=tab]Location

[div class="tabsContent tabsContentLocal" style=display:none]

[div class=text]Location

[/div]

[div class=tab]Tagged

[/div]
[div class="tabsContent tabsContentTag" style=display:none]

[div class=text]Character @ Player | Character @Player
Character @ Player | Character @Player

[/div][/div][/div]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat, tellus quis interdum suscipit, nunc augue commodo nisl, a rhoncus ante leo nec mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent maximus sit amet lectus quis fermentum. Ut sit amet magna nisl. Praesent tristique, augue eget tincidunt lobortis, eros arcu bibendum neque, id porttitor dolor nunc ut magna. Aliquam egestas bibendum lectus, a luctus eros imperdiet vitae. Vestibulum dignissim elementum lacus id tristique. Pellentesque pretium purus ac dictum pellentesque. Quisque tempor, purus sit amet feugiat vulputate, urna sapien ornare nisl, vel vehicula nibh sapien vel nunc. Nulla consequat neque sed eros scelerisque, ac fringilla turpis efficitur. Nullam eget hendrerit dolor, quis vestibulum erat.

Morbi placerat elit eget nisl tempor, et cursus metus auctor. Cras at condimentum justo, sed finibus turpis. Nullam convallis vestibulum tortor, nec semper mi. Phasellus interdum nunc ac neque vulputate porttitor. In ipsum nibh, elementum sed convallis non, pharetra mollis odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi maximus ligula sem, ac condimentum nunc hendrerit eu. In finibus vulputate mi, sit amet molestie mauris rutrum a. Etiam non urna justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus lorem vitae lorem iaculis dapibus. Donec vestibulum ornare libero malesuada fringilla. Donec fringilla ultrices nisi, at rutrum risus finibus non. Ut maximus massa in tempor vehicula.

Nulla quis mauris arcu. Maecenas gravida mattis justo, et convallis augue aliquam at. In fermentum iaculis malesuada. Donec eu eros euismod, rhoncus leo sed, mattis felis. Proin volutpat ante ut tellus consequat euismod. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce luctus blandit erat, ac imperdiet ipsum viverra quis. Vestibulum vitae sodales mi. Etiam porta turpis non augue rutrum hendrerit. Aliquam at nisl augue. Praesent eget est et diam porttitor auctor vitae sit amet nisl. Aliquam erat volutpat. Etiam tristique sapien nec dui tempor vestibulum. Donec tincidunt nibh id malesuada laoreet.

Cras eget blandit nisi. Praesent varius ullamcorper luctus. Ut eget ex vehicula, elementum ligula eu, pretium sapien. Cras elementum urna vitae aliquam condimentum. Integer sapien felis, convallis eu enim et, maximus imperdiet elit. Donec vitae pretium mauris, condimentum scelerisque dui. Nunc dignissim et eros et elementum. Aliquam id orci dui. Nullam eget aliquet sem.

[/div]

 

[Fable]

As usual, your codes are wonderful :3

 

[cherub.]

i really love your codes omg

 

[thoughtless]

#2

This entire project is just me attempting to experiment with animations a little bit, and also get used to the coding system again since I haven't touched it in a while. This code in particular is meant to serve as a simple roleplay mainpage or an interest check thread, and as you can see it is based off the anime Kakegurui. I did want to get more complicated with it, but my patience began to run thin and I just settled for what I had.

[animation=Kakegurui] [keyframe=0]margin-top: 0px; margin-bottom: 0px[/keyframe] [keyframe=25]margin-top: 25px; margin-bottom: -25px[/keyframe] [keyframe=50]margin-top: 0px; margin-bottom: 0px[/keyframe] [keyframe=75]margin-top: 25px; margin-bottom: -25px[/keyframe] [keyframe=100]margin-top: 0px; margin-bottom: 0px[/keyframe] [/animation] [class=tab] border: 2px solid #FFFFFF; width: 100px; height: 20px; margin-right: 20px; margin-top: 10px; padding: 10px; transition: .5s; font-family: Lato; text-align: center; color: #FFFFFF; text-shadow: 0px 0px 10px #EE0022; text-transform: uppercase; display: inline-block [/class] [class name=tab state=hover] border: 2px solid #EE0022; color: #FFFFFF; transform: rotateY(360deg); cursor: crosshair; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} ONE) (show tabsContentOne) if (eq ${currentTab} TWO) (show tabsContentTwo) if (eq ${currentTab} THREE) (show tabsContentThree)[/script]

[div class=tab]ONE

[div class=tab]TWO

[div class=tab]THREE

[/div] [div class="tabsContent tabsContentOne"]

One ipsum dolor sit amet, consectetur adipiscing elit. Cras vel orci ut nisi dignissim blandit. Sed at justo dignissim, rhoncus mauris et, vestibulum leo. Nullam id tortor at neque tempus mollis. Mauris facilisis mi a mi molestie, nec faucibus dolor sollicitudin. Phasellus sodales magna quis volutpat semper. Quisque in velit lacinia, vulputate mi eu, iaculis lacus. Nunc purus tellus, lobortis quis mi at, fermentum auctor diam. Nam sit amet porta mi, quis luctus massa. Mauris quis aliquam orci, non dapibus metus. Vivamus maximus efficitur dolor.

Vestibulum mattis ut turpis pharetra dapibus. Donec sed aliquam urna, in hendrerit neque. Nulla molestie tellus sapien, a pretium leo sodales sit amet. Cras aliquam tellus vitae tortor euismod, at tincidunt est iaculis. Aliquam erat volutpat. Sed condimentum nec erat nec blandit. Praesent luctus malesuada pellentesque. Donec euismod fringilla nisi. Aenean commodo mi ac dolor faucibus vehicula. Proin tincidunt augue non sollicitudin convallis. Morbi ac mi et augue malesuada elementum. Cras tincidunt libero tellus, vitae fringilla leo ultricies quis. Vestibulum vel neque convallis dolor tincidunt lobortis eget eu leo. Maecenas tempus viverra luctus. Phasellus dapibus nisi non tortor dictum, sed vulputate elit vestibulum.

Suspendisse vitae mauris maximus, faucibus ex rhoncus, condimentum ipsum. Quisque et lacus eget nibh accumsan maximus. Mauris venenatis congue pulvinar. Mauris ac placerat erat. Phasellus est mauris, ultricies quis mauris et, egestas dapibus velit. Aenean accumsan non velit ultricies aliquam. Nam enim velit, vulputate euismod nisl ut, auctor pharetra lectus. Nulla sed semper arcu. Sed vestibulum risus ut nulla consectetur, ullamcorper varius felis vulputate. In at est et tortor commodo pulvinar sed non neque. Nam dui nulla, cursus sed molestie vitae, pellentesque sit amet risus. Integer velit felis, ultrices eu felis at, vestibulum fringilla orci. Duis porttitor, ante in rutrum gravida, mi velit tempor quam, eget posuere libero nisl vel augue.

Ut et sapien a mauris eleifend dictum ut ac erat. Sed rutrum placerat nisl, et eleifend ex vehicula at. Quisque sollicitudin dui dolor, a iaculis turpis fermentum quis. Nunc sodales in ligula at venenatis. Vivamus luctus finibus tempus. In cursus feugiat ultrices. Nam maximus auctor massa. Vestibulum metus purus, hendrerit vitae nisl a, interdum interdum ex. Pellentesque sodales mi in turpis congue suscipit.

Sed eu neque eget orci hendrerit finibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam purus tellus, euismod vitae arcu sit amet, malesuada sagittis urna. Phasellus lorem magna, sollicitudin sed mattis vitae, fringilla in leo. Fusce a luctus libero. Maecenas semper porttitor odio, ut sagittis magna malesuada id. Donec in consectetur odio, vestibulum porta ligula. Duis et orci at dolor condimentum commodo eget sed augue. Nullam nec sapien consectetur, tempor ex vel, fringilla enim. Curabitur ullamcorper, turpis efficitur faucibus tristique, turpis leo convallis ipsum, non lacinia nisi arcu eget elit. Nulla consectetur, ante a ullamcorper vulputate, dui dui interdum odio, nec sodales massa lacus ac sapien. Praesent vel ultricies erat, ac ornare tortor. In aliquam tincidunt velit, et auctor urna.

[/div] [div class="tabsContent tabsContentTwo" style="display: none"]

Two ipsum dolor sit amet, consectetur adipiscing elit. Cras vel orci ut nisi dignissim blandit. Sed at justo dignissim, rhoncus mauris et, vestibulum leo. Nullam id tortor at neque tempus mollis. Mauris facilisis mi a mi molestie, nec faucibus dolor sollicitudin. Phasellus sodales magna quis volutpat semper. Quisque in velit lacinia, vulputate mi eu, iaculis lacus. Nunc purus tellus, lobortis quis mi at, fermentum auctor diam. Nam sit amet porta mi, quis luctus massa. Mauris quis aliquam orci, non dapibus metus. Vivamus maximus efficitur dolor.

Vestibulum mattis ut turpis pharetra dapibus. Donec sed aliquam urna, in hendrerit neque. Nulla molestie tellus sapien, a pretium leo sodales sit amet. Cras aliquam tellus vitae tortor euismod, at tincidunt est iaculis. Aliquam erat volutpat. Sed condimentum nec erat nec blandit. Praesent luctus malesuada pellentesque. Donec euismod fringilla nisi. Aenean commodo mi ac dolor faucibus vehicula. Proin tincidunt augue non sollicitudin convallis. Morbi ac mi et augue malesuada elementum. Cras tincidunt libero tellus, vitae fringilla leo ultricies quis. Vestibulum vel neque convallis dolor tincidunt lobortis eget eu leo. Maecenas tempus viverra luctus. Phasellus dapibus nisi non tortor dictum, sed vulputate elit vestibulum.

Suspendisse vitae mauris maximus, faucibus ex rhoncus, condimentum ipsum. Quisque et lacus eget nibh accumsan maximus. Mauris venenatis congue pulvinar. Mauris ac placerat erat. Phasellus est mauris, ultricies quis mauris et, egestas dapibus velit. Aenean accumsan non velit ultricies aliquam. Nam enim velit, vulputate euismod nisl ut, auctor pharetra lectus. Nulla sed semper arcu. Sed vestibulum risus ut nulla consectetur, ullamcorper varius felis vulputate. In at est et tortor commodo pulvinar sed non neque. Nam dui nulla, cursus sed molestie vitae, pellentesque sit amet risus. Integer velit felis, ultrices eu felis at, vestibulum fringilla orci. Duis porttitor, ante in rutrum gravida, mi velit tempor quam, eget posuere libero nisl vel augue.

Ut et sapien a mauris eleifend dictum ut ac erat. Sed rutrum placerat nisl, et eleifend ex vehicula at. Quisque sollicitudin dui dolor, a iaculis turpis fermentum quis. Nunc sodales in ligula at venenatis. Vivamus luctus finibus tempus. In cursus feugiat ultrices. Nam maximus auctor massa. Vestibulum metus purus, hendrerit vitae nisl a, interdum interdum ex. Pellentesque sodales mi in turpis congue suscipit.

Sed eu neque eget orci hendrerit finibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam purus tellus, euismod vitae arcu sit amet, malesuada sagittis urna. Phasellus lorem magna, sollicitudin sed mattis vitae, fringilla in leo. Fusce a luctus libero. Maecenas semper porttitor odio, ut sagittis magna malesuada id. Donec in consectetur odio, vestibulum porta ligula. Duis et orci at dolor condimentum commodo eget sed augue. Nullam nec sapien consectetur, tempor ex vel, fringilla enim. Curabitur ullamcorper, turpis efficitur faucibus tristique, turpis leo convallis ipsum, non lacinia nisi arcu eget elit. Nulla consectetur, ante a ullamcorper vulputate, dui dui interdum odio, nec sodales massa lacus ac sapien. Praesent vel ultricies erat, ac ornare tortor. In aliquam tincidunt velit, et auctor urna.

[/div] [div class="tabsContent tabsContentThree" style="display: none"]

Three ipsum dolor sit amet, consectetur adipiscing elit. Cras vel orci ut nisi dignissim blandit. Sed at justo dignissim, rhoncus mauris et, vestibulum leo. Nullam id tortor at neque tempus mollis. Mauris facilisis mi a mi molestie, nec faucibus dolor sollicitudin. Phasellus sodales magna quis volutpat semper. Quisque in velit lacinia, vulputate mi eu, iaculis lacus. Nunc purus tellus, lobortis quis mi at, fermentum auctor diam. Nam sit amet porta mi, quis luctus massa. Mauris quis aliquam orci, non dapibus metus. Vivamus maximus efficitur dolor.

Vestibulum mattis ut turpis pharetra dapibus. Donec sed aliquam urna, in hendrerit neque. Nulla molestie tellus sapien, a pretium leo sodales sit amet. Cras aliquam tellus vitae tortor euismod, at tincidunt est iaculis. Aliquam erat volutpat. Sed condimentum nec erat nec blandit. Praesent luctus malesuada pellentesque. Donec euismod fringilla nisi. Aenean commodo mi ac dolor faucibus vehicula. Proin tincidunt augue non sollicitudin convallis. Morbi ac mi et augue malesuada elementum. Cras tincidunt libero tellus, vitae fringilla leo ultricies quis. Vestibulum vel neque convallis dolor tincidunt lobortis eget eu leo. Maecenas tempus viverra luctus. Phasellus dapibus nisi non tortor dictum, sed vulputate elit vestibulum.

Suspendisse vitae mauris maximus, faucibus ex rhoncus, condimentum ipsum. Quisque et lacus eget nibh accumsan maximus. Mauris venenatis congue pulvinar. Mauris ac placerat erat. Phasellus est mauris, ultricies quis mauris et, egestas dapibus velit. Aenean accumsan non velit ultricies aliquam. Nam enim velit, vulputate euismod nisl ut, auctor pharetra lectus. Nulla sed semper arcu. Sed vestibulum risus ut nulla consectetur, ullamcorper varius felis vulputate. In at est et tortor commodo pulvinar sed non neque. Nam dui nulla, cursus sed molestie vitae, pellentesque sit amet risus. Integer velit felis, ultrices eu felis at, vestibulum fringilla orci. Duis porttitor, ante in rutrum gravida, mi velit tempor quam, eget posuere libero nisl vel augue.

Ut et sapien a mauris eleifend dictum ut ac erat. Sed rutrum placerat nisl, et eleifend ex vehicula at. Quisque sollicitudin dui dolor, a iaculis turpis fermentum quis. Nunc sodales in ligula at venenatis. Vivamus luctus finibus tempus. In cursus feugiat ultrices. Nam maximus auctor massa. Vestibulum metus purus, hendrerit vitae nisl a, interdum interdum ex. Pellentesque sodales mi in turpis congue suscipit.

Sed eu neque eget orci hendrerit finibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam purus tellus, euismod vitae arcu sit amet, malesuada sagittis urna. Phasellus lorem magna, sollicitudin sed mattis vitae, fringilla in leo. Fusce a luctus libero. Maecenas semper porttitor odio, ut sagittis magna malesuada id. Donec in consectetur odio, vestibulum porta ligula. Duis et orci at dolor condimentum commodo eget sed augue. Nullam nec sapien consectetur, tempor ex vel, fringilla enim. Curabitur ullamcorper, turpis efficitur faucibus tristique, turpis leo convallis ipsum, non lacinia nisi arcu eget elit. Nulla consectetur, ante a ullamcorper vulputate, dui dui interdum odio, nec sodales massa lacus ac sapien. Praesent vel ultricies erat, ac ornare tortor. In aliquam tincidunt velit, et auctor urna.

[/div][/div][/div]