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

August 2019

S M T W T F S
    123
45678910
11121314151617
18192021222324
25262728293031

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





SINGLE PANEL DETAILS


Character Name
Subitle Line Here
Strength ⬛⬛⬜⬜⬜ Constitution ⬛⬛⬛⬛⬜ Dexterity ⬛⬛⬛⬜⬜ Intelligence ⬛⬛⬜⬜⬜ Wisdom ⬛⬛⬛⬜⬜ Charisma ⬛⬛⬛⬛⬛
?
PLAYER. Name TZ. ABC CONTACT. Discord#1234
PB. PB Name Code. Tessisamess
i
Etiam nisi tellus, tempus non risus nec, consectetur ultricies nibh. Sed vel ipsum tellus. Donec commodo vestibulum metus eget facilisis. Vivamus velit diam, condimentum vel tellus vel, dignissim tristique mi. Praesent rutrum auctor libero vel elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vel pellentesque magna, vitae fringilla erat. Pellentesque pretium condimentum diam sed semper. Fusce vitae ante ac ex aliquet vestibulum.

Cras eget placerat ipsum. Nullam urna justo, molestie et libero placerat, porttitor efficitur odio. Mauris dignissim turpis quis egestas sollicitudin. Vestibulum pharetra sem nec efficitur porttitor. In felis metus, sagittis nec volutpat vitae, faucibus id quam. Donec a ipsum eget quam sodales aliquet quis eu est. Phasellus augue leo, suscipit id sem at, ultrices semper arcu. Curabitur maximus mauris sit amet pulvinar commodo. Morbi pulvinar bibendum nibh. Etiam luctus erat a lectus mollis luctus. Morbi vel dapibus justo, quis pretium orci.

Nullam egestas nec sapien id congue. Morbi at vestibulum ante, id pretium odio. Nunc gravida tincidunt cursus. Phasellus sollicitudin ante ac dui efficitur auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras magna ex, viverra eget cursus et, posuere convallis mi. Mauris molestie tortor quis sodales tempor.

Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis. Quisque malesuada ut nisi ut accumsan. Sed et rutrum mauris, sed semper orci. Proin venenatis felis justo, non ultricies mauris dignissim ac. Maecenas sit amet eros orci. Donec finibus, elit vel convallis luctus, nibh lorem pretium lectus, at maximus neque lacus vitae lectus. Quisque egestas rhoncus mi at feugiat. Maecenas ut vestibulum dolor, sed blandit neque. Nam consectetur lorem risus. Aenean mi justo, ultrices non feugiat et, varius quis dui. Aenean vestibulum ultricies nisi, sodales elementum dui pellentesque id. Phasellus viverra, nulla at mollis bibendum, neque libero cursus orci, nec dapibus turpis nulla quis magna. Pellentesque imperdiet elementum lobortis.

In leo augue, semper et blandit ut, tempus nec erat. Morbi quis auctor risus, vitae gravida diam. Nunc mattis euismod maximus. Ut in libero eu eros placerat mollis. Vestibulum at nisi finibus, bibendum ligula sit amet, feugiat sapien. Praesent in mauris a quam porta semper eget vitae lacus. Nunc iaculis lorem vel pharetra imperdiet.



MULTI-PANEL HIDDEN CLICK


Character Name
Subitle Line Here
Strength ⬛⬛⬜⬜⬜ Constitution ⬛⬛⬛⬛⬜ Dexterity ⬛⬛⬛⬜⬜ Intelligence ⬛⬛⬜⬜⬜ Wisdom ⬛⬛⬛⬜⬜ Charisma ⬛⬛⬛⬛⬛
?
PLAYER. Name TZ. ABC CONTACT. Discord#1234
PB. PB Name Code. Tessisamess
Etiam nisi tellus, tempus non risus nec, consectetur ultricies nibh. Sed vel ipsum tellus. Donec commodo vestibulum metus eget facilisis. Vivamus velit diam, condimentum vel tellus vel, dignissim tristique mi. Praesent rutrum auctor libero vel elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vel pellentesque magna, vitae fringilla erat. Pellentesque pretium condimentum diam sed semper. Fusce vitae ante ac ex aliquet vestibulum.

Cras eget placerat ipsum. Nullam urna justo, molestie et libero placerat, porttitor efficitur odio. Mauris dignissim turpis quis egestas sollicitudin. Vestibulum pharetra sem nec efficitur porttitor. In felis metus, sagittis nec volutpat vitae, faucibus id quam. Donec a ipsum eget quam sodales aliquet quis eu est. Phasellus augue leo, suscipit id sem at, ultrices semper arcu. Curabitur maximus mauris sit amet pulvinar commodo. Morbi pulvinar bibendum nibh. Etiam luctus erat a lectus mollis luctus. Morbi vel dapibus justo, quis pretium orci.

Nullam egestas nec sapien id congue. Morbi at vestibulum ante, id pretium odio. Nunc gravida tincidunt cursus. Phasellus sollicitudin ante ac dui efficitur auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras magna ex, viverra eget cursus et, posuere convallis mi. Mauris molestie tortor quis sodales tempor.

Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis. Quisque malesuada ut nisi ut accumsan. Sed et rutrum mauris, sed semper orci. Proin venenatis felis justo, non ultricies mauris dignissim ac.
[+] Trait
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.

[-] Trait
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.

[+] Trait
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.

Skill or Ability
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.
Skill or Ability
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.
Skill or Ability
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.
Character Name
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.
Character Name
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.
Character Name
Nam at gravida quam, in placerat arcu. Fusce posuere est sapien, quis ornare tortor vehicula quis.


Information

Hey guys! Today we've got two setups for a bio code, one with a single section that opens and closes on click, and a second, more in-depth version for those of you who need more, with four easily repurposed sections. Default are: About, traits, skills, and relationships. I hope you have fun recoloring this code! Enjoy! ♥

Coding: Single Panel



Coding: Multi-Panel



Installation Guide

Paste into an entry and fill in the following!

SIDE_IMG - Sidebar picture
TITLE - Sidebar title
SUBTITLE - Sidebar subtitle
ICON_URL - Userpic for relationship (multi-panel only)

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS
monospace - Overall font

IMAGES
https://i.imgur.com/p4fsUGE.jpg - Background image

COLORS
255,255,255 RGBA color format for all white borders and backgrounds
#BAD3E7 All text and links
#0c4067 Container background (if removing background image or using an image with transparency)


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

Comments

Mar. 12th, 2019 04:28 am (UTC)
Shut the front door, this is so cute!
Mar. 19th, 2019 10:37 pm (UTC)
Heee, ty ty!! ♥
Mar. 12th, 2019 04:43 am (UTC)
Oh this is awesome! I love the background!
Mar. 19th, 2019 10:38 pm (UTC)
Aw, thank you!! You can get the full res here on Unsplash!
Mar. 13th, 2019 01:23 am (UTC)
Really love this. All your stuff is amazing. :-)
Mar. 19th, 2019 10:38 pm (UTC)
Thank you so much! ♥
Mar. 16th, 2019 11:49 am (UTC)
This is so lovely! I love how simplistic yet stunning this is!

I am having an issue with the coding I hope you could help me out with?

Iā€™m using this as a master navigation for a character of mine and when I was editing the code to fit him and his theme, I noticed that something about my coding was causing the left column to get squished if you opened the instead of staying the same size. The length of the background for details also varied for some reason, as you can tell from the following photos below:

Image one. Image two.

Is there something I can do to make those things not happen? It's been a while since I did a code edit and it's really showing right now. /o\
Mar. 19th, 2019 10:37 pm (UTC)
Aw, thank you so much!! I might need to see the actual code, but at a glance from the images I'd say check if margin:25px 0 0 0; is still in there. If so, you can delete that; if not, let me know!
Mar. 20th, 2019 04:12 am (UTC)
I reviewed my code and I don't think I have that line anymore or I edited it so I can't recognise it anymore.

Here's how the code looks at the moment. If there's something obvious I'm doing wrong, I would love to have it pointed out. Thank you so much for your help in advance!! ; v ;
Mar. 20th, 2019 04:28 am (UTC)
All fixed up! We just needed to add the width back in and add a little more to the height of the right container to make up for the margin being removed. I left a copy in your dropbox for you; lmk if anything's still wonky if you're using this on DW and not IJ!
Mar. 25th, 2019 05:21 pm (UTC)
Ahhhh-! Thank you so much for your help. You're an utter lifesaver. There was no way I would have gotten that without you looking into the code to see what's going on.

Here's the code at the moment while using another code nested within your code, haha. Again thank you so much for your help. I sent you a ko-fi as thanks for your help in this + the fact I've always wanted to express my thanks in another form besides my hollering comments, so this seemed like the perfect time to do so!