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

Layout: Friendspace


image preview | [info]tess030



Information

You know I've been dying to post this one.

This layout won't have much of a replacement guide—and I'm sure you can guess why. The "Friendspace" layout gives your journal a Facebook feel right here on IJ! And, yes, it is actually a functioning journal. If you've been wanting a social media feel for your character's journal, and my Social Media layout just isn't doing it for you, this mock layout will probably be just what you're looking for.

This layout features working entries with static userpics, an icon-based friends list, a full navigation, space for a larger photo, and a "cover" image. Enjoy! ♥

Layout Coding



Installation Guide

♡ Make sure you have a website in your profile page.
♡ Go to Basics and choose S1 for your style system, then save.
♡ Go to Look and Feel, choose Generator for all page views, then save.
♡ Go to Custom Options and paste the layout code, then save. Make sure you've done a replace all on the following with your information:
JOURNALNAME to complete your URLs and activate links
BIOURL for your More link

DEFAULTICON for the icon that displays in your topnav and on your entries
DEFAULTLARGE for your default pic on top of your cover image (for accuracy, make this a larger picture of your default icon)
COVERIMAGE for your header cover image
FULLNAME for your character's first and last name
FIRSTNAME for areas where only the first name is displayed

CURRENTCITY, ST for your character's location
HOMECITY, ST for your character's home location
PARTNERNAME for your character's significant other
MONTHDAYYEAR for your character's full birthday (for accuracy display this as Month 00, 0000)

P# for the number of icons you have
F# for the number of friends you have

YOURPIC1 through YOURPIC9 for your photos sidebar area
FRIENDURL and FRIENDPIC1 through FRIENDPIC9 for your friends sidebar area

*I really recommend the Replace All method on this one, because a lot of these things (such as default icon and journalname and the two different name displays) show up a ton of times and it's easy to miss one.

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

Jul. 11th, 2017 11:20 pm (UTC)
This looks so amazing I MIGHT even be willing to get over my dislike of s1 to use it somewhere lol
Jul. 11th, 2017 11:24 pm (UTC)
LOL, I feel you man. I love making S1 now that I've got all the new docu set up for it but I generally only use S1 for myself if I'm blanking out the entries to make a full page design.

I'm glad you like it though! <3
Jul. 12th, 2017 12:26 am (UTC)
when you make things like this how much do you use photoshop or something similar? I ask because it's on sale for prime day and I'm wondering if its worth the purchase to make stuff like this.
Jul. 12th, 2017 12:31 am (UTC)
I know majority of designers get a lot of use out of using Dreamweaver and similar when they're designing, but I actually just go in from scratch and code on the fly. Which I don't think is the industry standard, so if I ever started working for a design studio I'd have to switch it up, but it works for me haha. I generally only open up my photo editing programs when I need to make graphic assets for designs.

However, like I said, that's not the only way to do it haha, so if it's a really good deal you may get some good miles out of it!
Jul. 12th, 2017 12:35 am (UTC)
Thanks, became a patron last night, excited your back
Jul. 12th, 2017 12:37 am (UTC)
Was that you? Thank you very much, you made my night! And thank you, I'm glad to be back! :D
Jul. 12th, 2017 12:37 am (UTC)
if you only got one it was me!
Jul. 12th, 2017 02:09 pm (UTC)
Oh my god this is amazing!
Jul. 12th, 2017 09:48 pm (UTC)
Heee, ty ty boo! ♥
Jul. 13th, 2017 02:52 am (UTC)
This is so amazing!!

My job starts next month, so hopefully with that first paycheck I can become a patron! I love your stuff so much! And I'll actually get to buy some of your layouts now, lol!
Jul. 13th, 2017 09:48 pm (UTC)
Thank you so much! ♥

Oh hey, congrats on the new job! I would love to have you as a patron, thank you for thinking of me!
Jul. 13th, 2017 02:54 am (UTC)
This is insane! Awesome job; thanks so much for posting this one!
Jul. 13th, 2017 09:49 pm (UTC)
Heee, tysm! ♥ I'm glad you like it!
Jul. 20th, 2017 12:45 am (UTC)
This is a lot of fun! I totally updated [info]seattleangel with it. Well, I'm in the process of, lol, gotta figure out all the images for certain tonight. :D
Aug. 2nd, 2017 04:47 pm (UTC)
Ty! <3 Oh, that looks rad!
Aug. 18th, 2017 02:49 am (UTC)
is there an option to do this in a custom style much like the mock up Instagram you have? i would love to use this in a custom style!
Aug. 18th, 2017 02:57 am (UTC)
Unfortunately no, it's coded specifically to fit Generator since the posts are actually journal entries, but I've been thinking about making one!
Aug. 18th, 2017 02:58 am (UTC)
i would love seeing one if you did!
Aug. 18th, 2017 03:00 am (UTC)
Thank you! My Patreon recently hit goal #2, which means I have time to start posting a new HTML page every month along with the current content, so maybe that's what will go up in October!
Oct. 11th, 2017 02:43 am (UTC)
Is there any way for the friends view to have the usernames show where the subjects go? The game I'm using this for predominantly has very few subject lines in posts, so most everything is nameless and it's driving me a bit batty. (As seen on this journal. I'm [info]theowl normally lol.)
Dec. 17th, 2017 07:15 pm (UTC)
love it!

FYI in your instructions it says to look for 'coverimage' but in your code it is actually 'coverphoto' :)
Jul. 5th, 2018 11:21 pm (UTC)
Love this layout! Quick question if you're still answering them. I'm using this as a community for a PSL. The trouble I'm having is that the username comes under the userpic which kind of throws off the Facebook look for me. Do you happen to have an idea on how to hide this?
Jul. 6th, 2018 03:43 pm (UTC)
That is SUPER weird; can I see it? The userpics are set to display as textless links so it shouldn't be doing that.
Jul. 6th, 2018 04:18 pm (UTC)
Absolutely! Here you go: http://asylums.insanejournal.com/stars_hollow_fb/

There should be a public post visible.
Jul. 6th, 2018 05:11 pm (UTC)
Ahah, got it now! Okay, you'll need to add .entrybox a.index {color:transparent;font-size:0;} to your CSS! If you want it grouped into the right section just put it under the /*--- USERPICS ---*/ header and you'll be good to go!
Jul. 6th, 2018 05:14 pm (UTC)
You are amazing! Thank you so much!
Jul. 6th, 2018 05:14 pm (UTC)
No problem! ♥