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!
×

December 2018

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

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: Slides





•BIOGRAPHY•
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non facilisis mauris. Aenean lacinia pretium tortor accumsan consectetur. Aliquam ultricies lacus sit amet augue scelerisque dignissim. In sit amet orci at dui feugiat semper. Sed tempor dignissim libero.

Morbi non ligula lectus, in ornare orci. Donec auctor rhoncus cursus. Morbi sit amet justo nunc, ut posuere nibh. Aliquam et tortor est, ac volutpat augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sed dolor sed est laoreet accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at leo eget nunc ornare cursus vel vel dui. Aenean ligula massa, lacinia ut interdum in, malesuada pretium neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor lacus sed orci scelerisque id vestibulum orci rutrum. Maecenas quis sodales dui. Aliquam eros sem, vehicula ut aliquet at, hendrerit mollis quam. Integer gravida sagittis tincidunt. In arcu risus, malesuada ut tempor sed, sagittis nec eros.

Maecenas venenatis sodales interdum. Morbi sit amet lorem eu dolor molestie dapibus. Pellentesque libero eros, congue at fringilla ac, venenatis sit amet nisl. Phasellus tincidunt lorem tincidunt elit tempor hendrerit sodales diam pellentesque. Donec bibendum gravida purus gravida lobortis. In quis tempor lacus. Vivamus porttitor, erat eget porttitor venenatis, purus lacus imperdiet massa, nec ultricies odio dolor sit amet massa. Fusce dictum blandit suscipit. Nullam convallis, mauris a lacinia laoreet, massa velit porttitor sapien, ac euismod metus dui vel ligula. Aenean lacinia bibendum dui non suscipit. Sed libero elit, ullamcorper vitae ornare eu, aliquet in turpis. Aenean a odio vitae leo pharetra semper. Maecenas velit urna, tristique sed eleifend sed, tempus quis lorem. Proin fringilla scelerisque pretium.
•PERSONALITY & APPEARANCE•
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non facilisis mauris. Aenean lacinia pretium tortor accumsan consectetur. Aliquam ultricies lacus sit amet augue scelerisque dignissim. In sit amet orci at dui feugiat semper. Sed tempor dignissim libero.

Morbi non ligula lectus, in ornare orci. Donec auctor rhoncus cursus. Morbi sit amet justo nunc, ut posuere nibh. Aliquam et tortor est, ac volutpat augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sed dolor sed est laoreet accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at leo eget nunc ornare cursus vel vel dui. Aenean ligula massa, lacinia ut interdum in, malesuada pretium neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor lacus sed orci scelerisque id vestibulum orci rutrum. Maecenas quis sodales dui. Aliquam eros sem, vehicula ut aliquet at, hendrerit mollis quam. Integer gravida sagittis tincidunt. In arcu risus, malesuada ut tempor sed, sagittis nec eros.

Maecenas venenatis sodales interdum. Morbi sit amet lorem eu dolor molestie dapibus. Pellentesque libero eros, congue at fringilla ac, venenatis sit amet nisl. Phasellus tincidunt lorem tincidunt elit tempor hendrerit sodales diam pellentesque. Donec bibendum gravida purus gravida lobortis. In quis tempor lacus. Vivamus porttitor, erat eget porttitor venenatis, purus lacus imperdiet massa, nec ultricies odio dolor sit amet massa. Fusce dictum blandit suscipit. Nullam convallis, mauris a lacinia laoreet, massa velit porttitor sapien, ac euismod metus dui vel ligula. Aenean lacinia bibendum dui non suscipit. Sed libero elit, ullamcorper vitae ornare eu, aliquet in turpis. Aenean a odio vitae leo pharetra semper. Maecenas velit urna, tristique sed eleifend sed, tempus quis lorem. Proin fringilla scelerisque pretium.
•HISTORY•
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non facilisis mauris. Aenean lacinia pretium tortor accumsan consectetur. Aliquam ultricies lacus sit amet augue scelerisque dignissim. In sit amet orci at dui feugiat semper. Sed tempor dignissim libero.

Morbi non ligula lectus, in ornare orci. Donec auctor rhoncus cursus. Morbi sit amet justo nunc, ut posuere nibh. Aliquam et tortor est, ac volutpat augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sed dolor sed est laoreet accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at leo eget nunc ornare cursus vel vel dui. Aenean ligula massa, lacinia ut interdum in, malesuada pretium neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor lacus sed orci scelerisque id vestibulum orci rutrum. Maecenas quis sodales dui. Aliquam eros sem, vehicula ut aliquet at, hendrerit mollis quam. Integer gravida sagittis tincidunt. In arcu risus, malesuada ut tempor sed, sagittis nec eros.

Maecenas venenatis sodales interdum. Morbi sit amet lorem eu dolor molestie dapibus. Pellentesque libero eros, congue at fringilla ac, venenatis sit amet nisl. Phasellus tincidunt lorem tincidunt elit tempor hendrerit sodales diam pellentesque. Donec bibendum gravida purus gravida lobortis. In quis tempor lacus. Vivamus porttitor, erat eget porttitor venenatis, purus lacus imperdiet massa, nec ultricies odio dolor sit amet massa. Fusce dictum blandit suscipit. Nullam convallis, mauris a lacinia laoreet, massa velit porttitor sapien, ac euismod metus dui vel ligula. Aenean lacinia bibendum dui non suscipit. Sed libero elit, ullamcorper vitae ornare eu, aliquet in turpis. Aenean a odio vitae leo pharetra semper. Maecenas velit urna, tristique sed eleifend sed, tempus quis lorem. Proin fringilla scelerisque pretium.

Suspendisse pharetra, ligula vitae suscipit sodales, dolor mi ultrices massa, vel ornare risus dolor in justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed sapien felis, quis pretium purus. Nam nec eleifend nibh. Donec molestie orci quis lacus aliquam tincidunt. Aenean mattis vestibulum nisi eget consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Quisque vel quam vel nunc vulputate vulputate ac nec dolor. Proin quis tellus risus, vitae tempus nisi. Vivamus non dui dolor, quis ornare lorem. Vivamus eleifend hendrerit bibendum. Sed velit quam, lobortis eu accumsan dignissim, adipiscing congue justo. Sed quis lorem a leo euismod blandit eget et nulla. Sed arcu velit, suscipit a facilisis egestas, ultrices non elit. Praesent quis rutrum augue.

In leo eros, faucibus at aliquet vel, condimentum vitae erat. Suspendisse eget justo quis ipsum posuere sodales. In hac habitasse platea dictumst. Maecenas quis lacus id nisi sodales luctus. In orci eros, ultrices eget vulputate nec, gravida eget orci. Cras laoreet augue in nulla pretium eget ultricies nibh fringilla. Integer eleifend bibendum libero, id aliquet augue suscipit a. Curabitur interdum feugiat felis, vel vulputate dolor tempor porttitor. Nulla luctus nulla a justo consectetur nec pretium lorem vestibulum. Vivamus viverra rutrum dui, ut adipiscing augue varius vitae. Cras iaculis auctor tellus, elementum aliquet felis aliquet sit amet. Aliquam vel lorem facilisis orci euismod viverra. Duis molestie, arcu a egestas tempus, erat mi adipiscing orci, vulputate volutpat sem neque nec justo.
•STATISTICS•
NAME: name
NICKNAMES: nicknames
AGE: age
GENDER: gender
HAIR: hair
EYES: eyes
HEIGHT: height
WEIGHT: weight
BUILD: build

MARITAL STATUS: status
SEXUALITY: sexuality
OCCUPATION: job
LIKES: like, like, like
DISLIKES: dislike, dislike, dislike
MOVIES: movie, movie, movie
TV: show, show, show
MUSIC: band, artist, band

PARENTS: mom and dad
SIBLINGS: sib, sib, sib
OTHER RELATIVES: here, here, here


•OOC•

NAME: name
AGE: age
AIM: screenname
EXPERIENCE: years rping etc.
CONTACT: preferred contact, dropbox, etc.
STYLE: ex: third person, past tense storybook.
TIME ZONE: time zone



001: Informative Info
Here's a four-page character sheet for y'all. The arrows take you through each section, and you can click back, as well as seamlessly click through in a loop. You can have one header image for the whole thing, or a different one for each section (bio, personality/appearance, history, and stats/ooc). Please, if you're going to add a 5th page or more, know how to work with the magic click concept or ask me. The sections are all divided up really clearly, but the arrow links need to be changed in a few spots to include new pages, so pay attention to what you're doing! :D

I have a couple more new codes to post, but you all know how I feel about being a spammer lmao.

*Edited the code some to make it LJ-friendly.
002: The Code
Paste the following into a code tester, then follow the directions below!



003: CTRL+F This Shit
B</span>iography here. to fill in your biography section.
P</span>ersonality & appearance here. to fill in your personality and appearance section.
H</span>istory here. to fill in your history section.
&bull;STATISTICS&bull; to fill in your stats and OOC info.
CHARACTER IMAGE HERE (x4) to put in your header image (or multiple header images if you want a different one for each section). Your image(s) should be 500px wide by 150px high or they'll distort when resized in the code.

If you want to change the section names EVERYWHERE they appear (ie. on each header and on hover of the arrows) CTRL+F them to find all instances of them: BIOGRAPHY, PERSONALITY & APPEARANCE, HISTORY, and STATISTICS. Each label should appear four times in the code (the HTML comment, the header title, and two of the arrow links' titles).

georgia,times,serif to change the font.
#333 to change bulk text color.
#111 to change header title color.
#FFF to change the header background color.
http://i.imgur.com/eykj4.png to change forward arrow.
http://i.imgur.com/Vjxx2.png to change back arrow.
border-radius:90px 90px 0px 0px; to remove rounding on the headers.
004: Rules and Shit
→Leave my credit.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

→LJ-RAW means ya gotta BR them line breaks!
→Probably should be behind a cut, js js.

Comments

Nov. 15th, 2013 07:27 pm (UTC)
I totally need help. I can't figure out why the font is HUGE where it's not supposed to be. ;____;
Nov. 17th, 2013 03:13 am (UTC)
There's not much I can do without a link, but you probably just accidentally left a tag open on one of the starter paragraphs when editing. For instance:

<span style="float:left;padding-right:5px;line-height:40px;font-size:54px;">



B</span>iography here.


Hope that helped!
Nov. 23rd, 2013 07:35 pm (UTC)
Sorry for delay, been preparing for major surgery. I think you're right, and I meant to link but just gave up and did this coding instead. Thanks a lot, though for getting back AND for sharing your awesomeness. When I am ready to tackle this one again (because it's too awesome not to use), and if I suck again, I'll be sure to poke you.

Cheers. c:
Jun. 29th, 2014 02:26 am (UTC)
i don't know if you're still checking this journal, but i was wondering, i only need 3 pages for a species faq. could you possibly let me know what to delete to remove the 4th page without messing up the layout? out of all the layouts i've perused, this is the first i've found that would fit my needs perfectly. i love the design.
Jun. 29th, 2014 02:53 am (UTC)
Here you go! Change Section Title three times and S</span>ection info here. three times for the info and edit the images as laid out above in the guide.

Jun. 29th, 2014 02:54 am (UTC)
Thank you SO much not only for getting back to me, but doing it so swiftly!! I truly appreciate the help!
Jun. 29th, 2014 03:04 am (UTC)
No problem!
Jul. 13th, 2015 02:23 am (UTC)
Is there a way for me to move the Statistics panel to be the first page without breaking the code completely?
Aug. 13th, 2015 10:22 pm (UTC)
Hey! I absolutely love this. I love all of your work! I was wondering if this could be used in scribbld?
Dec. 1st, 2015 03:00 pm (UTC)
HI THERE! I sure hope you're still checking this thing. ;) I love this code, and I'm using it for a locations directory. I'm pretty savvy when it comes to tweaking things, but I'm at a loss for how I can add more pages to this gem.

Do you think you could help a girl out? Ideally, I'd need 5+ pages additionally. If you could just run it by me how to add them as I go, that would be great too!

I couldn't fit the whole code in this comment, so I added it to the page here where you'll also see it in live action!
Dec. 1st, 2015 03:08 pm (UTC)
NEVERMIND I GOT IT >> WOOHOO! Thanks a million for this wonderful code. xo