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 2019

S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031    

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

Layout: Intimus [BUNDLE!]


image preview | [info]tess069


Information

Hey guys! Intimus is a minimalist layout with a sticky sidebar that can be used for just about anything, but is made with PSL journals and CDJs in mind! It comes with an optional splash page, and six types of entry codes, plus three contact code options, so be sure to navigate via the sidebar to check them all out!

This journal/codes combination is intended to be used with minimal cuts and navigated by tag, but you can definitely use it with alternate setups!

Another thing to note: If you want to disable your linkbar for a cleaner look and don't need commenting available on an entry, you can turn them off for any entry that doesn't need commenting, and none of your linkbar content will be visible to anyone but you. Enjoy! ♥

Please note that, if using this layout for a community, there is a small section at the very end of the CSS that I recommend deleting so that userpics etc. all function as needed for a community. It's labeled in the CSS for your convenience!

Layout Coding



Installation Guide

♡ Go to Basics and choose S2 for your style system, fill in your title, then save.
♡ Fill in your Links List for tag/page navigation if desired, then save.
♡ Go to Look and Feel, choose Complete Style, then save.
♡ Go to Custom Options and choose the following options:
Layout Type:
Two Column (Sidebar on Left)
Two Column (Sidebar on Right)
Disable customized comment pages for your journal: Yes
Navigation link names: Recent/Archive/Friends/Profile
Fill in sticky note if desired.
Person to credit if you have an individually created layout: Layout by Tessisamess
URL to link the credit to: http://tessisamess.insanejournal.com/
Custom stylesheet: Input the CSS provided and save!

Editing Guide

These replacements are for the entry codes only as the layout itself has a :root directory.

FONTS
Fira Sans Extra Condensed,helvetica,arial,sans-serif - Overall font in some entry codes
Domine,palatino linotype,georgia,serif - Heading text in some entry codes

COLORS
#D5DCE8 Light accent color in entry some codes; typically image borders
#7E91B0 Accent color in some entry codes; typically header/title text


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

Apr. 17th, 2019 08:51 pm (UTC)
Apr. 18th, 2019 03:14 am (UTC)
Apr. 18th, 2019 10:03 am (UTC)
Oh wow, this is FABULOUS.
Apr. 18th, 2019 05:12 pm (UTC)
This is really cool!
Apr. 19th, 2019 03:31 am (UTC)
Tess, this is amazing and I love it!

How hard would it be to substitute the profile icon for, say a small gif/image other than the default icon? I assume it would involve unhiding the custom text module, but I am wondering how much work I am in for if I do this...lol
Apr. 21st, 2019 03:41 am (UTC)
NEVERMIND, I figured it out... you can see my mods here :)

This might be one of my new favorite layouts.
Apr. 20th, 2019 02:41 am (UTC)
This is so simple and clean! I love it!
Apr. 21st, 2019 10:20 am (UTC)
hey no offense but why are you so goddamn great at everything JW!!!!!
Apr. 22nd, 2019 03:05 am (UTC)
I love this layout!

Quick question: is there a way that I can get my links list to show up my friends page as well as my recent page?
Jun. 23rd, 2019 03:16 am (UTC)
I have a question. When I was working with the character list from this bundle, I kept running into a problem. It happens to me every time I try to work with something with divs and I don't know what I'm doing wrong. I want the list to go vertically so the boxes are side by side but when I paste in something for the next character, it ends up being directly beneath it, not beside it. Every time I try to do it, I run into the same problem. Where am I supposed to paste the next code in order to get things to be horizontal?
Jun. 24th, 2019 07:22 pm (UTC)
Hi, I'm sorry! I can't help you without seeing the code.
Jun. 25th, 2019 02:43 am (UTC)
http://tess069.insanejournal.com/tag/characters

Here is the link. I can't do text boxes either. I am pathetic if anything gets the slightest bit omplicated..lol.
Jun. 25th, 2019 03:38 am (UTC)
I figured it out! I'm so proud of myself...lol. Thank you for all the awesome stuff you do and that you're always willing to help when someone gets lost. Like me. :D
Jun. 25th, 2019 07:42 pm (UTC)
OH HAHA YAY, I'm glad you figured it out!! ♥
Jul. 31st, 2019 06:33 am (UTC)
how can i change the fonts on this layout? i'm only used to editing generator layouts, so this one has me a little lost
Jul. 31st, 2019 06:43 am (UTC)
So! This layout uses a :root directory, as all of my newer layouts do, which makes it crazy easy to edit on the fly! All of your color, image, and font changes will be located here:

:root{
	--darkest: #000; /* header/sidebar links, entry header title */
	--darker: #222; /* page text */
	--medium: #999; /* entry date & tags */
	--light: #F7F7F7; /* page background */
	--lightest: #fff; /* header and entry background */
	--light-accent: #D5DCE8; /* link hover background, hr background, strong tag background, image borders, header title background */
	--accent: #7E91B0; /* page selection background, entry links */

	--main-font: Fira Sans Extra Condensed,helvetica,arial,sans-serif;
	--headings: Domine,palatino linotype,georgia,serif;
	--title-font: Domine,palatino linotype,georgia,serif;

	--header-icon: url(http://www.insanejournal.com/userpic/37904389/4246232)center;
	--splash-img: url()center;

	--private: url(https://i.imgur.com/dJgLxi8.png)center left no-repeat!important;
	--locked: url(https://i.imgur.com/tIooCJT.png)center left no-repeat!important;
	--customs: url(https://i.imgur.com/LcxM0s0.png)center left no-repeat!important;
}


The :root directory allows the stylesheet to use placeholder values (the variables on the left of each directory value) throughout the code so that if you need to change one you can do it up top in the :root to change it throughout the page, saving time and searching!

Your --main-font will be the page font, the --headings will be the secondary font, and --title-font is for the header title. Just change the font names after those declarations and add your Google or self-hosted fonts in the /* FONTS */ section of the CSS to include them, and you're all set!
Jul. 31st, 2019 07:19 am (UTC)
I understand that portion, I guess I'm mostly stuck on how to add the Google fonts because they're not formatted like yours are or how I'm used to formatting them in the generator layouts.
Jul. 31st, 2019 07:43 am (UTC)
AH! I got you now. You can do it the Generator way in S2 as well, actually! In the Custom CSS section, add the URL of the font you're using to Custom external stylesheet URL and it will generate it into the page header for you! (Just the URL, not the whole HTML tag.)
Jul. 31st, 2019 08:21 am (UTC)
How do I use more than one in the Custom external stylesheet URL thing, though?
Jul. 31st, 2019 08:41 am (UTC)
Google Fonts compounds them for you while selecting them! But you can also compound them yourself using their formatting. For example:

https://fonts.googleapis.com/css?family=Open+Sans|Oswald

You use a + for spaces if the selected font is more than one word, and a | to divide each font in the list.
Jul. 31st, 2019 09:18 am (UTC)
Oh wow, duh, thank you!
Nov. 9th, 2019 06:44 pm (UTC)
I'm using this here and have somehow managed to lose the tag list on the sidebar? It is probably something dumb I am missing but I'm not sure what?