Previous | Next

Layout: Social Media


image prev | [info]tess029


001: Informative Info
EYYYYYYYYYYYY a layout! I've been meaning to make this one since like December oops but I'm sort of glad I held off for so long because it came out better than if I'd made it nine months ago, imo. Columns on the recent page, regular entries on all other views (be sure to check out the friends page because it's a lot different.) Custom header, navlinks, entry link menus, sidebars—everything, basically. This is probably my most involved free layout to date, to be honest haha.

I may do a comm-specific version of this for people's Net comms if you guys want it, just be sure to let me know if you have a MIGHTY NEED or I'll get lazy and forget lmao. Enjoy! <3
002: The Layout


003: Directions
→Go to Basics, choose S2, fill in your title and subtitle if desired, then save.
→Go to Look and Feel, choose Complete Style for the layout, then save.
→Go to Custom Options, and choose the following:
→Layout Type: Two column (Sidebar on right)
→Disable customized comment pages for your journal: Yes

→Link text to leave a comment: Write a comment...

→Person to credit if you have an individually created layout: &copy; Tessisamess
→URL to link the credit to: http://tessisamess.insanejournal.com/

→Body of custom sidebar module:
<div class="pics"><li><li><li><li><li></div><!---

---><div class="navbar"><span><!---

---><div class="buttons"><!---
---><a href="/profile">+ Follow</a><!---
---><a href="/friends">&#128100; Friends</a></div><!---

---><a href="http://www.insanejournal.com/allpics.bml?user=journalname"><img src="USERPIC"></a><!---
---><div class="nameinfo"><a href="/">Name Here</a><!---
--->@journalname</div><!---

---></span></div>


→Body of second custom sidebar module:
<div class="games"><h3>&#127918; Games</h3><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Game Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Game Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Game Name</a><!--
--></div><!---

---><div class="friends"><h3>&#128100; Friends</h3><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Friend Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Friend Name</a><!--
--><a href="http://journalname.insanejournal.com/"><img src="http://i.imgur.com/NoeoXrD.png">Friend Name</a><!--
--></div>


Make sure you have FIVE header pics and they are all at least 200x200 (larger is fine; they will scale automatically.) In the CSS find the following and replace the URLs:
.pics li:nth-child(1){background:url(HEADERPIC1)center;background-size:cover;}
.pics li:nth-child(2){background:url(HEADERPIC2)center;background-size:cover;}
.pics li:nth-child(3){background:url(HEADERPIC3)center;background-size:cover;}
.pics li:nth-child(4){background:url(HEADERPIC4)center;background-size:cover;}
.pics li:nth-child(5){background:url(HEADERPIC5)center;background-size:cover;}


→Custom stylesheet: Input the code above and save
004: CTRL+F This Shit
#222
#3d5a8e
#4c71b2
#555
#627eaf
#777
#999
#aaa
#bbb
#ccc
#d9d9d9
#ddd
#eee
#fff
Open Sans,helvetica,arial,sans-serif to change the font.
→I know this replacement guide is REAL SHORT but I'm just not sure how in demand a replacement guide will actually be with this specific layout tbh. Let me know if you'd like a full one!
005: Rules and Shit
→Please put my credit in its designated spot.
→Do not remove my credit from the CSS.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

Comments

Aug. 24th, 2015 03:56 am (UTC)
So I'm sure you already know you're amazing, but it never hurts to get a comment about it either. :D
Aug. 24th, 2015 04:12 am (UTC)
Ughhhhh that iconnn; it's so cute stahp. ♥ (tyyyyy bb!)
Aug. 24th, 2015 12:10 pm (UTC)
This is so gross. Urg. What were you thinking.

I'm just kiiiiidding.
xD Super lovely.
Aug. 24th, 2015 07:10 pm (UTC)
Ugh, god, I know right? The worst.
Aug. 24th, 2015 12:59 pm (UTC)
SO COOL. As usual.
Aug. 24th, 2015 07:11 pm (UTC)
Pshhhhh, ty! <3
Aug. 24th, 2015 04:14 pm (UTC)
Holy crap this is GORGEOUS!
Aug. 24th, 2015 07:11 pm (UTC)
Eeeeeeee, ty ty! <333
Aug. 24th, 2015 05:42 pm (UTC)
This is BEAUTIFUL
Aug. 24th, 2015 07:11 pm (UTC)
Heee, yay! <3 Ty!
Aug. 24th, 2015 07:47 pm (UTC)
Aug. 25th, 2015 03:27 am (UTC)
This is so awesome. I just need to find a place to use this now!
Aug. 25th, 2015 03:29 am (UTC)
Heeee, ty! ♥ I'm ngl I tossed it into a char journal for a char I don't even get to play anymore just to get to play with it lmfao. It was the only char I had that would fit crey.
Aug. 25th, 2015 03:33 am (UTC)
Honestly, I might just do the same just because I think this layout is so awesome. I really love the little dropdown box with the Comment and Link too. I always look forward to seeing what you do with these layouts. They're always so fabulous. ♥
Aug. 25th, 2015 03:41 am (UTC)
Aww, thank you so much! ♥ I'm negl man I'm having so much fun just futzing with it even though this isn't the journal style I usually go for. Between my PB's Instagram and this I'm just like HEY PARTY lmfao.

([info]inacoverband if you wanna peek ahaha.)
Aug. 25th, 2015 03:46 am (UTC)
Seriously! I use your layouts all the time. They're so great. And I super wish I had a character who needed a layout right now because this definitely looks like a fun one to play with, omgosh. And that hexcode site is awesome. I'm going to lose hours here, I can feel it now.

Okay, Holden McGroin has me in tears. And that PB is so adorable and I love that layout with her in it. It's so fab. (continues gawking for days)
Aug. 25th, 2015 03:50 am (UTC)
Eeeeeee, ty!! And omg RIGHT? I usually just use it to get hex codes for the standard symbols that I can't remember the codes for, but then a couple weeks ago I clicked into that category and I was like WHAT IS THIS SO COOL lmfao. There's pizza ok there is pizza.

Ahahhhahah tyyyy that's her IC username for all her fake/IC social media accounts. Omg right? Malese Jow if you ever decide you have a mighty need for her face!
Aug. 25th, 2015 03:54 am (UTC)
I honestly stalk this journal to see what new stuff you put up, haha. I am definitely on board with the fact that there is pizza. Always pizza.

That's fantastic. I have the dumbest sense of humor so that stuff is just...top shelf for me. Ah puns, my one true weakness. I'm definitely going to keep her name tucked away for the future. She is precious as hell.
Aug. 25th, 2015 03:59 am (UTC)
Pshhhhh you're so sweet, ty! I'm always so happy to see people enjoying the stuff I put up.

Ahahha, SAME. I think my six year old and I are about on the same comedy level tbqh. Our idea of the height of hilarity is yelling "butts" so w/e w/e. (And yesss so presh! She's Chinese-American and Cherokee, if I remember right.)
Aug. 25th, 2015 04:06 am (UTC)
I'm definitely going to try and sneak in a spot on the next sale, I know that much. I'm sad I missed the last one, but I'm definitely gunning for a spot the next time! I love seeing what you do for those too.

I think there's a weird perfection to having a goofy and simple sense of humor. Growing old is mandatory but growing up is optional, right? Hahaha. And that's such a unique combination. I love it.
Aug. 25th, 2015 04:10 am (UTC)
Aw, yay! I'll probably be doing another soon, actually. I'd planned on the next one being Christmas, but back to school killed my wallet lmfao so I think I'll squeeze an extra sale in next month after I knock out the last two from the birthday sale.

Hahahahah agreed! I'm secretly just a giant five year old. XD
Aug. 25th, 2015 04:20 am (UTC)
I'll be keeping an eye for it then! I've finally finished school, but July/August was always a nightmare of spending for me, so I know the beginning of the school year pain, haha.

That's never a bad thing. I'm pretty sure I'm a secret toddler too, hahaha.
Aug. 25th, 2015 04:23 am (UTC)
God, right? And I had to spend WAY MORE for kindergarten than I expected. Like, man, I get that the budget you guys get for supplies is total garbage, but I reeeeeally think you had us over-buy for the classroom supplies.
Aug. 25th, 2015 04:32 am (UTC)
Oh, that's extra ridiculous. I'm not looking forward to that in my future. I remember not using half of the crap on the "required back to school lists" but who knows. That sucks how much you had to spend, but hopefully it will be worth it even though it's bananas.
Aug. 25th, 2015 04:47 am (UTC)
Right? Same! Especially in high school. Like, none of the teachers communicated with each other and they all seemed to really think they all needed to give you page long lists of stuff specific to just that class (most of which was never used or got used once or twice.) Like, no one's gonna carry all that around! Or if we did it killed.

You know what's crazy though? I hear netbooks are on high school back to school lists now in this area. Which I'm all for if it lightens the backpack/textbook load for the kids, but it's still like wow, yep, this is 2015. I just hope they have some sort of rental/assistance plan in place for the families that can't just up and buy their kid a netbook for school.
Aug. 25th, 2015 04:54 am (UTC)
Oh my god, I think by high school, I didn't even bother with the list. There's just no way I'm going through a total of twenty notebooks, come on now teachers. And there was always one or two really bizarre requests, though to be honest, those were the ones I did get just because they were weird. I remember on my high school senior list there was something about crayons. Hell yeah I brought a box of 128 crayons to school.

What, wow. I can see how it would be awesome if they then gave the students codes to get all their textbooks as e-books, but that's definitely a huge investment for some families. Where I grew up and went to school, asking that would have been almost a slap in the face. I definitely hope they have some kind of assistance for families that can't afford that kind of thing.
Sep. 7th, 2015 08:20 am (UTC)

Sorry for butting in!

So first omg this is an amazing layout! And that link? Uck. So many colors to work with now. >.>

Second, reason I'm butting in: In the area where I'm in, the high schools have started putting netbooks on the supplies lists as well. However, as of a year ago (and this may have changed in that year, but I highly doubt it did), the schools did not have any sort of rental or assistance plans for kids. They basically said (and this is why the area I'm in is ridiculous and sucks and I hate it for education) "If you can't afford one and your kid comes to school without one, well that's too bad. They can always stay after school until the library closes and look at the books on the library computers!" Yeah, my area? Not the most...inclusive of those they consider "less fortunate". And it's not even an affluent area, either! Anyways, I hope it's different in your areas because it's unfair otherwise.
Sep. 7th, 2015 08:32 am (UTC)

Re: Sorry for butting in!

Ughh seriously? That's so shitty. If you're going to require a more expensive item on your school list you need to be providing the same assistance you'd provide a child who can't afford to buy or bring lunch, etc.
Sep. 7th, 2015 08:39 am (UTC)

Re: Sorry for butting in!

Absolutely 100% serious. My mom was friends with this woman who had 7 (SEVEN) kids and could in no way afford a laptop. Lucky them, I had just gotten a new one and no longer needed my old one, so we sold it to them for like 50 bucks. Thing was 2 years old but still ran like a champ (I may be shitty at coding, but damn do I do everything I can to make sure my tech runs well lol). My mom and I said the exact same thing before we decided to sell it to them and they said the school told them they weren't required to provide assistance, or rent out laptops for books, because they offered the use of the library computers (keeping in mind the school has 2k kids and the library, last I looked, had how many computers? Oh, right, 12). Aka, the school is damn cheap and the school board needs to be purged and replaced with new people. I hate this damn over-glorified town (they call it a city, but it barely has over 25k people. NOT a city).
Aug. 25th, 2015 06:40 pm (UTC)
This is so lovely! I'm definitely going to use it somewhere! Thanks for making it!
Aug. 25th, 2015 06:53 pm (UTC)
Hee, ty! <3 I'm glad you like it!
Aug. 27th, 2015 11:26 pm (UTC)
This is brilliant!

One question: I'm using it for this journal. Is there a way to make the images and text on the layout view be smaller to fit the columns in that view, but still have them be full-sized when you go into the entry view for those entries? IF THAT MAKES SENSE.
Aug. 27th, 2015 11:31 pm (UTC)
Don't worry; it all auto-sizes itself! Example:

Compare http://tess029.insanejournal.com/ to http://tess029.insanejournal.com/867.html :3

(That said, though, for full entry codes like you have in you're going to need to edit coding. Let me get back to you once I come back from dinner and I'll see if I can't find an easy fix that'll give it a different size in the layout vs in the entry.)
Aug. 27th, 2015 11:45 pm (UTC)
Yeah, that's what I was asking about, for the code I actually have on the entries already!
Aug. 28th, 2015 02:30 am (UTC)
Sep. 2nd, 2015 07:07 am (UTC)
OKAY
Aug. 28th, 2015 08:17 am (UTC)

because I'm too tired to log into my CDJ



OMG how beautiful is this? Of course I have to take away a few points because I can't use this layout right away unless I make a new character (...totallywontohmaybeiwill) but it's still a solid eleven - hence the gif, badum-tss - on an awesomeness scale from one to ten.
Aug. 28th, 2015 08:24 am (UTC)

Re: because I'm too tired to log into my CDJ

AHHHHHHH, tysm! ♥ I'm ngl I only had ONE char this would fit (don't play a lot of social networkers ahah) but I stuck it in for her immediately and this thing is a lot of fun to dick around with lmao.
Sep. 2nd, 2015 06:46 am (UTC)
Hello! I LOVE your work, and this layout is definitely one of my faves! I'm using it with modified colors on this journal. I just wanted to say thank you so much for sharing and I'd love to see a community version!
Sep. 2nd, 2015 07:05 am (UTC)
Aww, yay; thank you so much! Your edit looks rad! ♥ The more I think about it the more I want to do a comm version so it's almost def happening sometime in the next couple weeks. :D

Right account this time jfc.
Sep. 2nd, 2015 10:06 am (UTC)
Dude I'm using this even if it's on a Sif journal IDC
Sep. 8th, 2015 12:03 am (UTC)
I feel like this is a dumb question (like I should be able to figure it out on my own lol) but how do you add more text to the second line where you have the username? Every time I try adding more it goes into a second line..
Nov. 21st, 2016 08:50 pm (UTC)
Absolutely love this layout. I use it in a few journals, but now I've just joined a game over on Dreamwidth.... any idea how to adapt it to that platform?