Olivia's Codes

hey there! Well, I love @sophcodes because she was always one of my friends and we loved to code together.

Also, her codes are great go check them out!

Lesson | Marble

Features: A nice marbled background with a large class heading and a clear space for assignments and requirements. There is little CSS, so it is very easy to understand. You can change the type of the text easily.

Pastebin | Controlc

Profile Text | Woven in Stars

Features: custom scrollbar, easy-to-edit CSS, navigation buttons that can be removed/edited, box shadows and text shadows, customizable background, basic but pretty HTML/CSS

Pastebin | Controlc | Tryit

This is just a preview of a new code that will be coming out next month! Hope that this looks good to you :3

Backstory | Jurassic World

Features: images as tabs for each page, custom fonts and text shadowings changable through CSS, easy-to-edit scrollbar

Pastebin | Controlc | Tryit

Big shoutout to YinYangCoding for inspiring this code- I was inspired by their Hidden Message code and decided to recreate it in my own perspective.

Pastebin | Controlc | Tryit

Oh! Well I suppose it would be impossible for me to choose just one, but I especially love SophCodes because they are always very supportive and kind!

Course Overview | Jurassic World

Features: custom dinosaur cursor, custom gradient scrollbar, box for class requirements, image that is easy to customize and a special jurassic world font from fontmeme

Pastebin | Controlc | Tryit

Lesson | Jurassic World

Features: images with a border inside, special jurassic world font, simple CSS, a gradient scrollbar, customizable assignment and requirement spaces, a unique section for signature and profile picture

Pastebin | Controlc | Tryit

Staff Book | Colors of the Rainbow

Features: gradient scrollbar that is easy to edit, linear gradient and colored backgrounds that can be changed, easy-to-understand CSS, customable buttons at a specific size, guidelines to understand the quantity of boxes and add more or less

Pastebin | Controlc | Tryit

Happy new year!

I figured that since images are just too plain, I wanted to jazz them up a bit with a box around them! These are all HTML photoboxes and require no CSS at all.

Profile Text | Keeper of the Lost Cities

Features: home navigation with customizable circles & fonts, personality bars, gallery image/aesthetics page, lots of spaces for quotes, jobs, and headers

Hello fellow coders!

I know that it can be frustrating not knowing how to create tabs without JavaScript and CSS, so I made this instructional post to show you how to create pure HTML tabs/pages.

Mockup | Google Forms

Features: a customizable header, multiple choice, checkbox, short, and long answer boxes that are extremely similar to the original version, submit button that turns dark purple on click like original, popup that appears when you click the submit button, link in popup that brings you to give another response

Note: Unfortunately there was a lot of CSS coding for the popup, button, and overall body, so I had to make it a little less easier to read. If you really don’t like it that way, copy the CSS into a CodePen, then click “Format CSS”. Additionally, this will not actually send your answers anywhere as it is just a mockup.

Pastebin | Controlc | Tryit