LiveJournal Layout: Sarah Conner Chronicles
~Please Comment if Taking
~Please Credit janine42584 if using
NEW INSTRUCTIONS
Copy Code into Notepad (or some other program similar)
The images in this layout:
HEADERURL
SIDEBARURL
HOST THESE IMAGES TO YOUR OWN SERVER (Both Photobuck and ImageShack are great)
If you use Photobucket: Please make sure that the dropdown under upload file that says "Reduce to:" is set to either 1024x768 or 1MB... otherwise photobucket WILL RESIZE your images and the layout will not work properly.
Find and replace each new URL with their corrisponding name.
Example: BODYURL --> Go to Edit -> Replace: "Find What" would be HEADERURL and "replace with" would be your new URL -> Click "Replace All"
Made With S2 and Smooth Sailing Layout
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 updated code with your URLS into the Override box
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)
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(HEADERURL) 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(SIDEBARURL) 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);
}
~Please Credit janine42584 if using
NEW INSTRUCTIONS
Copy Code into Notepad (or some other program similar)
The images in this layout:
HEADERURL
SIDEBARURL
HOST THESE IMAGES TO YOUR OWN SERVER (Both Photobuck and ImageShack are great)
If you use Photobucket: Please make sure that the dropdown under upload file that says "Reduce to:" is set to either 1024x768 or 1MB... otherwise photobucket WILL RESIZE your images and the layout will not work properly.
Find and replace each new URL with their corrisponding name.
Example: BODYURL --> Go to Edit -> Replace: "Find What" would be HEADERURL and "replace with" would be your new URL -> Click "Replace All"
Made With S2 and Smooth Sailing Layout
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 updated code with your URLS into the Override box
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)
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(HEADERURL) 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(SIDEBARURL) 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);
;){kind=link}
}
#lj_controlstrip_loggedout_userpic {
background-image: url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptf7fff74f0505);
;){kind=link}
}