Tabbed Info


Sensation BLVD

This is a mockup for a world page. You can use this CSS and the tabbed HTML that comes with it to add styling and extra info to your Toyhouse Worlds. If you don't want to use the HTML along with the style, you don't have to, however the HTML will not display properly without the CSS.

While this was designed for Worlds in mind, it will also work with user profiles and character pages. If you need help handling where to paste CSS, you can check this guide.

This CSS comes with a sheet that allows you to change the basic colors: the dark accent, the primary accent, and the light accent. The forum colors are also customizable, if you want a light vs. dark version. You can also change the other default bootstrap colors. All fonts and images can also be customized.

Note that other HTML layouts and CSS may not work correctly with this, but you can see how it displays, or make adjustements.


The Cast


Version One:

This version has compact cards with image headers. Good for smaller amounts of info -- card portrait will link out to a character page if wanted.


Version Two:

This version has similar styling to the setting page if you would prefer more information listed.


SAMMY HEART

they/he ENFP gemini they/he

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc luctus rutrum quis quis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In lacus ligula, commodo et nisl sed, suscipit iaculis nisl. Suspendisse non felis sed nunc faucibus interdum et sit amet massa. Suspendisse dapibus rutrum sem ac lacinia. Nam commodo augue libero, ac consequat nunc tincidunt non.


CHARACTER NAME

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc luctus rutrum quis quis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In lacus ligula, commodo et nisl sed, suscipit iaculis nisl. Suspendisse non felis sed nunc faucibus interdum et sit amet massa. Suspendisse dapibus rutrum sem ac lacinia. Nam commodo augue libero, ac consequat nunc tincidunt non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc

The Setting


SANTA LUNA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc luctus rutrum quis quis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In lacus ligula, commodo et nisl sed, suscipit iaculis nisl. Suspendisse non felis sed nunc faucibus interdum et sit amet massa. Suspendisse dapibus rutrum sem ac lacinia. Nam commodo augue libero, ac consequat nunc tincidunt non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc


SANTA LUNA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc luctus rutrum quis quis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In lacus ligula, commodo et nisl sed, suscipit iaculis nisl. Suspendisse non felis sed nunc faucibus interdum et sit amet massa. Suspendisse dapibus rutrum sem ac lacinia. Nam commodo augue libero, ac consequat nunc tincidunt non.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc

The Story


PART ONE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc luctus rutrum quis quis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In lacus ligula, commodo et nisl sed, suscipit iaculis nisl. Suspendisse non felis sed nunc faucibus interdum et sit amet massa. Suspendisse dapibus rutrum sem ac lacinia. Nam commodo augue libero, ac consequat nunc tincidunt non.

Etiam lacinia a ex et tempor. Nullam ac vehicula est. Ut et quam augue. Pellentesque sit amet egestas nisl, sed fringilla ante. Aliquam erat volutpat. Curabitur et pellentesque felis. Vivamus accumsan ipsum eu enim finibus, nec convallis turpis tempor. Donec pulvinar sed orci non dapibus. Curabitur odio sem, ullamcorper in facilisis sollicitudin, condimentum non leo. Sed nisl sapien, egestas et ipsum eu, semper aliquam diam. Integer vel neque magna. Vestibulum mauris tortor, sodales pharetra libero quis, porta vulputate tellus. Pellentesque dictum orci eros, eget ornare dolor viverra ut.


PART TWO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus erat, vestibulum pretium justo at, aliquet sodales leo. Sed pharetra justo et nisi eleifend, quis tincidunt urna blandit. Etiam quis mi sagittis nunc luctus rutrum quis quis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In lacus ligula, commodo et nisl sed, suscipit iaculis nisl. Suspendisse non felis sed nunc faucibus interdum et sit amet massa. Suspendisse dapibus rutrum sem ac lacinia. Nam commodo augue libero, ac consequat nunc tincidunt non.

Etiam lacinia a ex et tempor. Nullam ac vehicula est. Ut et quam augue. Pellentesque sit amet egestas nisl, sed fringilla ante. Aliquam erat volutpat. Curabitur et pellentesque felis. Vivamus accumsan ipsum eu enim finibus, nec convallis turpis tempor. Donec pulvinar sed orci non dapibus. Curabitur odio sem, ullamcorper in facilisis sollicitudin, condimentum non leo. Sed nisl sapien, egestas et ipsum eu, semper aliquam diam. Integer vel neque magna. Vestibulum mauris tortor, sodales pharetra libero quis, porta vulputate tellus. Pellentesque dictum orci eros, eget ornare dolor viverra ut.

Timeline

1960

The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.
The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.

1960

1960

The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.
The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.

1960

Alt Version:

If you have more information this may match the other sections a little better. Either way there are two versions you can choose from!


1960

HEADING

The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.

HEADING

The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.

1960


1960

HEADING

The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.

HEADING

The Event occurs due to an unknown supernatural cause. Everyone goes through a life-altering experience with no clear memory of The Event. Some kids went missing, but were later found.

1960


Content Warning

Please note that this project contains Mature / Adult themes not suitable for minors or those who may be sensitive to mature themes such as violence, horror, and sexually explicit content.

Because of this we require that you be at least 18 years of age or older to join our community. Anyone under the age of 18 we catch lying about, or omitting their age to gain access will be publicly blacklisted and reported to toyhouse for circumventing content policies.

Membership is dependent on age confirmation so you must be a member of our community to access our forums. Design acquisition is also dependent on age confirmation.

If this kind of content makes you uncomfortable, we suggest you find another community to join.

Sensitive Themes & Topics May Include:

  • Sexually suggestive or explicit Nudity.
  • Explorations of sexuality, visually and in written works.
  • Horror elements, including violent themes, body horror, and cosmic horror.
  • Depictions of blood and body horror are likely common visual elements.
  • Violent acts and combat oriented themes, including potentially violent and villanous characters.
  • Themes of drug and alcohol use.
  • Existential themes and explorations of death and the afterlife.

Despite these themes, we still have a very robust content policy as part of our Terms of Service, which details what kind of content can and cannot be depicted in our comunity, and all users must use appropriate warnings for the content posted not just in our community, but on Toyhouse generally. Users who post / depict content not allowed on Toyhouse or that intentionally refuse to use content filters / warnings for sensitive content will be blacklisted.