InsaneJournal

Tweak says, "sea-monkeys stole my money"

alter (splott) wrote in kerning,
@ 2009-07-04 22:15:00

Entry tags:

*s1, generator, header, ~splott

plain and customizable! now with header!
Layout Style: S1 - Generator
Best View: 600px
Browser(s) Compatiblity: (mac) Firefox 3.5 / Safari 4.0 - it looks a little wonky in IE 5.2, but works just the same.
Custom Colors: None - all are included.
Credit: kerning in your userinfo or the layout.

I like this layout because you can edit it and change it to have several different backgrounds and colors to fit your character or mood.

click for bigger version

RULES:
1) Don't hotlink. Thats what Tinypic.com is for.
2) Keep the credit, if only to send people this way! It'll let them find other stuff, but otherwise it's not mandatory.
3) Commenting is optional, but I'll try and answer any questions there are.
4) Modifying is a-okay with me! If it screws up, that's okay, just let me know and please link to where it's messed up so I can have a visual.

CODE:
Copy and paste the code that is in the box into the override box.
REGULAR version:
FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <style type="text/css"> /*HIDES NAME */  </style></td></tr></table> <tr valign="top"><td width="217px"> </td><td align="left" valign="top" width="383px"><br /><br /> <r>NAME OR TEXT</r><br /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>)</center><br /><p /></td></tr></td></tr> <=FRIENDS_WEBSITE LASTN_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css">  </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>25 LASTN_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=LASTN_DATE_FORMAT FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> LASTN_WEBSITE<= <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"><tr><td class="meta"> <style type="text/css"> /*HIDES NAME */  </style></td></tr></table><tr valign="top"><td nowrap align="left" valign="top"><BR> <r>NAME OR TEXT</r><BR /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>)</center></td></tr></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=FRIENDS_DATE_FORMAT

HEADER version
FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <td valign="top" id="header" width="570px"><BR/> <r>NAME OR TEXT</r><br /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>) </td></tr></table> </td></tr></table></td></tr> <=FRIENDS_WEBSITE LASTN_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css">  </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>25 LASTN_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=LASTN_DATE_FORMAT FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> LASTN_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <td valign="top" id="header" width="570px"><BR/> <r>NAME OR TEXT</r><br /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>) </td></tr></table> </td></tr></table></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=FRIENDS_DATE_FORMAT <=FRIENDS_WEBSITE LASTN_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css">  </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>25 LASTN_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=LASTN_DATE_FORMAT FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> LASTN_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <td valign="top" id="header" width="570px"><BR/> <r>NAME OR TEXT</r><br /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>) </td></tr></table> </td></tr></table></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=FRIENDS_DATE_FORMAT

HOW TO MODIFY:
(I suggest pasting it into word or notepad and Ctrl(or option) + F to find the places you need to change and just replace the word)
CHANGE USERNAME to your journal username.
CHANGE BACKGROUNDURL to the url of the picture you want.
CHANGE NAME OR TEXT to the character name or whatever quote you want there.

for the header, use an image that is 600 wide and 200 high. Change HEADERURL to the url of your header.

Other uses of this layout: one two

(Post a new comment)

	huali 2009-10-03 02:40 pm UTC (link)
	Is there a way I can add a header image into this? (Reply to this) (Thread)

	splott 2009-10-03 04:08 pm UTC (link)
	Added! I put it in a text box for you. (Reply to this) (Parent) (Thread)

	felicitus 2009-10-08 12:57 am UTC (link)
	hey, it's kaitlin! trying to use this layout for this journal but i can't figure out how to make the header all one color--tried to change a background attribute but they were already set at #ffffff. (Reply to this) (Thread)

	benignant 2009-10-13 09:47 am UTC (link)
	Hey I've used this here but I can't get the links to profile, friends etc to show up. Also how do I change the navigation colour part? and the box around everything? Sorry, I'm hopeless with these things. Thank you!! (Reply to this) (Thread)

	treville 2009-10-18 11:13 am UTC (link)
	thankee so much, this is gorgeous! i've used it for this journal and credited you on my userinfo. huge kudos for making such an easy to customise layout! ♥ (Reply to this) (Thread)

	cake 2009-10-20 02:54 pm UTC (link)
	I wanted to thank you SO much for this and for your helpful tutorial. I get the basics of this stuff but it helped oodles just to have the hints you gave and how to make it easier. I love this layout and used it here. You are made of awesome! (Reply to this)