?

Log in

Previous Entry | Next Entry

Livejournal Layout // Memories

Memories (Larger Preview)
Memories layout


About the Layout

LJ Design #7 by Neskaya.Net. Features a scene from Square's Final Fantasy: Crystal Chronicles. I actually made this in like... 2004-2005? Anyway, ages ago, and I used it for my old blog. I found the layout intact (this doesn't happen often with my old layouts ^^) on an old computer and decided to touch up and distribute it.

Matching Avatar


If you're using the layout, please put a link to and credit Neskaya.Net and neskayanet in your LJ profile. Thank you.

Installation
1. Go to Customize to select your journal style.

2. Type Flexible Squares into the Search box and apply any of the plain flexible squares (not circular) layouts.

3. Scroll down to the bottom of the page to choose a page setup. Select "2 Column (sidebar on right)."

4. For ad settings right above that, select "Vertical."

5. Go to Customize Journal Style and select Custom CSS on the sidebar on your left.

6. For "Use Layout Stylesheets" select No.

7. For "Use layout's stylesheet(s) when including custom external stylesheet" select No.

8. For "Use external stylesheets" select No and leave the "Custom external stylesheet URL" empty.

9. Paste the following code into the "Custom Stylesheet" box:

body {
margin: 0px;
padding: 0px;
background:url(http://i277.photobucket.com/albums/kk62/neskaya/layouts/memories/bg.jpg) #F8EACF right repeat-y fixed;
color: #BF7731;
font-family: verdana;
font-size: 7pt;
line-height: 14px;
text-align: justify:
overflow: auto; }

ul { margin: 0px;
padding: 0px; }
li { margin: 0px;
padding: 0px; }

td {
font-family: verdana, tahoma, arial;
font-size: 7pt;
line-height: 14px;
text-align: justify;
margin: 0px;
padding: 0px;
}

a, a:link, a:visited {
border: 0;
font-weight: bold;
text-decoration: none;
color: #73889F; }

a, a:link, a:visited, a:hover img { border: 0; }

a:hover {
text-decoration: none;
color: #569DC2;
border-bottom-width: 1px;
border-bottom-style: none;
border-bottom-color: #569DC2; }

p, td, blockquote {
font-size: 12px;
}

blockquote {
border-left: 1px solid #BF7731;
padding-left: 10px;
margin: 15px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 775px;
margin: 0px;
position: absolute;
z-index: 4;
right: 0px;
top: 0px;
padding: 0px;
background: url('http://i277.photobucket.com/albums/kk62/neskaya/layouts/memories/img.jpg') no-repeat right top;
}

#maincontent {
margin: 0px;
padding: 0px;
position: relative;
top: 465px;
left: -10px;
margin-left: 150px;
width: 625px;
font-size: 8pt;
line-height: 20px;
text-align: justify;
z-index: 105;
float: right; }

#sidebar {
margin: 0px;
width: 190px;
position: absolute;
top: 250px;
right: 567px;
padding: 0px;
font-size: 8pt;
line-height: 20px;
z-index: 104;
text-align: justify;
font-variant: small-caps;
float: left;
}

#footer {
width: 775px;
text-align: right;
padding: 0px;
margin: 0px;
margin-top: 450px;
height: 61px;
background:url(http://i277.photobucket.com/albums/kk62/neskaya/layouts/memories/footer.gif) right bottom no-repeat;
font-family: "Verdana", sans-serif;
font-size: 14px;
font-weight: bold;
z-index: 100;
clear: both;
}

ul.navheader
{
margin: 0px;
width: 190px;
position: absolute;
top: 20px;
right: 567px;
padding: 0px;
border: 0px;
z-index: 101;
}

ul.navheader li {
margin: 0px;
padding: 0px;
list-style: none;
font-size: 10pt;
height: 24px;
width: 100%;
margin-left: 0px;
margin-bottom: 10px;
margin-top: 0px;
margin-right: 0px;
font-family: "Verdana";
line-height: 16px;
color: #FFFFFF;
background: #E65259;
font-variant: small-caps;
text-align: center;
border-width: 2px;
border-style: dotted;
border-color: #FFFFFF;
opacity: 0.5;
filter:alpha(opacity: 50);
}

ul.navheader li a { color:#FFFFFF; }

.title{
display: none;
}

.subtitle{
display: none;
}


/* sidebar */

.defaultuserpic {
text-align: center;
opacity: 0.8;
filter:alpha(opacity: 80);
}

.sbarbody {
padding: 0;
}

.sbarbody2 {
list-style: none;
margin: 4px 0 4px 0;
padding: 2px;
line-height: 16px;
text-align: right;
}

table.calendar {
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}


.sbarcalendar {
border: 1px dotted;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border: 1px dotted;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

ul.sbarlist
{
padding: 0;
margin: 0;
list-style: none;
}

li.sbaritem
{
list-style: none;
margin: 4px 0 4px 0;
padding: 2px;

}

li.sbartitle, div#sidebar h4
{
list-style: none;
margin: 4px 0 4px 0;
padding-top: 15px;
text-align: center;
font-weight: bold;
font-family: "Verdana", sans-serif;
font-size: 14px;
text-transform: lowercase;
letter-spacing: 1px;
}



/* maincontent */

.subcontent {
}

.entry{
margin: 0 0 0 115px;
padding: 0;
font-family: "Verdana", sans-serif;
font-size: 8pt;
text-align: justify;
line-height: 16px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
display: none;
float: right;
margin-left: 5px;
}

.userpicfriends {
position:relative;
float:right;
text-align:center;
font-family:"Verdana", sans-serif;
font-size:11px;
z-index:15;
background: !important;
border: 1px dotted;
margin:5px;
padding:0;
}

.userpicfriends font {
color:#78C5F3 !important;
}

.date {
font-size: 11pt;
padding: 0px;
padding-top: 3px;
padding-bottom: 3px;
height: 18px;
width: 100%;
margin-left: 0px;
margin-bottom: 5px;
margin-top: 0px;
margin-right: 0px;
font-family: "Verdana";
line-height: 16px;
color: #FFFFFF;
background: #74954D;
font-variant: small-caps;
text-align: center;
border-width: 2px;
border-style: dotted;
border-color: #FFFFFF;
opacity: 0.6;
filter:alpha(opacity: 60);
}

.subject {
font-weight: normal;
padding-bottom: 10px;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-variant: small-caps;
letter-spacing: 1px;
text-align: right;
}

.subject a, .subject a:link, .subject a:visited {
}


.subject a:hover {
}

.datesubject {
margin: 0 0 0 115px;
}

.currents, .currentmood, .currentmusic, .ljtags {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.ljtags{
font-weight:bold;
margin-top:10px;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 12px;
text-align: right;
padding: 3px;
margin: 0;
}


/* maincontent -- entry, reply pages */

.datesubjectcomment {
padding: 5px;
font-size: 12px;
line-height: 14px;
border-bottom: 1px dotted #998675;
}

.userpiccomment {
margin: 10px;
z-index: 15;
float: right;
}

.box {
padding: 20px;
clear: right;
width: 480px;
margin-left: 100px;
font-size: 8pt;
}

input, textarea {
color: #000000;
border: 1px dotted;
}

textarea.textbox {
width: 95% !important;
}

.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
line-height: 125%;
background-color: #ffffff;
color: #000000;
}

.replytosubject {
font-weight: bold;
}


.commentreply {
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
}

.commentbox {
padding: 5px;
margin: 10px 0 10px 0;

}

.commentboxpartial {
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}


/* maincontent -- year/achive pages */

ul.year {
text-align: left;
padding-bottom: 30px;
font-weight: normal;
color: #fff;
font-family: "Verdana", sans-serif;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 1px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {

border: 1px solid;
}

table.yeartable td.yearday {
font-weight: bold;
text-align: center;
border-top: 1px solid;
}

td.yearmonth {
border-bottom: 1px dashed;
}


/* footer */

ul.navfooter{
padding: 0;
margin: 0;
}

ul.navfooter li {
display: inline;
margin: 5px;
}


.clearfoot {
clear: both;
}


/* misc */

.clear {
height: 0;
}

.skiplinks {
text-align: left;
margin-left: 135px;
font-size: 6pt;
padding-bottom: 10px;
}

.separator{
height: 35px;
}

P.S. Layouts are tested without a navigation strip and probably looks better. Get rid of it through Customize Journal Layout > Display.

Comments

( 28 comments — Leave a comment )
lekana
Nov. 17th, 2009 05:50 am (UTC)
Holy ef that's awesome!
simchellyfish
Nov. 17th, 2009 07:22 am (UTC)
I just saw this on freelayouts and I love these types of layouts,just yesterday I was telling someone about how there's not enough of these video game graphic type of layouts. Not taking it for now but definitely love your stuff. :D
guru_messakira
Nov. 17th, 2009 07:24 am (UTC)
Wonderful, I take it "o" ♥
usisblog
Nov. 17th, 2009 09:10 am (UTC)
Awesome!
chilayse
Nov. 17th, 2009 10:50 am (UTC)
oo.... I'm going to use it for awhile ok? It's so shiny!
yueshi
Nov. 17th, 2009 11:11 am (UTC)
love this!
^____^
makes me wanna play my FFCC games again
ryoneko
Nov. 17th, 2009 01:29 pm (UTC)
Is there any way to have the layout centered on the screen?
jujuube
Nov. 17th, 2009 06:56 pm (UTC)
Not without a good amount of editing to the code. This layout was made to be on the right side ^^
jujuube
Nov. 17th, 2009 06:57 pm (UTC)
Ah, wrong account but yeah, neskaya here.
viciated_wilkin
Nov. 17th, 2009 02:51 pm (UTC)
Wow! that is great, I really like the colors you chose for it.
stephmariemarsh
Nov. 18th, 2009 03:45 am (UTC)
I like this layout :)
xnice_vibex
Dec. 1st, 2009 06:57 am (UTC)
pliss help mee
can u gimme a link from livejournal to ad settings right above that, select "Vertical."


in my page,it didn't show.. plizz pliss please..

last how to set us my page in center..

it's far to the left.. (T_T)

reply me okay.. i love that css style.. im no good at css..

please.. love u
xnice_vibex
Dec. 1st, 2009 08:48 am (UTC)
its me again

i love you..

n please.. would you mind to get it right..
aim a dumb that feel love with your lj lay-out..
please.... please.. please..

reply me to get it right.. i prefer right way too

Lol..
xnice_vibex
Dec. 1st, 2009 09:13 am (UTC)
plz
for resolution 1280x800 it's =left..

please fix it

hope you be that kind.. please
sheryen
Dec. 16th, 2009 03:02 am (UTC)
hmm.. I don't know why it's shifted to the right when viewing... any help?
sheryen
Dec. 16th, 2009 03:03 am (UTC)
princess_banu
Feb. 7th, 2010 11:54 am (UTC)
oh god thanks so much for this! Its awesome!
matsudaira
Oct. 2nd, 2010 12:23 pm (UTC)
*wants*


This is awesome, I think I will be grabbing it, thanks!
danialaura
Jan. 22nd, 2011 07:14 am (UTC)
wow!!
I'll use this^^
hehe...this is good.....thanks
(Anonymous)
Jan. 26th, 2011 01:53 pm (UTC)
Порно
Порно (http://megafreeporn.ru/)
(Anonymous)
Jan. 30th, 2011 05:06 am (UTC)
my LITTLE revelation...
Do you think this is possible?

$3700 a month?
30000 f.ree visitors?

Skeptical? So was I until I checked out this amazing video Oo

http://bit.ly/my-awsome-revelation

after using this incredible software for myself, I can heartily Recommend it for everyone..

I wish you happiness and good luck
sincerely yours
Clairrr:)
(Anonymous)
Feb. 15th, 2011 05:38 am (UTC)
What a nice post. I really love reading these types or articles. I can?t wait to see what others have to say.
(Anonymous)
Feb. 16th, 2011 03:31 am (UTC)
You’d believe together with the multi gazillion cash of investment that wikipedia could acquire some much more servers.
(Anonymous)
Mar. 21st, 2011 03:57 am (UTC)
An impressive share, I just given this onto a colleague who was doing a little analysis on this. And he in fact bought me breakfast because I found it for him.. smile. So let me reword that: Thnx for the treat! But yeah Thnkx for spending the time to discuss this, I feel strongly about it and love reading more on this topic. If possible, as you become expertise, would you mind updating your blog with more details? It is highly helpful for me. Big thumb up for this blog post!
yuuki981
Aug. 6th, 2011 05:15 am (UTC)
this layout wouldn't work.
zophiel_lagace
Nov. 17th, 2011 07:32 pm (UTC)
Thank you!
This is amazing, thank you so much ^^
dbskyunjaeholic
Nov. 24th, 2011 11:11 am (UTC)
nice ! but is there any way to replace the image with something else that you like better ? O.o i tried but it seems that it doesn't work with just replacing the link .. please help ! thanks ~
darkflametailz
Nov. 25th, 2011 08:55 pm (UTC)
Oh cool! Are there any other types of layouts?
( 28 comments — Leave a comment )

About Neskaya

Neskaya.Net is a cute & kawaii based design resource that also dabbles in a bit of anime, Disney, Ragnarok Online (RO), and Final Fantasy. We have a fantastic interactive community, so join the forums if you'd like to meet some new friends! <3

This livejournal serves several purposes. Please join. <3 First, it provides updates to the site. Second, it's to provide you with members only LJ layouts. And third, it is a medium for me to communicate with lots of people at once for interactive projects~

Powered by LiveJournal.com
Designed by Lilia Ahner