My Thoughts, Art, and Writing - LiveJournal Layout: Sarah Conner Chronicles

Previous | Memories | Tell a Friend | Next

janine42584

11 January 2008 @ 05:17 pm

LiveJournal Layout: Sarah Conner Chronicles

~Please Comment if Taking
~Please Credit

janine42584 if using

Note: While it is not ever required that you host the image on your own server (or really somewhere free like Photobuck or ImageShack) I am going to start requesting that you do.

There are two images within the code: under ".pageheaderblock" and ".bodyheaderblock" All you need to do to host these somewhere else is (for example with ImageShack) under upload click "URL" then paste any of the urls from the code (from http://... to .jpg) and click upload, a new url will be given to you (make sure to take the last one it says "direct link to image") then copy and paste that url where the old one use to be in the code. And there you have it, your own hosted image for the layout.

Now the reason I'm asking this is because, while ImageShack (and Photobucked) do offer quite a bit of hosting time and bandwidth use for image you have on there, I've had problems with some layouts in the past having headers or backgrounds disappear. I'm just trying to make it so this will hopefully no longer happen. Thanks!</b>

Made With S2 and Smooth Sailing Layout

Instructions: Please note these are a bit different than usual.
1. Click "Customize"
2. In the cute little search thing type "smooth sailing"
3. Click the "Apply Theme" button for any theme
4. Under "Choose a Page Setup" select "2 Column (sidebar on right)"
5. Click "Customize Selected Theme"
6. Under "Display" scroll down to "Userinfo Position in Entries" and select "right side" from the dropdown menu
7. Now Click "Custom CSS"
8. Make sure all dropdown boxes say "NO"
9. Copy and paste the override code into the box provided (if there was anything there before please delete it all)
10. Click "Save Changes" and there you have it!

Please Note: For this layout you may want to do some aditional fine tuning in your "Customize" area, here are some things I've done (again, if you don't want to do this, you don't need to)
1. Under the "Display" portion of "Customize Your Theme"
I have it set to show 25 entries on my "recent entries page" (the default is 10)
Under "Additional Options" I have "Wrap Entry text under userinfo" the dropdown selecting "yes" (again the default is "no)
2. Under "Menu"
Under "Page" the "Show Memories link on Menubar" I have selected "no" (the default is yes)
Under "Navigation" I have a couple changes (If your menu navigation is too long it will go over Summer Glau's face, to make sure this doesn't happen I have all links and such with short names)
"Text used to link to the 'Recent Entries' view" - I have "Most Recent" (Recent would work as well)
"Text used to link to the 'User Information' view " - I have "Profile"
"Text used to link to the 'Friends' view" - I have "Friends"
For the last four sections of this page "Text used to link to the Previous Recent/Friends page" until "Text used to link to the Next Entry page" I have taken away the word Entry or Entries (seems redundant to me and with it the links list was too long in the header)

Only other thing I want to make sure to say is that if you are posting a table (like an icon table) please make sure it's smaller than 550px wide (that's the width of the entries section). If you post anything wider than that a small scrollbar will appear for that entry (so it doesn't mess up the alignment with the whole layout)

Just kidding, this is the last thing (until I think of something else), please do not ask if you can take the code and replace my pictures with your own because, at this time, I will say no (please note I've NEVER requested this before, and probably wont do so again for a very long time), I will take this request off in time. This is an concept I've had forever, it's a code I've been piecing together for awhile now, and this is a code I am VERY proud of. In all honesty I wasn't even going to post this layout, but decided to. Like I said, this will change (maybe a couple days, maybe weeks... I'm just not sure when yet).

Override Code

/* Layout made for LiveJournals Smooth Sailing Theme */
/* CSS Override created by Janine @ http://janine42584.livejournal.com */

/* Cleaned CSS: */

body {
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin: 0px;
     background-color: #f7fff7;
     color: #4f0505;
	padding:0px;

}
	.pageblock {
        width: 950px;
        margin-left: auto; margin-right: auto;
        padding: 0px;
	}
  a {
     color: #966533;
	text-decoration:none;
     }
  a:hover {
     color: #bc0d0d;
     text-decoration:underline;
     }
  .entryHeaderDate a {
     color : #966533;
     text-decoration:none;
     }
  .entryHeaderDate a:hover {
     color : #966533;
     text-decoration:none;
     }
  .header-title {
	display:none;
     font-family: ;
     font-size: 30px;
     color: #4f0505;
     padding: 0px 20px 0px 20px;
     }
  .header-subtitle {
	display:none;
     color: #4f0505;
     font-family: ;
     font-size: 24px;
     padding: 0px 24px 0px 24px;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     }
  .pageheaderblock {

background: url(http://img128.imageshack.us/img128/5543/headerwc4.gif) top left transparent no-repeat;
	height:200px;
	width:950px;
        padding: 0px;
        text-align: right;
        font-family: "Verdana", sans-serif;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
	position:fixed;
	z-index:100;
color: #f7fff7;
     }

.pagefooterblock {
     color: #4f0505;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
	display:none;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #4f0505;
     }
  .bodyblock {
	padding-top:200px;
	text-align:left;
     }
  .bodyheaderblock {
	background: url(http://img128.imageshack.us/img128/2384/sidebarqy5.gif) top left no-repeat transparent;
	height:450px;
	width:150px;
	position:fixed;
	margin-top:200px;

}
  .bodynavblock {
     color: #4f0505;
     margin: 10px 0px 4px 150px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #4f0505;
     }
  .body-title {
     font-family: ;
     font-size: 0px;
color: #f7fff7;
     text-align: left;
     padding-left: 0px;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #4f0505;
     text-align: left;
     padding-left: 8px;
     }
  .entryHolder {
     color: #4f0505;
     font-family: ;
     font-size: 12px;
     margin-left:150px;
	overflow:auto;
	width:550px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 0px 8px 8px 0px;
	padding:2px;
     }
  .entryUserinfo-usericon img {

border: 0;
     }
  .entryText {
     padding: 6px;

}
  .entryHeader {
	text-align:center;
     color: #181810;
     font-family: ;
     font-size: 12px;
     padding: 6px 0px 6px 8px;
        border-top-width: 2px;
        border-top-color: #a3a278;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #a3a278;
        border-bottom-style: solid;
        letter-spacing: 1px;

}
  .entryHeader a{
     color: #966533;
     }
  .entryHeaderSubject {
     font-weight: bold;
	font-variant:small-caps;
	font-size:14px;
     }
  .entryHeaderDate{
	font-weight:bold;
	font-size:13;
	color:#181810;
  display: block;
	}
  .entryMetadata {
     color: #575836;
     padding-left: 6px;

}
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
.entryMetadata li {
display: block;
list-style: none;
padding-right: 10px;
}
.entryMetadata-content img { 
	margin-left: 4px; 
	padding-top:3px;
	vertical-align:middle;
	}
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: ;
     font-size: 11px;
     color: #4f0505;
     text-align: right;
     padding: 4px 0px 10px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .commentHolder {
     color: #4f0505;
     font-family: ;
     font-size: 12px;
     margin-left:150px;
	overflow:auto;

}
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     }
  .commentUserinfo-usericon img {
     border: 0;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
	text-align:center;
     color: #181810;
     font-family: ;
     font-size: 12px;
        border-top-width: 2px;
        border-top-color: #a3a278;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #a3a278;
        border-bottom-style: solid;
        letter-spacing: 1px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #966533;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
	font-variant:small-caps;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #4f0505;
     text-align: right;
     padding-top: 4px;
     padding-bottom: 4px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     color: #4f0505;
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #f7fff7;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #4f0505;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     color: #4f0505;
     }
  .day-blank {
     border: 1px solid #f7fff7;
    }
  .day {
     border: 1px solid #f7fff7;
     }
  .day-date {
     color: #4f0505;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #4f0505;
     }
  
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-left: 20px;
     width: 200px;
     }
  .sidebox {
     color: #4f0505;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     color: #2f2f23;
     font-family: ;
     font-size: 14px;
	font-weight:bold;
	font-variant:small-caps;
     padding: 4px 0px 4px 8px;
     text-align: center;
        border-top-width: 2px;
        border-top-color: #a3a278;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #a3a278;
        border-bottom-style: solid;
     }
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile {
	font-size:0px;
	text-align:center;
color: #f7fff7;
	}
  .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     background-color: #f7fff7;
     }
#tags_sidebox a {
  display: block;
  text-align: left;
  font-size:11px;
}
#tags_sidebox {
  color: #f7fff7;
 font-size:0;
}
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     }
  .listtitle {
     font-weight: bold;
     }
.profile-label, .profile-content{
display:none;
}
  
  .header-menu {
     padding-top: 75px;
     padding-right: 25px;
     font-family: ;
     font-size: 11px;
     line-height: 20px;
	text-transform:uppercase;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #4f0505;
     text-decoration: none;
     }
  .header-menu a:hover {
     color: #bc0d0d;
     text-decoration:none;
     }
  #footer-menu {
     font-size: 11px;
	text-align:center;

}
  #footer-menu a, .footer-menu a:visited {
     color: #4f0505;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #f7fff7;
     }
  .tagstable { width: 500px; }

#lj_controlstrip {
    background-color: #f7fff7;
    background-image: none;
	position:fixed;
	z-index:100;
}

#lj_controlstrip td {
    color: #4f0505;
    border-bottom: 1px solid #f7fff7;
}

#lj_controlstrip_statustext {
    color: #4f0505;
}

#lj_controlstrip a {
    color: #966533;
}

#lj_controlstrip_user,
#lj_controlstrip_userlinks,
#lj_controlstrip_actionlinks,
#lj_controlstrip_search,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic {
    border-right: 1px solid #f7fff7;
}

#lj_controlstrip_login td {
    border-bottom: 0;
}

#lj_controlstrip td td {
    border-bottom: 0;
}

#lj_controlstrip_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptf7fff74f0505);
}

#lj_controlstrip_loggedout_userpic {
    background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptf7fff74f0505);
}

Tags: layout - livejournal, layout - livejournal - smooth sailing, tv show - sarah conner chronicles

Current Mood:

determined

9 comments | Leave a comment

( Post a new comment )

(Anonymous) on January 12th, 2008 01:55 am (UTC)

Just so you know, the comment fields and all the text is about a quarter of the way disappeared behind that really cure picture on the left bar. Where'd you get that? I love Summer Glau. I have a crush on her. And Alyx Vance, which is weirder.

(Reply) (Thread) (Link)

janine42584 on January 12th, 2008 05:04 am (UTC)

I really wish I knew who wrote this. I would like to know what internet browser was being used. I do not see this problem on either Mozilla Firefox or IE.

If anyone else is having this problem, please let me know what browser it is you're using (I thought I had fixed this the other day, but maybe not). Thanks!

Oh and if the person who wrote this does come back, the pictures are from the promo shots for "The Sarah Conner Chronicles" ;)

(Reply) (Parent) (Thread) (Link)

getyourwingss on January 14th, 2008 01:26 am (UTC)

Pretty layout. When is it on?

(Reply) (Parent) (Thread) (Link)

janine42584 on January 14th, 2008 01:31 am (UTC)

Thank you! Premieres tonight at 8pm on Fox. Then the second part (it's a two part premiere) is on tomorrow at 8PM on Fox.

(Reply) (Parent) (Thread) (Link)

janine42584 on January 14th, 2008 05:03 am (UTC)

Just kidding. Tomorrow's episode is on at 9PM on Fox. I think that's its regular time.

(Reply) (Parent) (Thread) (Link)

druinsanity on January 15th, 2008 10:15 pm (UTC)

This is such a pretty layout. Gorgeous.

(Reply) (Thread) (Link)

janine42584 on January 16th, 2008 08:05 am (UTC)

Thank you!

(Reply) (Parent) (Thread) (Link)

toodelicious on January 21st, 2008 01:29 pm (UTC)

amazing work!
totally love the layout (;

btw it would be great if you’ll friend/ watch my graphic community

poisondraft♥♥

(Reply) (Thread) (Link)

atlantis2_04 on February 1st, 2008 04:16 am (UTC)

wow its great!
i live in south america and this tv show still wasnt announced it but i saw an ad and i like it! and i like very much the actor who plays the bad guy...i can t remember his name!but he looks goood!

(Reply) (Thread) (Link)