InsaneJournal

Tweak says, "Harry sniffs knickers"

Tess (they/them) (tessisamess) wrote in rp_tutorials,
@ 2012-09-16 17:28:00

Entry tags:

layout

Clicky Charsheet

Code + Guide + Info at my journal

(Post a new comment)

	passion 2012-09-17 05:15 am UTC (link)
	where is a good applause gif when you need it. gorgeous! (Reply to this) (Thread)

	soplaynice 2012-09-17 05:43 am UTC (link)
	N'aww, thank you sfm! ♥ (Reply to this) (Parent) (Thread)

	soplaynice 2012-09-17 05:43 am UTC (link)
	...fuck it. Not changing my journal and re-commenting haha. This's ~tessisamess. (Reply to this) (Parent)

	embodimentof 2012-09-17 05:25 am UTC (link)
	ADKAKDHJKLAJDLKASD JUST UNF I LOVE THIS SO DAMN MUCH OMG (Reply to this) (Thread)

	Bitch please ilu tessisamess 2012-09-17 09:07 am UTC (link)
	(Reply to this) (Parent)

	andraste 2012-09-17 06:17 am UTC (link)
	omg I have nowhere to use this but FFFFFFF SO NICE (Reply to this) (Thread)

	soplaynice 2012-09-17 06:25 am UTC (link)
	Heee, thank you bb! ♥ (Reply to this) (Parent) (Thread)

	soplaynice 2012-09-17 06:26 am UTC (link)
	...I guess Sid's making my replies today. :\| (Reply to this) (Parent)

	theoddfanaticat 2012-09-17 10:41 pm UTC (link)
	GUH. I have just found my next character sheet. :3 (Reply to this) (Thread)

	tessisamess 2012-09-17 10:44 pm UTC (link)
	:D Yaaay! ♥ (Reply to this) (Parent)

	keepcalmhyrule 2012-09-19 06:40 pm UTC (link)
	using this on a few of my dreamwidth journals. It's very pretty. (Reply to this) (Thread)

	hyeahrightmarj 2012-09-19 09:34 pm UTC (link)
	Hee, thanks! ♥ (Reply to this) (Parent) (Thread)

	hyeahrightmarj 2012-09-19 09:34 pm UTC (link)
	...this is not my journal when will I stop doing this omg haha. (Reply to this) (Parent)

	sagepuff 2012-09-20 07:30 am UTC (link)
	... ... ...there just aren't the right words to express the awesomeness that is this layout. I was going to use another of your older layouts for my character profile... but I'll be using this instead. (Reply to this) (Thread)

	sagepuff 2012-09-20 10:52 am UTC (link)
	I've managed to tweak it to what I'm wanting for overall look that i'm after... but um I was just wondering how I might go about changing the image dimensions, so that I can use a larger image? (Reply to this) (Parent) (Thread)

souffle
2012-09-26 01:55 pm UTC (link)

bump. so i worked out how to change the image dimensions, but then cause of the padding it just pushes everything past the 'bottom'... was wondering if you might be able to help me out with that?

this is what I've got so far, although the poor girl's info is still wip... anyway i know to change the image dimensions i change <div style="width:500px;height:30px;background:... that part, but not sure which parts of the padding i change so the info (and scroll bar) stays within the table

(Reply to this) (Parent) (Thread)

tessisamess
2012-09-27 02:01 am UTC (link)

Crap, I meant to get back to these lol. Okay, however you enlarge the individual pages, go back and add the same amount you added to them to width:718px;height:625px; in the very first line of code. :D So if you add 20px to the header image height and 100px to its width you'd change the top line's hxw to width:818px;height:645px;. However, I'm trying to adjust the header's title and for some reason it's not doing it the way it should, so give me a sec to figure THAT out lmao. <3

(Reply to this) (Parent) (Thread)

tessisamess
2012-09-27 02:10 am UTC (link)

Okay, got it. :D In your code, for instance, I've got:

<div style="width:500px;height:50px;background:#aaa url(http://media.tumblr.com/tumblr_m800p5xbGH1qazmn8o1_500.gif)top center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:190px">

So divide up the height you pick between the actual height and the padding to make both the image and the header title bar sit correctly. Just remember to add to the top line of code, and add the same changes to all four pages. ♥

(Reply to this) (Parent) (Thread)

	souffle 2012-09-27 08:47 am UTC (link)
	Heh it's okay taking so long, it wasn't a huge rush, plus I just thought it must've been IJ eating notifs again. And this works brilliantly. Thank you so much! ♥ (Reply to this) (Parent) (Thread)

	tessisamess 2012-09-27 09:36 am UTC (link)
	:D Happy to help! ♥ (Reply to this) (Parent)

	cecite 2012-09-25 12:51 am UTC (link)
	For some reason whilst editing I wound up with very large spaces between all of my lines. I promise I didn't go on a BR spree. Any help would be greatly appreciated! (Reply to this) (Thread)

tessisamess
2012-09-25 01:09 am UTC (link)

Oh, you just edited the wrong thing. :3 Instead of getting rid of the dropcap for the first word of the section, you only changed its sizing, so the formatting for the bulk text is being overridden. So just delete: <span style="float:left;padding-right:5px;line-height:40px;font-size:10px;"> and you're all good! :D On the rest of the pages, if you want to take off the dropcap, delete:

<span style="float:left;padding-right:5px;line-height:40px;font-size:54px;">

P</span>

And so on. ♥

(Reply to this) (Parent) (Thread)

	cecite 2012-09-25 01:22 am UTC (link)
	I absolutely didn't mean to do any of that, actually. I just didn't recognize that I cut out for some reason. Thank you so much! (Reply to this) (Parent) (Thread)

	tessisamess 2012-09-25 01:24 am UTC (link)
	No problem! Lol ngl I break my own coding sometimes. XD Happens to us all. ♥ (Reply to this) (Parent)

	tessisamess 2012-09-25 01:10 am UTC (link)
	Btw, I love the idea of using this for your RPing info! :D (Reply to this) (Parent)

hkocoglu
2012-10-16 06:29 pm UTC (link)

Fudge muffins and shittake mushrooms, this nearly made me jizz my pants! >.< CODING SHOULD NOT DO THAT. Hahahaha. But anyways. This app? BEST THING EVER (even better than the Everything App that I've been using all over the place. Including this journal. >.>). If you come up with an app that is better than this one, I might die and go to Coding Heaven, even if I don't understand coding itself. XD

(Reply to this)

	Love it (Anonymous) 2012-10-22 09:02 pm UTC (link)
	I can't believe it. With every layout you post I think 'Wow, there's no way to get better than this!' And yet each and every layout that comes out next I say 'Wow! This is the best layout ever~!' I can't see what's next and thank you.~ (Reply to this) (Thread)

	Re: Love it tessisamess 2012-10-22 11:18 pm UTC (link)
	Awww! Thank you so much. :D (Reply to this) (Parent)

	jammiedodger 2013-01-19 05:21 pm UTC (link)
	I pilfered this for use over on tumblr here. Thanks for being awesome. (Reply to this) (Thread)

	tessisamess 2013-01-19 05:24 pm UTC (link)
	Aww, thank you bb! It looks awesome, and I love the button replacements! :D (Reply to this) (Parent)

Try this again...now with less fail!

smtownsend
2013-03-22 05:41 pm UTC (link)

So I now have a question for this one! :D (As if I was going to be able to get through this entire beast of an app without having some sort of question. XD) So I'm using it here, and maybe it's my browser (chrome), but the lines of Nicknames and Likes run together at one point and it does it again in the Occupation and Music lines. Is this a code failing on my end (aka I tried to do something and deleted something by accident)? Is there a way to fix it?

(Reply to this) (Thread)

	Re: Try this again...now with less fail! tessisamess 2013-03-23 12:05 am UTC (link)
	Oops! That's my bad. Okay, in that section, go to `cellspacing="0"` and change it to about `cellspacing="6"`. Bigger number = bigger space, if you feel like it's not a big enough gap. :3 (Reply to this) (Parent) (Thread)

smtownsend
2013-03-23 02:51 am UTC (link)

Awesome! Thanks so much! I set it to 10 and it looks great! Thanks so much! Also, under the Personality and Appearance section, I edited the A to make it like the P and separate it (as you saw, I'm sure). When I did that, I had to put in 4 or 5 of the line breaks because when I didn't, the P and A were right next to each other. As I do the Personality section, do you think I'll be able to take those breaks out?

You know, I could probably find out by Lorem ipsur-ing the crap out of the app. xD But I figured I'd ask a Coding Legend. *nod*

(Reply to this) (Parent) (Thread)

	tessisamess 2013-03-23 03:09 am UTC (link)
	You should be able to, a'yup! :D (Reply to this) (Parent) (Thread)

	smtownsend 2013-03-23 03:16 am UTC (link)
	Awesome! :D There will be a day some time in the future where I'll be all "Bitch plz, I've got this shit" XD (Reply to this) (Parent)

	sadiiehawkins 2013-03-28 05:23 pm UTC (link)
	ughhh, I feel really dumb for this, but where would I have to change the links in order to include new pages? i bet it's really obvious, so i'm sorry about that. D: (Reply to this)

	spiffynerd 2013-05-30 10:01 pm UTC (link)
	Number one, this is fantastic, and I'm going to try and use it for a schedule-type thing, where each page is a different day. So, if I wanted to add more pages (say, for a total of seven)....what do I need to do? :D (Reply to this)

	Aahhh (Anonymous) 2013-06-06 11:24 pm UTC (link)
	I can't figure out how to size the image. ;o; (Reply to this)

	(Anonymous) 2013-06-12 01:23 am UTC (link)
	I was wondering- What are the exact dimensions of the table? (Reply to this)

	tricksterqueen 2013-08-12 12:08 pm UTC (link)
	Wonderful job and amazing work!! I adore it!!! (Reply to this) (Thread)

	tessisamess 2013-09-16 03:20 am UTC (link)
	Hee, thank you! (Reply to this) (Parent)