briteskies

Alrighty

laifan -chan! I am so slow and I'm sorry *fail* But here you go! A new shiny layout for you that should look like this when it's all said and done:

First: go to your "Customize Journal" area from your livejournal home page.

From there, in the box in the upper-right corner select: "Customize Your Theme."

On the left, select the last option on the sidebar: "Custom CCS."

You should now see the code you are currently using.

We are going to be replacing this. :)

If you would like to reuse your Yuuko/Sakura purple theme, again in the future I would suggest saving the entire code to your computer, since you know it all works! Do this by right-clicking and "selecting all" and then copy-paste it into a document like Word or Notepad to save it. Then all you'll have to to is swap out codes if you ever want to change again! XD

This new code is probably very similar to the one your already using. Once you've saved your old code (if you choose to) completely delete your old code and paste in this new one:

body	{
		background-color:#000000;
background-image:url(http://pics.livejournal.com/galenhiril/pic/0013xf0e); /Background URL/
		text-align: center;
		color: #00223C;
		font-family: "Arial", "Verdana", sans-serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

a, a:link, a:visited {
		color: #1B9BBC;
		text-decoration: none;
		}
	
	a:hover {
		color: #ffffff;
		text-decoration: none;
		}
	
	p, td {
	    font-size: 11px;
             }

blockquote {
	    font-size: 11px;
            color: #666666;
            border-width: 1px;
	    border-style:dashed;
	    border-color: #1B9BBC;
            background-color: #F4F4F4;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
             }

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

span.ljuser{
		background-image: url("http://pics.livejournal.com/galenhiril/pic/0012apww");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
		padding: 02px 0px 02px 0px;
		background-position: left middler;
		}

span.ljuser img{
		visibility: hidden;
		}

.subject img[src="http://pics.livejournal.com/galenhiril/pic/0012bs3e"]{
	      width: 0;
      	      height: 0;
      	      padding: 0 16px 16px 0;
      	background: url(http://pics.livejournal.com/galenhiril/pic/00129f3k);
              background-repeat: no-repeat;
            }

.subject img[src="http://pics.livejournal.com/galenhiril/pic/0012bs3e"]{
		width: 0;
		height: 0;
		padding: 0 16px 16px 0;
		background: url(http://pics.livejournal.com/galenhiril/pic/00129f3k);
            background-repeat: no-repeat;
            }

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content {  	
		width: 712px;
		margin-left: auto; 
                margin-right: auto;				
		background-color: #D9F6FC;
		border-width: 0px;
		border-style:solid;
		border-color: #1B9BBC;
		padding: 0px;
		}

#maincontent {	 	
		font-family: "Verdana", sans-serif;
		width: 712px;
		font-size: 10px;
		background-color:#D9F6FC;
		color: #00223C;
		border-width: 0px;
		text-align: left;
            }
	
	#sidebar {
		padding-top: 15px;
		margin-top: 15px;
		background-color: #fafafa;
	  	font-size: 7pt;
		font-family: Trebuchet MS, Arial, sans-serif;
		color: #454545;
		width: 180px;
		float: left;
		text-align: justify;
                display: none;
		}

/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {		
		width: 712px;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;
		margin: 0px;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		text-transform:uppercase;
		font-weight:normal;
		letter-spacing: 2px;	
		border-width: 0px;
		background-color: #D9F6FC;
		color: #609FAE;	
            }

.headerimage {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px; 
		background: url("http://pics.livejournal.com/galenhiril/pic/0014ayz3");
                width: 712px;
                height: 412px;
                background-repeat: no-repeat;
                }

/*-----------------------------------------------------------------------------
   Look  and color of links (also partly for footer)
--------------------------------------------------------------------------------*/

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color: #1B9BBC;
	}

div#header a:hover, div#footer a:hover {
		color:  #ffffff;
	      text-decoration: none;
	}

/*-----------------------------------------------------------------------------
   Title and Subtitle
--------------------------------------------------------------------------------*/
      
       .title{
		display:none;
		}

.subtitle{
		display:none;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
		{
		padding: 0px;
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0px;
		}

li.view {
                color:#a0a0a0;
                border-bottom:1px solid #1B9BBC;
                padding: 0 6px 0 6px!important;
                }

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {		
		padding:0px;
		border-bottom:1px dotted #1B9BBC;
            }

.entry  {
		margin: 0px 0px 0px 0px;
		padding: 10px;
		background-color: #D9F6FC;
		color: #00223C;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		text-align: left;
		border-width: 0px;
		text-align:justify;
            }

.date {		
		color: #609FAE;
		font-family: "Tahoma", sans-serif;
		font-size: 9px;
		height: 100%;
		padding:0px;
		padding-top:5px;
		text-transform:uppercase;
		}

.subject {			
		color: #a0a0a0;
		font-family: "Tahoma", "Verdana", sans-serif;
		font-size: 10px;
		letter-spacing:1pt;
		font-weight:normal;
		text-transform:uppercase;
		padding:5px;
		}
	
	.subject a, .subject a:link, .subject a:visited {
		color: #3FD5CC;
		}
	
	.subject a:hover {
		color: #B3E8F2;
		}

.datesubject {				
		background-color: #D9F6FC;
		padding: 5px;}
		}

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

.entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}
    .userpic 
		{
		position: relative;
		float: left;
		background-color: #EEEEEE;
		margin:5px;
		padding:5px;
		border:solid #1B9BBC 1px;
		z-index: 15;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents {
		font-family: "trebuchet ms", sans-serif;
		font-size: 10px;
                letter-spacing:1px;
                margin:0px 0px 0px 18px!important;
                margin:0px 0px 0px 14px;
                background-color:;
                width:270px;
                padding:6px;
                line-height:14px;              background-image:url();
                background-repeat: no repeat; important!
		}

.currents strong {
                font-weight:normal;
                }

.currents img {display:show;}

.ljtags {
                margin:30px 0px 0px 0px;
                background-color:#D9F6FC;
                width:280px;
                padding:10px;
                color:#000000;
                font-size:10px;
                border:0px solid #1B9BBC;
                } 
/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "trebuchet ms", sans-serif;
		font-size: 11px;
		text-align: right;
		padding: 0px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #4F8A9E;
	}

div.comments a:hover {
		color: #b0b9c8;
		text-decoration: none;
	}

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
		/* for formatting separators between entries */
		height: 35px;
	}

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
		padding: 5px;
		margin: 10px;
		text-align: center;
		color: #D9F6FC;
		background-color: #fafafa !important;
		font-family: Trebuchet MS, Arial, sans-serif;
		font-size: 7pt;
		z-index: 15;
		position: relative;
		float: left;
		border: 1px solid #dcdcdc;
		}

.userpicfriends img {
                margin: 0px 0px 6px 0px;
                }

.userpicfriends a font, .userpicfriends a{
                font-size:11px;
                color: #1B9BBC;
                }

.userpicfriends a:hover font {
                color: #ffffff;
                }

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 712px;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 10px;
		letter-spacing: 1px;
		background-color: #D9F6FC;
		color: #609FAE;
		font-weight:lighter;
		border-width: 0px;
		z-index: 100;
            }

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding: 40px;
                background-color:#D9F6FC;
                border:1px solid #d9d9d9;
                margin:0px 0px 40px 0px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
                background-color:#D9F6FC;
                border:1px solid #d9d9d9;
		margin-left: auto;
		margin-right: auto;
                width:600px;
                padding:20px 50px 20px 50px;
		}

table.yeartable td {
                }

table.yeartable td.yearday {
                border:4px solid #D9F6FC;
		    margin:10px;
                background-color:#D9F6FC!important;
                padding:4px;   
		    }

table.yeartable td.yeardate {
                background-color:#f4f4f4;
                padding:4px;
                border:4px solid #D9F6FC;
                }

table.yeartable td.yearday {
		background-color: #d4dce8;
		text-align: center;
		}

td.yearmonth {
		letter-spacing:1.5px;
                text-transform:uppercase;
		padding: 0px 0px 5px 0px;
		color: #5f5f5f;
		font-family: "trebuchet ms", sans-serif;
		font-size: 11px;
                border-bottom:1px solid #efefef;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
		height: 15px;
		}

*Make sure all the drop-down options are set to 'No." And there shouldn't be anything in the "Custom URL"

Click "Save Changes" and you're done!

Make sure to view your journal to make sure everything is all good, and that should be all you need to do. If anything doesn't work, or you need help with anything, please let me know!

And here is a matching default icon for you if you would like XD

Flat | Top-Level Comments Only

From:

toadwart.livejournal.com

oooOOOoOoOooh

that is pretty

I should have you teach me or help me sometime.....

briteskies.livejournal.com

Thank you! XD They are fun to do XD

I'm making up tutorials on how to make them, actually. Because I've been having people ask now and again so I thought I would write up some easy to follow things for people. XD

But if you ever want me to make you one or help you with one, just lemme know! I would love to XD

cool, I will let you know! I have an idea in my head but it hasn't finished developing yet

laifan.livejournal.com

Ne, I followed your instuctions and for some reason it isn't working T_T

..... oh noes! is it giving you an error or anything?

It doesn't give an error but my journal layout is like blank. It doesn't have a layout. Maybe it's somethingin the code? I don't know.

Ok, maybe it didn't like you changing it from your old one.
The code should be fine though because I teted it in a random journal I made.... and it shows up fine.

Ok. I'm going to make you some new instuctions. Gimme one second XD

Kay. Thanks.

I have a slight suspicion that I have given you the wrong code. You are correct. It totally worked yesterday, so there is something that didn't get copied. *fail*

I think I know what it is, but I need to look at something to be sure. I will try to fix it on my lunch. Unfortunately I am at work right now so I don't have the original code this moment. But for sure I will have it fixed tonight for you, if not within the next few hours. CRAP! I am SO sorry!!!!!!! DDDDDD: *headdesk*

Haha. If you saved your Sakura/Yuuko one, you should be able to put it right back so you don't have to look at a broken layout! ♥

Or you can select "restore to default" and have the default felxible squares theme for a bit.

I am so sorry!!!!!!!!!!!!!!!!!!!!!!

Okay. It's alright lol. Yeah I saved it.

Ok, now this one should work *just tried it* The problem was with the "textarea" in the post itself. It moved things around and messed up the code :(

This should work if you just follow the same instructions as before. Be sure to copy the whole thing XD (I'm linking to it to avoid the problem this time XD Mwhahaha)

LINK (http://us.f13.yahoofs.com/bc/4755cb07_c96e/bc/Layout+Codes/Moon+Layout+for+Laifan.txt?bfnAdVHBNsSDnk9b)

But it should also be fixed in the above post too, now.

Edited Date: 2007-12-04 10:07 pm (UTC)

You are using "flexible squares," or was I incorrect in assuming this? =P

Yep I'm using flexible squares. The default one.

kinoha.livejournal.com

Whoa! So pretty!! ^____________________^
Aha...it's good to know how to change it~

XD thank you.
Yours is likely going to be a little more difficult to change ;) but no worries, I will make it easy for you.

Yay!! &hearts
Hehehe~ *is happy*

Yay! It works! Thank you so much! ^____________^

YAY!!!!!!!!! I was getting worried I was made of fail for a moment ;)

I'm glad it works for you! ♥

Layout For Laifan! <3

Layout For Laifan! <3

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Expand Cut Tags

Profile

Links

Most Popular Tags

Page Summary

Style Credit