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

November 2019

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930

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

Hidden Cut Headers + Bios





Information

Hey guys! I'm super stoked for these little cuties. They're presented as bio templates, but you could easily use these for any type of info (or threads!) you like with some minor editing! These bios do not need cut text as they all utilize a fake cut that leaves the header visible from your entry view and clicks through to the rest of the bio. Yay! (Check the editing guide below for info on how to use these for non-bio posts!)

Coding: Version #1

name here
subtitle line here
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
TITLE1 Donec a mi eu metus lobortis hendrerit. Nam et lectus sed diam vestibulum condimentum. Suspendisse blandit eros quis accumsan fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam blandit mauris ut neque varius, nec imperdiet erat fringilla. Etiam egestas aliquam lorem. Nam id metus luctus dolor elementum maximus id ut urna. Nullam scelerisque sagittis convallis. Maecenas ullamcorper, dolor vel ullamcorper efficitur, orci urna auctor tortor, in ornare diam odio ac libero.

TITLE2 Quisque varius neque quis tellus suscipit imperdiet. Etiam rutrum est lectus. Etiam tempus leo eget magna fermentum congue. Vestibulum at elit eget purus commodo aliquet. Integer ac diam in mauris hendrerit ornare. Fusce ornare justo faucibus mollis tristique. Integer auctor lacus id eros tincidunt, id ultricies velit tincidunt. Praesent hendrerit orci sit amet ex vehicula scelerisque.

TITLE3 In vitae sapien id ante accumsan congue quis eu mauris. Vestibulum tincidunt quam vel dolor porta, eget pharetra ligula pretium.Proin in tempus mi. Nunc tincidunt augue in vulputate pretium. Sed at hendrerit odio, non eleifend sem. In hac habitasse platea dictumst. Proin sit amet hendrerit lorem, egestas volutpat enim.

TITLE4 In vitae sapien id ante accumsan congue quis eu mauris. Vestibulum tincidunt quam vel dolor porta, eget pharetra ligula pretium.Proin in tempus mi. Nunc tincidunt augue in vulputate pretium. Sed at hendrerit odio, non eleifend sem. In hac habitasse platea dictumst. Proin sit amet hendrerit lorem, egestas volutpat enim.




Coding: Version #2

name here
subtitle line here
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
TITLE1 Donec a mi eu metus lobortis hendrerit. Nam et lectus sed diam vestibulum condimentum. Suspendisse blandit eros quis accumsan fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam blandit mauris ut neque varius, nec imperdiet erat fringilla. Etiam egestas aliquam lorem. Nam id metus luctus dolor elementum maximus id ut urna. Nullam scelerisque sagittis convallis. Maecenas ullamcorper, dolor vel ullamcorper efficitur, orci urna auctor tortor, in ornare diam odio ac libero.

TITLE2 Quisque varius neque quis tellus suscipit imperdiet. Etiam rutrum est lectus. Etiam tempus leo eget magna fermentum congue. Vestibulum at elit eget purus commodo aliquet. Integer ac diam in mauris hendrerit ornare. Fusce ornare justo faucibus mollis tristique. Integer auctor lacus id eros tincidunt, id ultricies velit tincidunt. Praesent hendrerit orci sit amet ex vehicula scelerisque.

TITLE3 In vitae sapien id ante accumsan congue quis eu mauris. Vestibulum tincidunt quam vel dolor porta, eget pharetra ligula pretium.Proin in tempus mi. Nunc tincidunt augue in vulputate pretium. Sed at hendrerit odio, non eleifend sem. In hac habitasse platea dictumst. Proin sit amet hendrerit lorem, egestas volutpat enim.

TITLE4 In vitae sapien id ante accumsan congue quis eu mauris. Vestibulum tincidunt quam vel dolor porta, eget pharetra ligula pretium.Proin in tempus mi. Nunc tincidunt augue in vulputate pretium. Sed at hendrerit odio, non eleifend sem. In hac habitasse platea dictumst. Proin sit amet hendrerit lorem, egestas volutpat enim.




Coding: Version #3

name here
subtitle line here
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
THING Thing
TITLE1 Donec a mi eu metus lobortis hendrerit. Nam et lectus sed diam vestibulum condimentum. Suspendisse blandit eros quis accumsan fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam blandit mauris ut neque varius, nec imperdiet erat fringilla. Etiam egestas aliquam lorem. Nam id metus luctus dolor elementum maximus id ut urna. Nullam scelerisque sagittis convallis. Maecenas ullamcorper, dolor vel ullamcorper efficitur, orci urna auctor tortor, in ornare diam odio ac libero.

TITLE2 Quisque varius neque quis tellus suscipit imperdiet. Etiam rutrum est lectus. Etiam tempus leo eget magna fermentum congue. Vestibulum at elit eget purus commodo aliquet. Integer ac diam in mauris hendrerit ornare. Fusce ornare justo faucibus mollis tristique. Integer auctor lacus id eros tincidunt, id ultricies velit tincidunt. Praesent hendrerit orci sit amet ex vehicula scelerisque.

TITLE3 In vitae sapien id ante accumsan congue quis eu mauris. Vestibulum tincidunt quam vel dolor porta, eget pharetra ligula pretium.Proin in tempus mi. Nunc tincidunt augue in vulputate pretium. Sed at hendrerit odio, non eleifend sem. In hac habitasse platea dictumst. Proin sit amet hendrerit lorem, egestas volutpat enim.

TITLE4 In vitae sapien id ante accumsan congue quis eu mauris. Vestibulum tincidunt quam vel dolor porta, eget pharetra ligula pretium.Proin in tempus mi. Nunc tincidunt augue in vulputate pretium. Sed at hendrerit odio, non eleifend sem. In hac habitasse platea dictumst. Proin sit amet hendrerit lorem, egestas volutpat enim.




Editing Guide

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

The only installation note of super importance is to remember to change ENTRY_URL to your entry's URL, and if you want the anchor link to have a different name you'd change both instances of bio to a new name. Everything after <a name="bio"></a> and before the credit can be deleted and replaced with custom text/coding content if you're wanting to use these headers as something other than a bio!

FONTS
century gothic,helvetica,sans-serif - Overall font style
font-size:9px; - Overall font size

DIMENSIONS
100px - Overall container width
450px - Image height - version #1
50px - Image height - version #2
65px - Image height - version #3

COLORS
#fff All image backgrounds
#BC86D7 Version #1 accent
#B21B1B Version #2 accent
#74A3BB Version #3 accent
#111 Overall text
0,0,0,0.1 All image borders and shadows


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!

Comments

Dec. 11th, 2018 12:39 am (UTC)
Oooh! I love this!
Dec. 11th, 2018 10:30 pm (UTC)
Heee, yay! I thought I'd combine recent suggestions with a style I don't do often, and I think it came out p rad!
Dec. 11th, 2018 03:48 am (UTC)
These headers are amazing and I looove them!
Dec. 11th, 2018 10:30 pm (UTC)
Eeee, yay ty!!! I'll definitely be doing more headers for 2019!
Jan. 1st, 2019 11:46 pm (UTC)
omg these are AMAZING, tess! i have a super-duper plan on how i'm going to use one and as soon as i've posted something using it, i'll link it so you can see :D thank you so much for these codes!
Feb. 7th, 2019 05:41 pm (UTC)
Life went belly-up since my reply but I still wanted to share what I did with the code!