#codingtemplate

[kranae]

let the sky fall, let the day break | club introduction/wallpost code

i also made this for myself to match with my other club content!!! apologies for the yucky demo image quality >_< but originally, i made the darker one (let the sky fall) for my cherry work on woo EU (launch soon!!!) and decided to post it! and my lovely friend said they wanted to steal it, so i went, oh okay let me make a lighter one then xD

can work as both a wallpost, or as a club introduction!

very important! make sure that your code has NO LINE BREAKS or else the spacing will not be nice!!! it all needs to be in one line!

if you want like, a pfp with a name and stuff for an intro on the side, dm me and ill add it

it can also scale down fully on smaller screens like a phone i’ve been told it’s pretty on a phone

let the sky fall | let the day break (<— click these!!!!)

do naur touch my credit thing even if you edit because i’ll be really really sad and cry :( let me know if you have any questions! also fair warning on site, the pictures look a little biiiit funky, but still pretty: see below!!!

[glossamerr]

Monkey king | profile text

This is for a personal request for a PT with more quick facts and less writing. This has lots of image slots and four pages. The about page might look a bit off in the codetester but it will be spaced correctly on site. Inspired by the black myth wukong game hehhe. If you use it, leave a like or repost. And I’d love to see what you do with it. Hope you enjoy!

Codepen: https://codepen.io/glossamerr/pen/MWNaNgK

Jsfiddle: https://jsfiddle.net/glossamerr/9fuc1d40/

[yinyangcoding]

Red Sun

Hellooo It’s your resident sleep drunk coder peach dancing in with a new code based off the request of one of our followers! Now the original theme was not in this color at all but I messed with it just to post it on tumblr, everything inside the code should be labeled in all caps to clear the confusion for the fact that I got annoyed at trying to find a perfect google font before making them all images. (But you can always switch it back to google fonts xD) Need help? Feel free to message us privately or join our discord server here! AS ALWAYS PLEASE DO NOT REMOVE OR CHANGE THE CREDIT OF THIS CODE. IT WAS MADE BY THE EFFORTS OF MYSELF AND YIN.

Code Includes: 1. Fonted Text 2. Scrollbar 3. Box Shadows 4. Button Navigation Code Link

[kranae]

emo capybara… | club code

i made this for myself and then @glossamerr told me to post it so i said ok sure yes!

has 4 buttons but you can add more if you know how

the title and the text box have a picture as a background but u can change that into just a colour

there is a spot for ur face and name if you’re like a job leader thingy

it can scale down fully on smaller screens like a phone even if it gets just a little bit ugly IT WORKS

um. maybe dont touch my credit thing even if you edit because i’ll be sad and also if you have questions about what stuff is you can ask me ? i am just not sure if i will be able to answer them BUT I WILL TRY ok THANKS here is ur link

[glossamerr]

ID | Profile Text

Enjoy. (Matching backstory)

Codepen: https://codepen.io/glossamerr/pen/VYLvELM

Pastebin: https://pastebin.com/HrE9Wwji

Make sure to hit publish after you paste the code onto site, DO NOT click source again as it will mess up the spacing.

[glossamerr]

Blueprint Supreme | Profile Text

Hii, its been a couple of months. Tysm for using my codes and for supporting me. I saw some of my codes out in the wild, and it really made my day! Here is a simple pt that has a lot of room for pictures and descriptions. My fav is the inventory page. Check it out!

Codepen: https://codepen.io/glossamerr/pen/GgJgWPw

Pastebin: https://pastebin.com/GXCh44ZS

If you use it, I would be thrilled to see your final products. Don't hesitate to reach out!

(I made this for a character on WoO EU. It's launching in a month, and we are all super excited for you guys to be there!)

[kranae]

like a villain | article code

this is a lot sooner than i usually tend to post in a row buuut. i realized i needed an article code tomorrow for a division article on WoO EU (join strategos!) and decided to whip something up real quick!

single-page article with options for a non-scrolling box, and a scrolling box

includes a yellow highlighted box for any content you want to be extra highlighted and space for your pfp and an ending note at the very end

should be mobile-friendly and scale down (cutely, in my opinion) on smaller screens !

like a villain | <— click here!!!!

keep my credits, lemme know if you have problems, all the normal stuff! giggles

[kranae]

love’s the death of peace of mind | book / club code

have finally been persuaded to drop this beeheemoth of a book code! since it was originally created for WoO EU as a job application / staff book, it has a… lot of tabs. but oh well! i think it’s cute so eehee.

the version with dropdowns (shown in the video) has a total of 25 pages with 5 dropdown tabs! you can edit these to however many you need, i left a note at the top for how to do so, if you struggle then send me a msg

the version without dropdowns has just 5 buttons, with no dropdowns! just in case you wanted to use a 5-page book. you can also change the # of pages!

includes the design for an extra infobox inside of the main text area that you can use!

fully mobile-friendly which is always a bonus for sites, and rather cute on mobile if i say so :3 

could possibly be used as a club code, you would just need to change the overall width to 650px and the width of the buttons to 108px each

the death of peace of mind   |   non-dropdown version    (<— click these!!!!!)

do not touchy my credit or ill eat you alive ok thanks!!! lemme know if u have questions / problems with this baby :3 sorry for poor vid quality i had to really compress it for tumblr to accept it sob

[glossamerr]

Very demure | club page

This one is for a private request through discord. If you are interested in requesting a code, I am taking requests! Please don't hesitate to reach out. This is a multi page club code with 2 main colors.

customized link colors

drop down box

three pages

Pastebin: https://pastebin.com/1xzusswR

Hope you guys enjoy!

[glossamerr]

Notice Board | Club page

Idk what to call this. Like a notice board or bulletin board. I used it to post important notices and links etc. inside my teams club. It's all scrollable, the post it notes can fit however many lines you want. And you can hide any of them if you dont have that much to say.

Link: https://codepen.io/glossamerr/pen/GRVQZjX

Bit of an old code. lmk if you need help editing it.

[glossamerr]

Receipt | Backstory

The matching backstory code to ID. Very easy to edit. You can fit as many new pages as you want. I left comments to help you. No scroll inside the code cause I think having a long code is kind of on theme for receipts. 

Codepen: https://codepen.io/glossamerr/pen/gbpoMJy 

Make sure to hit “upload backstory” immediately. DO NOT hit source a second time as that will mess up the spacing. Enjoy and lmk if you use it!

[glossamerr]

Gallery of life | Backstory

Had this specific vision in my mind for a while. I love how this turned out! The page scrolls horizontally, so it’s like when you’re at the museum. (& the pop up windows are like those info cards next to the paintings!!) Details on how to customize the code are written as notes, as always. 

4 pages to write on

no limits to word count

hover effects on buttons

pop up boxes

If you use it, I would appreciate a like or repost! And if you feel like sending me the finished look, I would love to see it. I hope you enjoy this one as much as I do.

Pastbin: https://pastebin.com/Cp2Hsi3r

Codepen: https://codepen.io/glossamerr/pen/QWXOxgY

[glossamerr]

Interstellar | profile text

Here's a star wars themed profile text with:

- interactive titles - masked cutout for main image - a blinking cursor - 4 pages - no word cap to most containers so you can add as much as you want - a gallery page where you can add more images

This code is a bit long and messy but I added (hopefully) helpful comments throughout the code to make things easier. If you break something lmk! And when you are uploading this code to site, make sure you publish the code directly without clicking source a second time. Otherwise the spacing will change and some things will not look right.

Pastbin: https://pastebin.com/MjbgQyPG

[glossamerr]

It's not that deep | article

Another article code??? Yeah.

Here is an article code for a single article with a side box for site updates, an ad box for recruiting team members and application info, and two image slots. All text containers can scroll down to include more, so you don't have to worry about your word count anymore!

I like the color palette of this one. It was meant to be star wars themed but I had other plans. Let me know if you need help editing it!

Pastbin: https://pastebin.com/Enmg8iVL

[glossamerr]

'Mogged' | mail sig

Title is inspired by what @zaycodes said when I showed this to him lol. This is another mail sig I made that you can put links into. (you can even link on-site pages too!) I put it on site so you can see what it’ll look like. Main name is still fontmeme but I added which font I used so you can customize it easily. If you use it, I would appreciate a like or reblog! Enjoy!

Pastebin: https://pastebin.com/s6hHHGzd

Codepen: https://codepen.io/glossamerr/full/QWXZaEQ

[glossamerr]

Formal blue | mail sig/wallpost

So this is something new. I wanted a formal looking mail signature that you can actually click on and put links into. If you want to, you can use this as a wall post as well.

If you click on the mail link, it opens your default mail client with a new email window addressed to the mail address, and the website link opens to your website.

Pastebin: https://pastebin.com/WvQVR22J

Codepen: https://codepen.io/glossamerr/full/gONBWNJ

Its tested on site, and I think it looks pretty cool! Hope you guys like it!