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

October 2019

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

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


image preview: left sidebar | image preview: right sidebar | [info]tess058


Information

Hey guys, it's time for another layout remake! This time around I'm remaking Cerchio, an S1 Generator layout from 2014! I remember being really proud at the time because I'd gotten some pretty sketch stuff to work, haha. This time around things are more fluid, there's more padding on elements, and there are two sidebar options: One to center-align it like in the original, and one to bottom align it. This layout also features more link capabilities than the last, and you can put as much or little in your sidebar blurb as you like! Enjoy! ♥

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 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) for a center-aligned sidebar
Two column (sidebar on right) for a bottom-aligned sidebar
Disable customized comment pages for your journal: Yes
Fill in sticky note if desired. Check below for a custom span class for this journal's sticky and/or entry for block links as shown in the demo!
Fill in custom sidebar module if desired. This is your sidebar title and subtitle/blurb.
Person to credit if you have an individually created layout: ©
URL to link the credit to: http://tessisamess.insanejournal.com/
Custom stylesheet: Input the CSS provided and save!

Custom Block Links



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

Sep. 17th, 2018 10:05 pm (UTC)
I love this!
Oct. 11th, 2018 12:32 am (UTC)
Tysm! :D
Sep. 18th, 2018 11:52 am (UTC)
gorgeous!
Oct. 11th, 2018 12:31 am (UTC)
Ty! ♥
Sep. 18th, 2018 11:53 pm (UTC)
this is hecking great
Oct. 11th, 2018 12:31 am (UTC)
Heeee, ty ty!! ♥
Sep. 22nd, 2018 01:01 am (UTC)
I'm using this on this journal, but I can't get the Broadcast Matter font to show up on mine. :/
Oct. 11th, 2018 12:28 am (UTC)
You'll want to move your title to the custom text's title instead of the content and you should be all set!
Sep. 23rd, 2018 01:53 pm (UTC)
Hi! Thanks so much for this layout, I love it, and put it in this journal with a tiny edit to make Broadcast show up as the subject lines as well.

Just one thing - as the previous commenter says, there's a thing with the Broadcast font. For me it shows up but it takes maybe 5 seconds or more, before that it just shows as Times New Roman. It's the Dropbox link that is a bit slow (there's a thing at the bottom of the page saying "waiting for dl.dropbox.com), so I just wanted to check in and see if you have any idea if it's something on the coding end or if it's my computer that's slow?
Oct. 11th, 2018 12:31 am (UTC)
Aw ty, I'm glad you like it!

Unfortunately, that's just a hazard of hosting on Dropbox. :\ IJ is super finicky about where it allows outside files from, but I know there are other options for importing a font URL; I'm just not sure what to recommend since my backup would be to just store it on my web host, yk?
Oct. 11th, 2018 03:30 pm (UTC)
I actually do have my own host! I downloaded it from your Dropbox and uploaded it there and now it doesn't show up at all... is there anything else I need to change in the code you think? Usually I can figure out how to alter code just fine but external fonts like this is a thing I can't do well for some reason, so sorry about all the questions!

(If you need to look at the code in question to answer this, just view source on the journal I'm commenting from btw.)
Oct. 7th, 2018 04:22 am (UTC)
This remake is absolutely stunning! I love the new colors and font choices. It feels lite and modern. Love it!
Oct. 11th, 2018 12:29 am (UTC)
Aw, thank you so much!!
Oct. 23rd, 2018 12:51 pm (UTC)
i love this! however, is there a way to display the userpics?
Oct. 23rd, 2018 07:13 pm (UTC)
Absolutely! Just remove the red bit and you're all set!


.lj-view-friends .mid-entry-userpic{display:initial;float:left;text-align:center;padding:0 10px 0 0;position:relative;}
Oct. 23rd, 2018 07:19 pm (UTC)
PERFECT! Thank you! Using it here: http://asylums.insanejournal.com/shadows_rpg/
Oct. 23rd, 2018 07:23 pm (UTC)
Ooooh nice!!!
Oct. 29th, 2018 09:50 pm (UTC)
one more silly Q. is there a way to add the "previous" entry link when you click on the Friends link? :)
Oct. 29th, 2018 09:53 pm (UTC)
It should automatically generate! If it's not showing up it's likely that your friends page doesn't have enough entries yet to need one. (Friends pages typically generate the past week-ish of entries from new friends rather than everything those friends have posts, from what I've seen.)
Oct. 29th, 2018 10:02 pm (UTC)
that makes sense! thanks!
Dec. 20th, 2018 04:37 am (UTC)
I love this! And I'm using it here, but I think I've broken something? I'm not sure what. The nav-links (Recent, Profile, etc) are missing, and I can't find what I've done wrong.
Dec. 20th, 2018 06:25 am (UTC)
Thank you! Looks like the HTML for the navigation isn't showing up on your page structure at all, so I'd check your sidebar dropdown setup on the customize page and make sure one of them has it specified.
Dec. 20th, 2018 06:42 am (UTC)
Omg, I'm such a ditz.

Any idea why the sidebar is so much thicker than normal? I was hoping the Nav Links would fix both problems, but no such luck.
Dec. 20th, 2018 06:45 am (UTC)
LOL it happens!

For that, I'd check the customtext box your content is in and remove any hard returns (enter key) that don't need to be there. Those boxes are super finicky about that, so unwanted whitespace is usually that.
Dec. 20th, 2018 07:06 am (UTC)
You're a goddess, thank you! Now if I can just get my background images to behave!
Dec. 24th, 2018 04:49 am (UTC)
This is probably a silly question, but how would I add a repeating background image?
Dec. 24th, 2018 04:52 am (UTC)
Nah, not silly at all! Just change the following in body:

background:var(--light-accent);

To this:

background:var(--light-accent) url(BG_URL)center repeat fixed;

And you should be all set!
Dec. 24th, 2018 04:58 am (UTC)
I'm not sure what I'm doing wrong, but it still isn't displaying correctly.
Dec. 24th, 2018 05:01 am (UTC)
Ah, user error on my part! Thank you very much for your help!
Feb. 3rd, 2019 04:46 am (UTC)
So after a ton of work, I have this game mostly done... except the nav icons on the sticky look weird. Is there a fix for this?
Feb. 24th, 2019 02:42 pm (UTC)
So, I have possibly broken this in my attempt to edit it, but I can't seem to get the friends page to work properly. It's possibly a simple fix, since the layout is working perfectly fine in a different journal, but this is what it looks like for the first six or so friends entries here.. after those this is all I get, and the option to go back further is no longer there.. even after I remove all customizations, this is still what I get. I'm sure I'm missing a setting somewhere.
Feb. 25th, 2019 11:37 pm (UTC)
Hmmm, that's weird. Is someone possibly using a noembed in their entry on your friends page? I can't see the issue on your current friends page since the entries are locked, so is there any way you could view source on the page that's got the issue and copy the contents for me? Email or pastebin is fine!
Feb. 26th, 2019 07:04 pm (UTC)
Here you are. I can now go further into the friends page before it breaks on me. It really may be one of the entries after all. Thanks for checking up on it, though.
Feb. 26th, 2019 08:07 pm (UTC)
Yeah, no problem!! ♥ After digging around in the contents a bit, it's definitely that some people are using broken codes that don't properly close all tags used. From what I saw, anytime an entry footer was misaligned, the entry before that (with a normally-behaving entry footer) was the culprit, and deleting that entry fixed the contents f the page until the next broken code showed up (I found two on the version you gave me.)

I wish I had an actual fix for you, I'm sorry! Maybe toss up a note in OOC and ask people to give their codes a quick double check before posting since they're causing unintended effects on people's ability to read through posts?
Mar. 1st, 2019 02:45 pm (UTC)
No worries, even if there isn't much you can go on your end, I do appreciate you looking. The entries have gone far enough into the friends page that it's no longer broken.. hopefully no more of those entries show up. Thanks, again! :)
May. 5th, 2019 02:06 am (UTC)
Using it with some edits for [info]he_protec, thanks!
Jul. 13th, 2019 04:51 pm (UTC)
Oh, I love this! It's so pretty and neat. :D

One tiny issue -- I tried using this on Dreamwidth and the 4th circle on the sidebar (the little "i") links to the tags page instead of the profile page. I have no idea what I'm doing but I think it's this line in the code:

.module-viewlinks li:nth-of-type(4) a{background:var(--dark) url(https://i.imgur.com/EubFs7h.png)center no-repeat;background-size:15px;}

When I changed the 4 to 6 it linked to the profile but moved the circle to the right by two spaces. I checked your post on how to use IJ layouts on Dreamwidth and couldn't see a solution. Help??
Jul. 14th, 2019 04:17 pm (UTC)
Absolutely, you almost had it fixed! We're just going to want to change 4 to 6 and hide the 4th and 5th items so that everything sits correctly. You could also use those items instead of hiding them, in which case you'd duplicate the CSS for one of the other items, give them the right numbers, and add images for the icons, but here's the CSS to make it work as designed to:

.module-viewlinks{position:absolute;top:-25px;left:2vw;font-size:0;}
.module-viewlinks ul{list-style:none;margin:0;padding:0;display:flex;}
.module-viewlinks li{margin-right:9px;}
.module-viewlinks li a{display:block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:100%;}
.module-viewlinks li:nth-of-type(1) a{background:var(--dark) url(https://i.imgur.com/T9zbBoB.png)center no-repeat;background-size:15px;}
.module-viewlinks li:nth-of-type(2) a{background:var(--dark) url(https://i.imgur.com/729usXf.png)center no-repeat;background-size:15px;}
.module-viewlinks li:nth-of-type(3) a{background:var(--dark) url(https://i.imgur.com/lHVzejZ.png)center no-repeat;background-size:15px;}
.module-viewlinks li:nth-of-type(6) a{background:var(--dark) url(https://i.imgur.com/EubFs7h.png)center no-repeat;background-size:15px;}
.module-viewlinks li:nth-of-type(4), .module-viewlinks li:nth-of-type(5){display:none;}
.module-viewlinks li a:hover{opacity:1;background-size:20px;}
Jul. 15th, 2019 08:24 am (UTC)
Ohh that makes sense. It sounds so simple when you explain it! I did try the duplication thing but six icons looked a little cluttered for my tastes. :x

Thanks so much for taking the time to help me, I stuck the modified code in and it works perfectly (of course!!). You're a star! ♥
Jul. 16th, 2019 04:04 pm (UTC)
Aw, no problem at all! ♥ Glad I could help! (I feel you on clutter though, haha. I would probably leave it to four links too tbh.)