Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

September 2020

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
27282930   

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Biosheet: Stacked





Title Here
Subtitle Line Here
About
INFO FIELD INFO FIELD INFO FIELD INFO FIELD INFO FIELD INFO FIELD
Ut pulvinar diam vitae ex dapibus mollis. Donec molestie, nisl at tristique dapibus, turpis ex scelerisque magna, sit amet faucibus sem odio eget magna. Duis venenatis neque non nibh tristique tincidunt. Nunc ut nisl ut tortor euismod tincidunt. Nulla tincidunt dignissim vestibulum. In hac habitasse platea dictumst. Cras condimentum malesuada nunc sit amet convallis. Nullam ac sagittis diam. Mauris aliquam diam et sodales sollicitudin. Etiam feugiat ligula sem, sed eleifend ipsum dignissim ut. In finibus vitae mi in accumsan.
Personality
00%
TRAIT
00%
TRAIT
00%
TRAIT
00%
TRAIT
00%
TRAIT
Ut pulvinar diam vitae ex dapibus mollis. Donec molestie, nisl at tristique dapibus, turpis ex scelerisque magna, sit amet faucibus sem odio eget magna. Duis venenatis neque non nibh tristique tincidunt. Nunc ut nisl ut tortor euismod tincidunt. Nulla tincidunt dignissim vestibulum. In hac habitasse platea dictumst. Cras condimentum malesuada nunc sit amet convallis. Nullam ac sagittis diam. Mauris aliquam diam et sodales sollicitudin. Etiam feugiat ligula sem, sed eleifend ipsum dignissim ut. In finibus vitae mi in accumsan.
Appearance
Ut pulvinar diam vitae ex dapibus mollis. Donec molestie, nisl at tristique dapibus, turpis ex scelerisque magna, sit amet faucibus sem odio eget magna. Duis venenatis neque non nibh tristique tincidunt. Nunc ut nisl ut tortor euismod tincidunt. Nulla tincidunt dignissim vestibulum. In hac habitasse platea dictumst. Cras condimentum malesuada nunc sit amet convallis. Nullam ac sagittis diam. Mauris aliquam diam et sodales sollicitudin. Etiam feugiat ligula sem, sed eleifend ipsum dignissim ut. In finibus vitae mi in accumsan.
Extra
Title
Nunc aliquam, leo eu consectetur mollis, massa eros lacinia elit, eget ultricies felis est mattis ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac vehicula neque, a vulputate eros. Aenean sollicitudin et risus sit amet mollis. Sed nec imperdiet nulla, sed pretium tortor. Sed pellentesque vestibulum lacus quis consectetur. Duis facilisis pharetra mi, in bibendum purus tempus et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Title
Nunc aliquam, leo eu consectetur mollis, massa eros lacinia elit, eget ultricies felis est mattis ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac vehicula neque, a vulputate eros. Aenean sollicitudin et risus sit amet mollis. Sed nec imperdiet nulla, sed pretium tortor. Sed pellentesque vestibulum lacus quis consectetur. Duis facilisis pharetra mi, in bibendum purus tempus et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Title
Nunc aliquam, leo eu consectetur mollis, massa eros lacinia elit, eget ultricies felis est mattis ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac vehicula neque, a vulputate eros. Aenean sollicitudin et risus sit amet mollis. Sed nec imperdiet nulla, sed pretium tortor. Sed pellentesque vestibulum lacus quis consectetur. Duis facilisis pharetra mi, in bibendum purus tempus et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

History
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel nibh tellus. Duis in magna imperdiet, bibendum risus ac, porttitor nunc. Duis metus eros, ultrices non lorem vel, placerat ultrices lectus. Nunc sit amet nulla eu quam pellentesque vulputate sed at lectus. Nunc fringilla nibh eu quam eleifend, eu commodo nisl posuere. Duis cursus est nisi, quis pretium nisi ornare vel. Aenean eget justo urna. Ut ornare lacus eget maximus commodo. In nisi erat, sagittis at volutpat id, semper bibendum urna. Nunc vel placerat quam. Fusce lectus urna, vulputate vel lacinia eu, mollis id nunc. Suspendisse placerat turpis sit amet rhoncus tempus. Sed dignissim porta interdum. Pellentesque mattis ac urna ut semper. Vestibulum id purus sapien. Cras gravida elit sit amet ipsum eleifend euismod.

Ut pulvinar diam vitae ex dapibus mollis. Donec molestie, nisl at tristique dapibus, turpis ex scelerisque magna, sit amet faucibus sem odio eget magna. Duis venenatis neque non nibh tristique tincidunt. Nunc ut nisl ut tortor euismod tincidunt. Nulla tincidunt dignissim vestibulum. In hac habitasse platea dictumst. Cras condimentum malesuada nunc sit amet convallis. Nullam ac sagittis diam. Mauris aliquam diam et sodales sollicitudin. Etiam feugiat ligula sem, sed eleifend ipsum dignissim ut. In finibus vitae mi in accumsan.

Sed a felis porta, posuere ex consequat, dignissim orci. Integer et nibh orci. Curabitur facilisis ac diam sit amet gravida. Vestibulum enim risus, viverra eget vehicula ut, efficitur vitae mauris. Curabitur in orci libero. In semper massa nisl, ac rhoncus nulla molestie in. Maecenas non dui ac ex tempus placerat. Aliquam dapibus et lectus sodales laoreet. Aliquam rutrum erat a sagittis elementum. Donec tempor libero at erat sodales iaculis. Morbi egestas efficitur finibus. Nullam sagittis tortor at tempor eleifend. Donec non tortor eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut dolor purus, facilisis quis vehicula non, feugiat ac eros.

Nunc aliquam, leo eu consectetur mollis, massa eros lacinia elit, eget ultricies felis est mattis ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec ac vehicula neque, a vulputate eros. Aenean sollicitudin et risus sit amet mollis. Sed nec imperdiet nulla, sed pretium tortor. Sed pellentesque vestibulum lacus quis consectetur. Duis facilisis pharetra mi, in bibendum purus tempus et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
CODING


Information

Hey guys! Today we've got a compact-but-robust bio to pair with Layout: Stacked, since so many of you liked that design! This is pretty easily resized, and as long as you follow the anchor link pattern, you can easily add new pages. Enjoy! 💖

The Coding



Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily! Doing written content editing in a code tester that has syntax highlighting is best, because it will show you clearly where your written content is as opposed to the coding.

Replacement values
MAIN_IMG - Middle block background
ABOUT_PIC - About stats image
PERSONALITY_PIC - Personality header image
GRID_PIC1 through GRID_PIC4 - Appearance gallery images

DIMENSIONS
width:500px - Container width
height:120px - Header and footer height
height:500px - Scrolling content height

FONTS
trebuchet ms,sans-serif - Body text
courier new,monospace - Headings

COLORS
rgba(255,255,255,0.85) Content overlay background
#fff Header and footer text
#ddd Content border
#2F3E46 Accent color
#111 Content text
rgba(0,0,0,0.05) Dark overlay background
rgba(0,0,0,0.07) 'Extra' page borders


Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!
Using on DW?

Comments

Aug. 2nd, 2020 07:38 pm (UTC)
ooooh! I like!
Aug. 2nd, 2020 09:32 pm (UTC)
This is stunning! 1000% LOVE IT!!!
Aug. 9th, 2020 03:30 pm (UTC)
TESS THIS IS SO BEAUTIFUL!!

I'm having so many thoughts and plans for this code now as I go through it, already plotting how to make HMTL and DIVs behave for me.

Eeee this is just beautiful. Thank you for sharing this with us! My jaw dropped open when I scrolled down and saw this, I swear.