[F2U HTML] CLOUDY SKIES

yumenari

Info


Created
2 years, 7 months ago
Creator
yumenari
Designers
miynn
Favorites
1212

Profile


[F2U HTML] CLOUDY SKIES // custom yumenari html code

featured character: MUNCH (art + character by nothingwitty)


mobile friendly(?) semi-custom color compatible html — all members can use

This code may only be used by Yumenari characters and OCs! Please do not use this code if you don't have a Yumenari yourself, or use it for non-Yumenari characters. Thank you!

The code doesn't require a lot of html/bootstrap knowledge, but it is recommended! The only custom color in this code is the accent color, and all of the other colors are bootstrap. This is my first code I'm putting publically on TH, so I hope it's easy to use! Oh, it also looks best on PC ;_;

Comes with three versions! A simple version with just the main tab, an extended version of the simple code and a tabbed version of the extended code! My rules can be found in the raw code, but please be familiar with them if using!

coded by miynn - please do not remove credit


UPDATE ( Febuary 18th, 2022 ): Changed a few minor things. Made it so the credit link goes directly to here instead. Also included my code TOS.


Get the code here!

Munch !!


quote here...

11602777?1624316968
Name content
Gender content (they/them)
Orientation content
Age content
Birthday content
Species Yumenari
Type Dream/Nightmare
Type of Dreams content
Masterlist M-005
Designer nothingwitty
Traits
  • [C] List
  • [UC] Your
  • [R] Traits
  • [B] Here!
  • [B] It scrolls!
  • [C/UC/R/B] :)
Items Used
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
yumi_logo_2222.png

Write a quick blurb of your character here!

Don't worry: this section scrolls, so you have more than enough space located here if you don't have much to write. The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. Otherwise go crazy!

You can also have new paragraphs! If you'd like to have a section to write more info, check the extended versions!

This paragraph is here to demonstrate the scroll!

Likes
  • One
  • Two
  • Three
  • Four!
Dislikes
  • One
  • Two
  • Three
  • Four!

Munch !!


quote here...

11602777?1624316968
Name content
Gender content (they/them)
Orientation content
Age content
Birthday content
Species Yumenari
Type Dream/Nightmare
Type of Dreams content
Masterlist M-005
Designer nothingwitty
Traits
  • [C] List
  • [UC] Your
  • [R] Traits
  • [B] Here!
  • [B] It scrolls!
  • [C/UC/R/B] :)
Items Used
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
yumi_logo_2222.png

Write a quick blurb of your character here!

Don't worry: this section scrolls, so you have more than enough space located here if you don't have much to write. The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. Otherwise go crazy!

You can also have new paragraphs! If you'd like to have a section to write more info, check the extended versions!

This paragraph is here to demonstrate the scroll!

Likes
  • One
  • Two
  • Three
  • Four!
Dislikes
  • One
  • Two
  • Three
  • Four!


Background
Trait one Trait two Trait three Trait four Trait five Trait six

Write an extended version of your character's information here! Could include personality, history, more stuff into what they do, ect. This section scrolls as well, so feel free to go all out in writing!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper mollis dignissim. Maecenas in lacus ultrices, pharetra nulla non, porttitor risus. Morbi volutpat nisi tortor, quis auctor leo eleifend id. Vivamus vulputate lacus quam, eget elementum mauris iaculis ut. Vestibulum mi elit, tempus sed ante a, eleifend pellentesque dui.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras vehicula gravida malesuada. Nam vitae sem sem. Morbi sagittis laoreet metus, a malesuada mauris porta sed.

Vivamus rhoncus ullamcorper odio sed fringilla. Sed volutpat, enim ut efficitur pulvinar, elit nunc consequat elit, vitae tincidunt justo dui id purus. Sed posuere massa a efficitur luctus.

Trivia
  • Trivia point one! You can write anything that might be cool about the character!
  • You can add as much as you like, but keep it short if possible!
  • This section also scrolls so don't worry about it!

Design Notes
  • Add any design notes/apperance notes you may have for the character here!
  • Much like the above, you can add as much as possible and this section scrolls, but try not to go overboard!


100

Character Name // relationship


Write the relationship of these two characters! The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. You can also have new paragraphs!

While this part doesn't scroll, you have more than enough space to write as much as you'd like! That said, I don't reccomend writing a lot or else it might look a bit weird.

100

Character Name // relationship


Write the relationship of these two characters! The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. You can also have new paragraphs!

While this part doesn't scroll, you have more than enough space to write as much as you'd like! That said, I don't reccomend writing a lot or else it might look a bit weird.

Munch !!


quote here...

11602777?1624316968
Name content
Gender content (they/them)
Orientation content
Age content
Birthday content
Species Yumenari
Type Dream/Nightmare
Type of Dreams content
Masterlist M-005
Designer nothingwitty
Traits
  • [C] List
  • [UC] Your
  • [R] Traits
  • [B] Here!
  • [B] It scrolls!
Items Used
  • Item Name (dd/mm/yy)
  • Item Name (dd/mm/yy)
yumi_logo_2222.png

Write a quick blurb of your character here!

Don't worry: this section scrolls, so you have more than enough space located here if you don't have much to write. The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. Otherwise go crazy!

You can also have new paragraphs! If you'd like to have a section to write more info, check the extended versions!

This paragraph is here to demonstrate the scroll!

Likes
  • Keep it to four on each side!
  • Or less if you'd like
  • If not it'll break the code ;_;
  • Sorry!
Dislikes
  • One
  • Two
  • Three
  • Four!
Background
Trait one Trait two Trait three Trait four Trait five Trait six

Write an extended version of your character's information here! Could include personality, history, more stuff into what they do, ect. This section scrolls as well, so feel free to go all out in writing!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ullamcorper mollis dignissim. Maecenas in lacus ultrices, pharetra nulla non, porttitor risus. Morbi volutpat nisi tortor, quis auctor leo eleifend id. Vivamus vulputate lacus quam, eget elementum mauris iaculis ut. Vestibulum mi elit, tempus sed ante a, eleifend pellentesque dui.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Interdum et malesuada fames ac ante ipsum primis in faucibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras vehicula gravida malesuada. Nam vitae sem sem. Morbi sagittis laoreet metus, a malesuada mauris porta sed.

Vivamus rhoncus ullamcorper odio sed fringilla. Sed volutpat, enim ut efficitur pulvinar, elit nunc consequat elit, vitae tincidunt justo dui id purus. Sed posuere massa a efficitur luctus.

Duis massa purus, semper ac quam id, vulputate tincidunt nibh. Nullam varius nisi non mauris aliquam, eu luctus eros dictum. Pellentesque sed cursus nunc. Sed sed hendrerit tortor, sit amet semper purus. Cras massa neque, condimentum vel dictum eget, aliquet quis felis. Cras eleifend tellus quis diam semper sagittis.

Trivia
  • Trivia point one! You can write anything that might be cool about the character!
  • You can add as much as you like, but keep it short if possible!
  • This section also scrolls so don't worry about it!

Design Notes
  • Add any design notes/apperance notes you may have for the character here!
  • Much like the above, you can add as much as possible and this section scrolls, but try not to go overboard!
90

Character Name // relationship


Write the relationship of these two characters! The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. You can also have new paragraphs!

While this part doesn't scroll, you have more than enough space to write as much as you'd like! That said, I don't reccomend writing a lot or else it might look funky.

90

Character Name // relationship


Write the relationship of these two characters! The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. You can also have new paragraphs!

While this part doesn't scroll, you have more than enough space to write as much as you'd like! That said, I don't reccomend writing a lot or else it might look a bit weird.

90

Character Name // relationship


Write the relationship of these two characters! The default text alignment is "justify" but if you don't like that, you can always change it to "text-align:right" in the code. You can also have new paragraphs!

While this part doesn't scroll, you have more than enough space to write as much as you'd like! That said, I don't reccomend writing a lot or else it might look a bit weird.