[F2U HTML] Sunny Boxes
StormyStarlight
- Created
- 2 years, 1 month ago
- Creator
- StormyStarlight
- Favorites
- 3491
Profile
A layout made for the Coders' Quarters March 2022 challenge using the Linen moodboard (my first entry)!
This is a somewhat basic tabbed layout, featuring character trait sliders, likes/dislikes/notes, a very simple palette, a spot for character relationships, and a pagedoll. The layout uses custom colors and images from the moodboard the challenge provided by default, but they can easily be switched out to create a different theme if so desired. You will need to use RGBA format for the colors of the translucent elements.
- Do not remove or redirect the credit. You may change how the credit is displayed/move it elsewhere, but it may not be removed altogether. Do not claim you made this layout.
- Feel free to modify/frankenstein this layout as much as you want as long as I am still credited, along with any other involved (consenting) creators.
- Keep Profile Text WYSIWYG disabled and Code Editor enabled when using this layout. You can change these settings here.
- Do not publicly redistribute this layout, or modified/copied/frankensteined versions of it, regardless of whether it is for free or paid use.
- Need assistance? Comment or message me for help!
22 Mar 2022:
- Initial release!
8 Feb 2023:
- Code restructuring to allow lines to be added to/removed from the basics box without having to manually readjust the height of the other box.
- Fixed word wrapping issues in the basics box.
- Likes, Dislikes, and Notes sections are now wider on smaller displays.
- Avatar image border now uses separately defined split colors rather than an inset border by default.
Honey
the lonesome soldier
Character
Introvert Extrovert
Optimist Pessimist
Thinking Feeling
Apathetic Empathetic
Cautious Careless
Mature Immature
Lawful Chaotic
Good Evil
Likes
- Item
- Item
- Item
Dislikes
- Item
- Item
- Item
Notes
- Item
- Item
- Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.
Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Design Notes
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
History
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio.
Subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Character
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Character
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Comments