InsaneJournal

Tweak says, "Well, bless yer li'l heart!"

Calliolanus has grown from man to dragon. (callirhoe) wrote in rp_tutorials,
@ 2010-12-02 12:58:00

Current mood:	accomplished
Entry tags:	layouts: media, layouts: media: facebook

Layout: Facebook news feed

A mockup of a Facebook news feed was requested earlier, and... yeah, I can't resist interesting coding like that. I've made it as simple as possible to modify (each post is a table row, each comment is a self-contained table), but it still does take a little bit of effort to set up. Still, hopefully it can find some use. :) Also, I may have been reading too much Alpha Flight recently. Best dysfunctional-yet-somehow-effective Canadian superteam ever.

News Feed

Top News • Most Recent 8

Heather Hudson has joined the group Where the heck is High River??.

1 hour ago

Michael Twoyoungmen likes this.

Jean-Paul Beaubier and Peter Rasputin are now friends.

3 hours ago

Aurora Beaubier qui est-ce??
2 hours ago

Marrina Smallwood The X-Man? MR BEAUBIER! ♥
2 hours ago

Jean-Paul Beaubier Don't get excited, Marrina. You'll hurt yourself.
2 hours ago

James Macdonald Hudson
Budget meeting went well. More federal dollars = more training robots, team!
3 hours ago

Jean-Paul Beaubier Wonderful. We'll have even more of Canada's most expensive piles of scrap metal.
3 hours ago

Heather Hudson Don't get cocky, Northstar. Mac's got some really good plans this time.
3 hours ago

Walter Langkowski has changed his profile picture.

6 hours ago

Aurora Beaubier likes this.

Eugene Judd likes Running of the Bulls - Pamplona.

9 hours ago

James Macdonald Hudson Toro!
6 hours ago

Eugene Judd No, Jimmy, that's matadors.
6 hours ago

Walter Langkowski has changed his profile picture.

9 hours ago

Eugene Judd Meep meep, eh?
9 hours ago

Heather Hudson LOL!
9 hours ago

Walter Langkowski Very funny, Jean-Paul. I'm changing it back.
6 hours ago

Jean-Paul Beaubier You think I care about you enough to hack your page? Don't flatter yourself, Langkowski.
5 hours ago

Aurora Beaubier don't snap at walter, brother dear. you are sounding jealous.
5 hours ago

Jean-Paul Beaubier Jealous? Please. I would sooner have Guardian than your beau.
5 hours ago

James Macdonald Hudson Should I be flattered or offended by that, Jean-Paul? Can't tell.
4 hours ago

Anne McKenzie likes Royal Canadian Mounted Police.

12 hours ago

Jean-Paul Beaubier has joined the group Dear Lord, may Taylor Lautner never find his shirt again. Amen..

18 hours ago

Heather Hudson and Marrina Smallwood like this.

Marrina Smallwood and Namor Imperius Rex are now engaged.

21 hours ago

Heather Hudson Congratulations! When's the wedding?
21 hours ago

Namor Imperius Rex Next year by the Atlantean calendar. But you mere humans will not be able to attend.
21 hours ago

James Macdonald Hudson Don't tell me you're holding the wedding underwater, Marrina?
20 hours ago

Marrina Smallwood Of course! ♥ you're still invited Dr. Hudson!
20 hours ago

Walter Langkowski
Gravitation cannot be held responsible for people falling in love.
1 day ago

Heather Hudson and James Macdonald Hudson like this.

Jean-Paul Beaubier Dislike.
1 day ago

CODE AND INSTRUCTIONS:

0. a) Remember to check the Disable Auto-Formatting button on the entry, or your spacing will be all weird and not-pretty. (This also means that if you have other stuff in the same entry, you'll have to manually put in the line breaks.)
b) Upload your characters' icons to your webspace. They should be 50 by 50 pixels. I'd suggest uploading them all to the same folder and naming them things like "newsfeedjane" and "newsfeedhenry", so that all you have to do if you copy and paste lines is replace the character's name.

1. Table setup and title area:

2. For each item on the news feed, copy and paste the appropriate section. Each item will be a new row in the main table.

WALL POST:

JOIN A GROUP:

RELATIONSHIP STATUS:

BECOME A FAN:

CHANGE PROFILE PICTURE:

NEW FRIEND:

3. For each sub-comment under a post, insert the following code before the </td></tr>. Each sub-comment is its own table.

"LIKE":

TEXT COMMENT:

4. Don't forget to finish off the table:

NOTES:
1. It would be nice if you could upload the itty-bitty icons to your own webspace, for the sake of preventing me from running out of bandwidth and causing headaches. Thank you!
2. Modify to your heart's content. If you have problems with it or find any errors in the coding, please let me know.
3. A link back to

rp_tutorials somewhere so other people can find this if they like it would be awesome.
4. If you use it, feel free to comment here with a link and I'll post it up as an example.

(Post a new comment)

	nympholepsy 2010-12-02 07:07 pm UTC (link)
	i am just commenting to second the alpha flight love. FAVOURITE SUPERHERO TEAM OF ALL TIME. (Reply to this) (Thread)

	callirhoe 2010-12-02 07:16 pm UTC (link)
	So glad I'm not alone in my AF love! I've gone back to the beginning to reread Volume I and aaaaah SO GOOD. I just want to live inside that series. :) (Reply to this) (Parent) (Thread)

	nympholepsy 2010-12-02 07:19 pm UTC (link)
	vol 1 was the best -- byrne really is a fantastic writer (AND inker). (Reply to this) (Parent) (Thread)

	callirhoe 2010-12-02 07:23 pm UTC (link)
	Isn't he just? It is like physically crushing to me that he stopped writing for it after #28. I am reading #29 right now, and while I love it (the issue when Jean-Paul admits that he loved Walter, OMG OMG, I could cryyy), it just makes me so SAD to know that this is the beginning of the decline. With a hundred issues to go. :[ (Reply to this) (Parent) (Thread)

	nympholepsy 2010-12-02 07:29 pm UTC (link)
	hahahaha enjoy your upcoming ~fairy aids~. (WORST. PLOT. EVER. ... at least as offensive as MAJOR MAPLELEAF'S AIDS BABY KILLING SPREE ADVENTUE.) my favourite part, ngl, is the gradual decline of the quality of the art the closer you get to the 90's... (Reply to this) (Parent) (Thread)

callirhoe
2010-12-02 07:43 pm UTC (link)

...I am gonna admit that I kinda liked all of JP's "*koff* *koff* Go... my sister... save *koff* yourself!" nonsense. It was so stupid and pointless, and yet I kind of got into it. But yeah, very offensive and awful. "No one in the Marvel Universe is gay! They're just... fairies." D: Yikes. (Honestly, though, who didn't know that JP was gay? That scene with Raymonde early on, just before he's offed? "You have a daughter? But... but how?" He was so honestly bewildered, lol. That was in the way early issues, and it was entirely obvious even then.)

But LOL, Major Mapleleaf and the Joanne storyline, ouch, ouch, so painful. And yeah. '90s comics were just so awful all-round. Everybody was on steroids. :/

(Reply to this) (Parent) (Thread)

nympholepsy
2010-12-02 07:55 pm UTC (link)

i hated everything about that story arc. iirc byrne was pretty annoyed they wouldn't allow him to outright state that northstar was gay since he had specifically set out to make a gay superhero. i fuckin love byrne even if there was some weirdness there.

the 90s is also when they shunted off af to that awful b-team and turned walter into a woman via magic for the lulz, apparently. OKAY, COMICS. you weirdos.

(Reply to this) (Parent) (Thread)

callirhoe
2010-12-02 08:10 pm UTC (link)

I didn't know that he wanted to explicitly state that Northstar was gay! I don't know if I would've appreciated that. I kind of like the way that Byrne handled it -- he made it preeeetty clear that Jean-Paul was into men without ever making a big deal about it. I mean, when Heather calls him up to come back to AF after she decides to reform them and you see Jean-Paul's house, when he's doing laps in his pool and some handsome fellow in a swimsuit answers the phone for him? That just seemed way more natural to me than his actual coming-out in #107 or whenever it was, when it was SO forced and lecturey and AIDS AWARENESS WEEK TV special-esque. But then, I wasn't around in 1983/4 when Byrne was doing the title, so I don't know if it would've been so clear to a contemporary reader.

LOL forever. "Wanda Langkowski". The creative team was on some pretty good crack when that one happened.

(Reply to this) (Parent) (Thread)

nympholepsy
2010-12-02 08:19 pm UTC (link)

he did! he talks about it on his website, it's really heartening. i feel like if marvel had loosened the reins a little and allowed him to actually straight up say "yeah this dude's gay" byrne would have handled it maturely and not like... well, not like fucking lobdell, you know?

"dude we're out of plot ideas what should we do" "I DON'T KNOW MAN I JUST SMOKED A HUGE BOWL" "WELL THINK OF SOMETHING!!!" AND THEN MAGICAL SEX CHANGES

(Reply to this) (Parent) (Thread)

callirhoe
2010-12-02 08:42 pm UTC (link)

Ah, thanks for that link! That's interesting. I love the process of elimination there. "Must have a gay character. But which one? Hm. None of the girls, because I don't want people to mistake me for Chris Claremont. Mac? No, he's married. Michael? Too minority. Puck? Too short. Sasquatch? ...no, that's freaky. It must be the arrogant French-Canadian pretty-boy athlete!"

<3 I think that's how about 90% of comics must get written, really. It's hard to explain some of the insanity that goes on there, other than to just assume that everybody was on some seriously weird highs.

(Reply to this) (Parent) (Thread)

	nympholepsy 2010-12-02 09:04 pm UTC (link)
	WELL REALLY. he IS french. (...-canadian.) that's at least how it worked at marvel in the 90's. when they hired you they gave you a speedball and a case of Surge. (Reply to this) (Parent) (Thread)

callirhoe
2010-12-02 09:17 pm UTC (link)

Yeah, for sure. And he has girly powers, pointy ears, incredibly shaped eyebrows, and very pretty bone structure, SO. The choice was obvious.

Ha! Or just hooked you up to a caffeine IV and stuck electrodes into your brain if you didn't come up with something, anything, by deadline. "Draw faster, peons. Draw faster. Ye-e-e-ss, our evil plan to suffocate the world under 79 zillion redundant X-Men-spinoff monthlies is working! Ahahaha! Ahahaha!! Ahahahahaha!!!"

(Reply to this) (Parent)

	wastintime 2010-12-02 07:16 pm UTC (link)
	This had to take a long time to code. It's freaking awesome. A+ (Reply to this) (Thread)

	callirhoe 2010-12-02 07:19 pm UTC (link)
	Thanks! It did kind of take a while, though I imagine for someone who's more experienced at coding than I am it's kind of laughably simple. :) (Reply to this) (Parent) (Thread)

	wastintime 2010-12-02 07:27 pm UTC (link)
	Simple but time consuming! Nested tables make me want to pull my hair out because it takes twenty tries to get it right. (Reply to this) (Parent)

	dreadpirate 2010-12-02 07:30 pm UTC (link)
	1) AF FOR THE EVER LOVING WIN. 2) All I want to do ... is now make mock facebooks for all my characters, and make up epic news feeds for them. (Reply to this) (Thread)

	callirhoe 2010-12-02 07:45 pm UTC (link)
	You unrepentant Canadian, you. Doooo iiiit. Not gonna lie, I want to write all my fanfiction in facebook format from now on. :) (Reply to this) (Parent)

	ginge 2010-12-02 07:43 pm UTC (link)
	I don't know if I'll use this, but this IS AMAZING (Reply to this) (Thread)

	callirhoe 2010-12-02 07:46 pm UTC (link)
	Thank you! I had fun with it, obviously. ;) (Reply to this) (Parent)

	barrel_of_pbs 2010-12-02 08:57 pm UTC (link)
	Yeah, this is really freaking epic. (Reply to this) (Thread)

	callirhoe 2010-12-02 09:18 pm UTC (link)
	Ha, thanks. :) (Reply to this) (Parent)

	cultstatus 2010-12-03 12:29 am UTC (link)
	This is awesome! (Reply to this) (Thread)

	callirhoe 2010-12-03 06:33 pm UTC (link)
	Thanks! :) (Reply to this) (Parent)

	scribendimods 2010-12-03 05:12 am UTC (link)
	this is SO AWESOME! thank you SO SO much!! (Reply to this) (Thread)

	callirhoe 2010-12-03 06:34 pm UTC (link)
	You're welcome! I'm glad it's well-received. :) (Reply to this) (Parent)

	hammertech 2010-12-05 12:49 am UTC (link)
	Love this! and the thread is hilarious. <3! (Reply to this)

	notaloser 2011-01-14 08:05 am UTC (link)
	Totally using this!! Thank you so very much! ♥ (Reply to this)

	celtic_cherokee 2011-02-04 09:13 pm UTC (link)
	This made my Fantastic Four/Iron Man muses spring back to life. I also love Alpha Flight - <3 Walter. I'll be using this! (Reply to this) (Thread)

	callirhoe 2011-02-06 04:17 am UTC (link)
	Awesome! And of course, Alpha Flight is the shiz -- and oh, Walter, I rag on him, but it's all with love. Speaking of love, I saw your version of a Facebook feed! It is awesome! I could see using that one in a game for real, whereas this one is mostly good for the lulz. :) (Reply to this) (Parent)

	musicalmods 2011-02-26 07:08 pm UTC (link)
	OMG i love this. JSYK. We're using it over here as our weekly recap news feed, because it is made of win. (Reply to this)