Previous | Next

Layout: Friendspace

image preview | [info]tess030


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!


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