Both of these layouts were originally made for a specific purpose, the Kangin one for myself and the Sungmin one for
candymint once upon a time, but they've both been modified for public use. I felt really bad with all of these layouts just sitting in my computer, never to be enjoyed again, so I decided to share a few. The Sungmin one comes with a few extra options, but it's not really overwhelming so just enjoy. ^^
(click to see them larger)
And now for a seriously in-depth walk-through, in case you just can't manage to figure it out:
A few things to note before we get started
--> These layouts work for users with Free, Paid or Permanent accounts. THEY WILL NOT WORK IN PLUS ACCOUNTS. The ad banners push the contents and they look bad. Please don't try.
--> They don't look horrible with the nav bar, but I've always though it was butt ugly so I will never recommend using it, but you can without ruining the layouts
--> These layouts were tested at 1440x900 resolution. They also work on smaller ones, but I'm not sure about 800x600... though I don't think people actually use that anymore.
--> Also, side note, because of the way the Sungmin layout is coded, there will be separate codes for IE or Mozilla. Don't worry, it's the same layout, just shifted over for IE.
Ok, now that that is out of the way...
Featuring: Sungmin of Super Junior
Lyrics: "Greedy Fly" by Bush
Installing this layout
The reason I get specific with this is because I've made custom layouts for people in the past and have had to walk them through it step by step. If you know how to install and edit the code yourself, that's great and power to you. You can skip most of this. But not everyone is as cool and hip to the jive as you are and have never had to put in a layout code before. See? Liz is so nice to spend this kind of time.
First, and this is very important, you MUST specify a personal website in your userinfo. This is needed for your banner and navigation links to work.
Now, go to Manage > Customize in your menu.
Make sure it's on S1, as all of the layouts I make use it.
Make sure all your styles are set for "Generator". Scroll down and and make sure these colors are set into the fields and that you have "Custom colors" set:
Scroll down a little more to the "Overrides" section. You will now enter the code included in this post into the Overrides box.
Mozilla code:
FRIENDS_WEBSITE<=
http://pics.livejournal.com/oulan/pic/00bc7hcq"
WIDTH=774 HEIGHT=483 BORDER=0 USEMAP="#afikibanner" class="x"
style="display:inline;">
<=FRIENDS_WEBSITE
LASTN_TALK_LINKS<=
style="text-align: right">
%%readlink%%leave a comment ♥ href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">add to
memories ♥ href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">edit
src="http://pics.livejournal.com/oulan/pic/0077q8f2">
|
<=LASTN_TALK_LINKS
GLOBAL_HEAD<=
<=GLOBAL_HEAD
FRIENDS_TALK_LINKS<=
style="text-align: right">
%%readlink%%leave a comment ♥ href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">add to
memories ♥ href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">edit
src="http://pics.livejournal.com/oulan/pic/0077q8f2">
|
<=FRIENDS_TALK_LINKS
LASTN_TALK_READLINK=>
%%messagecount%% ♥
LASTN_DATE_FORMAT<=
%%daylong%%, %%m%%/%%d%%/%%yy%% @ %%12h%%:%%min%% %%ampm%%
|
<=LASTN_DATE_FORMAT
FRIENDS_TALK_READLINK=>%%messagecount%% ♥
LASTN_WEBSITE<=
http://pics.livejournal.com/oulan/pic/00bc7hcq" WIDTH=774 HEIGHT=483 BORDER=0 USEMAP="#afikibanner" class="x" style="display:inline;">
<=LASTN_WEBSITE
FRIENDS_DATE_FORMAT<=
|
%%daylong%%, %%m%%/%%d%%/%%yy%% @ %%12h%%:%%min%% %%ampm%%
|
<=FRIENDS_DATE_FORMAT
IE code:
FRIENDS_WEBSITE<=
http://pics.livejournal.com/oulan/pic/00bc7hcq" WIDTH=774 HEIGHT=483 BORDER=0 USEMAP="#afikibanner" class="x" style="display:inline;">
<=FRIENDS_WEBSITE
LASTN_TALK_LINKS<=
|
style="text-align: right">
%%readlink%%leave a comment ♥ href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">add to
memories ♥ href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">edit
src="http://pics.livejournal.com/oulan/pic/0077q8f2">
|
<=LASTN_TALK_LINKS
GLOBAL_HEAD<=
<=GLOBAL_HEAD
FRIENDS_TALK_LINKS<=
style="text-align: right">
%%readlink%%leave a comment ♥ href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">add to
memories ♥ href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">edit
src="http://pics.livejournal.com/oulan/pic/0077q8f2">
|
<=FRIENDS_TALK_LINKS
LASTN_TALK_READLINK=>
%%messagecount%% ♥
LASTN_DATE_FORMAT<=
%%daylong%%, %%m%%/%%d%%/%%yy%% @ %%12h%%:%%min%% %%ampm%%
|
<=LASTN_DATE_FORMAT
FRIENDS_TALK_READLINK=>%%messagecount%% ♥
LASTN_WEBSITE<=
http://pics.livejournal.com/oulan/pic/00bc7hcq" WIDTH=774 HEIGHT=483 BORDER=0 USEMAP="#afikibanner" class="x" style="display:inline;">
<=LASTN_WEBSITE
FRIENDS_DATE_FORMAT<=
|
%%daylong%%, %%m%%/%%d%%/%%yy%% @ %%12h%%:%%min%% %%ampm%%
|
<=FRIENDS_DATE_FORMAT
You must edit the code to customize it for you.
To make it so your links have your username in them, you must make a few small alterations. Near the beginning of the code, you'll find a section that starts with "FRIENDS_WEBSITE". In that section, you'll see the place you need to alter:
Enter your own username where it says YOURUSERNAME.
Now scroll down in the code until you find a similarly coded section headed "LASTN_WEBSITE" do EXACTLY the same thing to the code here as you did in the "FRIENDS_WEBSITE" section.
Save your settings.
That should be it, but as a little added bonus on this one, if you go into the GLOBAL_HEAD section of your code, you'll find this little piece:
You can change the #DAF0F8 to #0E284C if you'd like darker background on your layout.
Featuring: Kangin of Super Junior Lyrics: "The Leaving Song Part 2" by AFI
Installing this layout First, and this is very important, you MUST specify a personal website in your userinfo. This is needed for your banner and navigation links to work.
Now, go to Manage > Customize in your menu. Make sure it's on S1, as all of the layouts I make use it.
Make sure all your styles are set for "Generator". Scroll down and and make sure these colors are set into the fields and that you have "Custom colors" set:
Scroll down a little more to the "Overrides" section. You will now enter the code included in this post into the Overrides box.
The code:
FRIENDS_HEAD<=
<=FRIENDS_HEAD
FRIENDS_OPT_ITEMS=>20
FRIENDS_WEBSITE<=
http://pics.livejournal.com/oulan/pic/00bce6cd" WIDTH=750 HEIGHT=550 BORDER=0 USEMAP="#afikibanner" class="x" style="visibility: visible;">
<=FRIENDS_WEBSITE
LASTN_HEAD<=
<=LASTN_HEAD
DAY_TALK_LINKS<=
|
<=DAY_TALK_LINKS
LASTN_TALK_LINKS<=
<=LASTN_TALK_LINKS
GLOBAL_HEAD<=
<=GLOBAL_HEAD
FRIENDS_TALK_LINKS<=
<=FRIENDS_TALK_LINKS
DAY_DATE_FORMAT<=
%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%
|
<=DAY_DATE_FORMAT
LASTN_TALK_READLINK=>%%messagecount%%%%mc-plural-%% ..
LASTN_OPT_ITEMS=>10
LASTN_DATE_FORMAT<=
|
%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%
|
<=LASTN_DATE_FORMAT
FRIENDS_TALK_READLINK=>%%messagecount%%%%mc-plural-%% ..
FRIENDS_DATE_FORMAT<=
|
%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%
|
<=FRIENDS_DATE_FORMAT
LASTN_WEBSITE<=
http://pics.livejournal.com/oulan/pic/00bce6cd" WIDTH=750 HEIGHT=550 BORDER=0 USEMAP="#afikibanner" class="x" style="visibility: visible;">
<=LASTN_WEBSITE
DAY_TALK_READLINK=>%%messagecount%%%%mc-plural-%% ..
You must edit the code to customize it for you.
To make it so your links have your username in them, you must make a few small alterations. Near the beginning of the code, you'll find a section that starts with "FRIENDS_WEBSITE". In that section, you'll see the place you need to alter:
Enter your own username where it says YOURUSERNAME.
Now scroll down in the code until you find a similarly coded section headed "LASTN_WEBSITE" do EXACTLY the same thing to the code here as you did in the "FRIENDS_WEBSITE" section.
Save your settings.
And that should be it. If you have any questions, you can comment here or contact me on AIM (Degac Creep).
Credit is awesome As frequest visitors of this comm know, I like my credit. As I did not put the credit right in the code like I could and should have, crediting it some other way would be most appreciated.
kmusic: super junior,
*layout
|