InsaneJournal

Tweak says, "YES. YOU HAVE A BEARD!"

Tess (they/them) (tessisamess) wrote in rp_tutorials,
@ 2012-06-30 15:53:00

Entry tags:

layout

Minisheet: Nutrition Info
Got off-track from my backlog again. :| Don't judge me.

Code + Guide + Info at my journal

(Post a new comment)

	myteeveesays 2012-06-30 11:34 pm UTC (link)
	LMAO wow this is awesome. Why is it after I use one of your layouts you go make something equally awesome and I get all twisted up thinking of changing -- fyi that is not a "OH STOP" plea. DONT STOP THE MUSIC (Reply to this)

	pickpickler 2012-07-01 05:54 am UTC (link)
	I think I pretty much officially adore you and your talents... <333 (Reply to this) (Thread)

	tessisamess 2012-07-01 06:09 am UTC (link)
	Aww, thank you sfm! That means a lot. ♥ (Reply to this) (Parent)

	habituation 2012-07-01 04:38 pm UTC (link)
	I love the nutrition label setup, it's very clever! But the preview and the actual code under the cut appear different from each other (the preview pic is black text on white, the actual table is unreadably dark gray on black). I'm running Firefox 3.6, is it a browser issue? (Reply to this) (Thread)

	tessisamess 2012-07-01 09:35 pm UTC (link)
	That is... strange. I'm not sure, tbh! D: (Reply to this) (Parent) (Thread)

	habituation 2012-07-01 09:54 pm UTC (link)
	After poking at the code, I think it must be something about the way Firefox (at least earlier versions) handles the #rgb color format. It works fine as long as all the three-digit hex codes are replaced with six-digit ones. Or when I feel like upgrading my browser :p (Reply to this) (Parent) (Thread)

	tessisamess 2012-07-01 09:58 pm UTC (link)
	OH, haha. Good to know! Thank you for poking around. :D (Reply to this) (Parent)

	theoddfanaticat 2012-07-01 06:04 pm UTC (link)
	This is awesome! And gorgeous. And I so want to use it at a zombie apocalypse game and then laugh myself silly. <33333!!! (Reply to this) (Thread)

	tessisamess 2012-07-01 09:34 pm UTC (link)
	LOL, that would be awesome omg. (Reply to this) (Parent)

	karmicrpgs 2012-07-03 02:48 am UTC (link)
	I really like this one but when I posted it in my characters profile over on LJ it doesn't look like it should. (Reply to this) (Thread)

	sagepuff 2012-07-08 12:54 am UTC (link)
	That's because due to the html/css used it can't actually be used on the user profile and has to be done in a journal post. (Reply to this) (Parent) (Thread)

	karmicrpgs 2012-07-08 12:57 am UTC (link)
	Wish I would have known that. Oh well found one that can be used in profiles. Maybe not as nice but works. I guess. (Reply to this) (Parent) (Thread)

	tessisamess 2012-07-08 01:00 am UTC (link)
	Welp, I guess IJ is being finicky with sending my comment emails again, haha. Sorry I missed this! (Reply to this) (Parent)

	sagepuff 2012-07-08 12:56 am UTC (link)
	Oooh love this. Definitely want to use it for my character. Though I'm wondering if it's possible to make it a bit larger? Only so that the text itself can be a bit bigger, as at the moment my eyes have trouble with tiny text(well, specifically the text in the info box). (Reply to this) (Thread)

tessisamess
2012-07-08 01:09 am UTC (link)

Okay, so this doesn't have the same values as the guide (obvs lol) but this is a little bigger. If you want it another size up, just lemme know!

<lj-raw><table align="center"><tr><td><table align="center" cellpadding="15" border="0" cellspacing="0" bgcolor="#111"><tr><td><table align="center" cellspacing="0" cellpadding="0"><tr><td bgcolor="#333" background="CHAR IMAGE HERE" height="400" width="300" border="0" style="-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;"><div style="margin-top:195px;background:#111;padding:10px;font-family:arial black;letter-spacing:-3px;text-transform:uppercase;font-size:28px;color:#777;text-align:center;">

Name

subtitle line here

</div></div></td></tr></table></td></tr></table></td><td><table align="center" cellpadding="2" border="0" cellspacing="0" bgcolor="#111"><tr><td><table align="center" cellspacing="0" cellpadding="0"><tr><td valign="top" bgcolor="#fff" height="426" width="326" border="0"><div style="padding:6px;font-family:arial black;letter-spacing:-1px;font-size:22px;color:#111;margin-bottom:-5px;">

Character Info

</div><div style="padding:3px;background:#111;width:93%;margin:0 auto;"></div><div style="padding-left:6px;padding-right:6px;line-height:175%;font-family:arial;color:#111;font-size:12px;">

Character Name

</b></div><div style="border-bottom:2px solid #111"><b>PB</b> PB Name</div>
<div style="border-bottom:1px solid #111;text-align:right"><b>Stats</b></div>
<div style="border-bottom:1px solid #111"><b>Age</b> Age here</div>
<div style="border-bottom:1px solid #111"><b>Height</b> Height here</div>
<div style="border-bottom:1px solid #111"><b>Weight</b> Weight here</div>
<div style="border-bottom:1px solid #111"><b>Job</b> Job here</div>
<div style="border-bottom:4px solid #111"><b>Location</b> Location here</div>

LITTLE INFO BLURB HERE. DON'T WORRY. THIS PART SCROLLS.

</div><div style="font-size:10px;padding-top:0px"><b><a href="URL" style="text-decoration:none"><font color="#111">Code by Layouttesst</font></a></b></div></div></td></tr></table></td></tr></table></td></tr></table></lj-raw>

(Reply to this) (Parent) (Thread)

	sagepuff 2012-07-08 01:48 am UTC (link)
	Oooh no that's perfect! Thanks so much! (Reply to this) (Parent) (Thread)

	tessisamess 2012-07-08 01:49 am UTC (link)
	:D Yay, good! (Reply to this) (Parent)

	learntofly 2012-07-10 02:13 pm UTC (link)
	This is basically perfect. Thank you! (Reply to this) (Thread)

	tessisamess 2012-07-10 08:40 pm UTC (link)
	Aww, thank you! ♥ (Reply to this) (Parent)

kuduk
2012-08-10 12:18 am UTC (link)

Hi! First off, this is a lovely layout! Second, I absolutely love the look of the picture of the character with the bar running through it. If you have the time, I thought about using it here for a character roster.

If it's okay with you of course! My question being is there a way to have them beside each other? I'm not as html savvy as you so I don't know if the table itself is too big.

Thank you so much in advance!

(Reply to this) (Thread)

	tessisamess 2012-08-10 12:20 am UTC (link)
	I'd be happy to help! Do you mean just the lefthand side, with the pic? I can code something up for you here in a sec. :3 (Reply to this) (Parent) (Thread)

	kuduk 2012-08-10 12:33 am UTC (link)
	Yes! That would be wonderful! (Reply to this) (Parent) (Thread)

	tessisamess 2012-08-10 12:41 am UTC (link)
	How does this work for you? :) (Reply to this) (Parent) (Thread)

	kuduk 2012-08-10 12:52 am UTC (link)
	This is perfect! You're brilliant, thank you so much! (Reply to this) (Parent) (Thread)

	tessisamess 2012-08-10 01:18 am UTC (link)
	♥ Glad I could help! (Reply to this) (Parent)

	morphitup 2012-08-26 07:22 pm UTC (link)
	I absolutely love your profiles. I have used three so far lol. So kudos for being amazing. (Reply to this) (Thread)

	tessisamess 2012-08-26 07:50 pm UTC (link)
	Omg haha. Thank you so much! ♥ I'm so glad you like them! (Reply to this) (Parent)

	wires_crossed 2012-11-25 02:40 pm UTC (link)
	I think I broked it. ;.; http://wires-crossed.insanejournal.com/profile (Reply to this) (Thread)

	tessisamess 2012-11-25 02:47 pm UTC (link)
	Sorry, but this code can only be used in journal entries, not profile sections. :) (Reply to this) (Parent) (Thread)

	star_mapper 2012-11-27 05:16 am UTC (link)
	Darn. (Reply to this) (Parent)