LiveJournal Layout - Pirates Of The Caribbean: Elizabeth

	Home \| Journal tools \| Personal search form \| My account \| Bookmark \| FAQ \| Contact

LiveJournal Layout - Pirates Of The Caribbean: Elizabeth

Published : 4 months ago (Thu, 04 Sep 2008 00:15:30 PDT)
Searched:
http://janine42584.livejournal.com/46359.html 1 links
Related posts

~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 three images within the code: under "body," "#sidebar," and "#header." 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!

Made With S2 and Flexible Squares Layout

UPDATE: USING NEW CUSTOMIZE SYSTEM

1. Click "Customize"
2. In the cute little search thing type "flexible squares"
3. Click the "Apply Theme" button for any theme (I'm clicking "Black, White, and Red All Over," but honesly I don't believe it matters which theme you pick so long as it's a flexible squares one)
4. Click "Customize" Under the theme
5. Click the last link in this new section "Custom CSS"
6. Make sure all dropdown boxes say "NO"
7. Copy and paste the override code into the box provided
8. Click "Save Changes" and there you have it!

Please Note: There are two codes below! I've found a slight single pixel error in my layouts that is driving me CRAZY. So for the time being I'll provide two codes, one works best with Firefox and the other Internet Explorer.

/>In all honesty, it's not a huge issue, it just bothers me :) Once I find a solution to the problem all codes will be changed. Thanks!

Override Code (Firefox)

/* Cleaned CSS: */
Layout Created By: http://janine42584.livejournal.com/

body {
	background: url(http://img65.imageshack.us/img65/3913/backgrounddz0.jpg) top center repeat-y #973a01;
 text-align: center;
 color: #2c1e04;
 font-family: "Tahoma", sans-<a class="dashed_link" clickaider_track_me="1" title=""serif font" - topic profile" href="http://www.nnseek.com/tp/serif+font.html">serif;
 font</a>-size: 12px;
 margin: 0px;
 }

a, a:link, a:visited {
 color: #742804;
 <a class="dashed_link" clickaider_track_me="1" title=""text decoration none" - topic profile" href="http://www.nnseek.com/tp/text+decoration+none.html">text-decoration: none</a>;
 }

a:hover {
 color: #382a07;
 text-decoration: underline;
 }

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

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

#content
 {
 width: 952px;
 margin-left: auto; margin-right: auto;
 padding: 0px;
 }

#maincontent {
	padding-top:5px;
 margin-top: 0px;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 margin-left: 220px;
 text-align: left;
 }

#sidebar {
	background: url(http://img231.imageshack.us/img231/6364/sidebaraj9.jpg) top left no-repeat transparent;
 padding-top: 150px;
 margin-top: 0px;
 font-size: 12px;
 font-family: "Tahoma", sans-serif;
 color: #481a03;
 width: 220px;
 float: left;
 text-align: left;
 }

#header {
	width:952px;
	height:0px;
 padding: 0px;
 margin: 0px;
 text-align: right;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 2px;
 color: #742804;
 }

.headerimage {
	height:350px;
	background: url(http://img119.imageshack.us/img119/9747/headercc6.jpg) top center no-repeat transparent;
 }

#footer {
 text-align: center;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #2c1e04;
 z-index: 100;
 clear: both;
 }

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

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

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

ul.navheader
 {
	padding-right:25px;
	margin:0px;
	text-transform:uppercase;
 }

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

.title {
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 font-weight: normal;
 line-height: 200%;
 top: 10px;
	display:none;
 }

.subtitle{
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 font-weight: normal;
 top: 10px;
	display:none;
 }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
 color: #742804;
 }

div#sidebar a:hover {
 color: #382a07;
 text-decoration: none;
 }

.defaultuserpic {
 text-align: center;
 }

.sbarheader {
 padding: 0px 5px 0px 5px;
 }

.sbarbody {
 padding: 0px 5px 0px 5px;
 }

.sbarbody2 {
 padding: 0 15px 0 15px;
 }

#sidebar_summary li.sbaritem {
 margin-left: 15px;
	margin-right:15px;
 padding: 3px 0;
 border-bottom: 1px #f4df2a solid;
 }

table.calendar {
 margin-left: 15px;
	margin-right:15px;
 }

.sbarcalendar {
 border-color: #2c1e04;
 border-width: 1px;
 border-style: solid;
 text-align: center;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 }

.sbarcalendarposts {
 border-color: #2c1e04;
 border-width: 1px;
 border-style: solid;
 background-color: #f4df2a;
 text-align: center;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 }

ul.sbarlist
 {
 padding-left: 0px;
 margin-left: 15px;
	margin-right:15px;
 list-style: none;
 }

li.sbaritem, .tagcloud
 {
 padding-left: 5px;
 list-style: none;
 }

li.sbartitle
 {
 padding-left: 5px;
 list-style: none;
 margin-bottom: 10px;
 margin-top: 10px;
 font-size: 14px;
	font-variant:small-caps;
	font-weight:bold;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#9c4e0a;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#9c4e0a;
 }

/* maincontent */

.subcontent {
 }

.entry {
 margin: 0px 10px 10px 30px;
 padding: 10px;
 color: #2c1e04;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 text-align: left;
 }

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

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

.userpic {
 position: relative;
 float: right;
 padding: 5px;
 margin: 10px;
 z-index: 15;
 }

.userpicfriends {
 position: relative;
 float: right;
 padding: 5px;
 margin: 10px;
 text-align: center;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 z-index: 15;
 }

.date {
 line-height: 200%;
 top: 5px;
 color: #65440f;
 font-family: "Tahoma", sans-serif;
 font-size: 13px;
	font-variant:small-caps;
	font-weight:bold;
 }

.subject {
 font-weight: bold;
 padding: 10px;
 color: #65440f;
 font-family: "Tahoma", sans-serif;
 font-size: 14px;
	font-variant:small-caps;
	font-weight:bold;
 }

.subject a, .subject a:link, .subject a:visited {
 color: #742804;
 }

.subject a:hover {
 color: #382a07;
 }

.datesubject {
 padding: 5px;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#741f05;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#741f05;
	margin-right:120px;
	margin-top:15px;
 }

.currents, .currentmood, .currentmusic {
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 }

.comments {
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 text-align: right;
 padding: 0px 5px 0px 5px;
 position: relative;
 top: 15px;
 }

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

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

/* maincontent -- entry, reply pages */

.datesubjectcomment {
 padding: 5px;
 margin-top: 20px;
 }

.userpiccomment {
 position: relative;
 top: -30px;
 left: 0px;
 padding: 5px;
 margin: 10px 10px -20px 10px;
 z-index: 15;
 float: right;
 }

.box {
 border-style: solid;
 border-width: 1px 0px 0px 0px;
 border-color: #f4df2a;
 padding: 10px;
 clear: right;
 }

input, textarea {
 background-color: #f4df2a;
 color: #2c1e04;
 }

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

.reply {
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "Tahoma", sans-serif;
 font-size: 12px;
 line-height: 125%;
 color: #2c1e04;
 }

.replytosubject {
 font-weight: bold;
 }

.commentreply {
 position: relative;
 margin: 10px;
 font-size: 12px;
 font-family: "Tahoma", sans-serif;
 color: #2c1e04;
 }

.commentbox {

border-color: #f4df2a;
 border-width: 1px;
 border-style: solid;
 padding: 10px;
 margin: 10px;
 background-color: #f4df2a;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #742804;
 }

.datesubjectcomment a:hover {
 color: #382a07;
 }

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

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

/* maincontent -- year/achive pages */

ul.year {
 text-align: center;
 padding-bottom: 40px;
 }

ul.year li {
 display: inline;
 }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
 border-width: 1px;
 border-style: solid;
 border-color: #f4df2a;
 }

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

td.yearmonth {
 border-style: none;
 }

/* footer */

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

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

.clearfoot {
 clear: both;
 }

/* misc */

.clear {
 height: 15px;
 }

.skiplinks {
 text-align: center;
 }

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

* html div.subcontent {
 /* fixes an IE reply page bug */
 height: 1%;
 clear: none;
 }

* html div.box#commentform {
 /* fixes an IE reply page bug */
 position: absolute;
 border-width: 1px;
 border-style: solid;
 border-color: #f4df2a;
 background-color: #973a01;
 }

#lj_controlstrip {
 background-color: #f4df2a;
 background-image: url(http://p-stat.livejournal.com/palimg/controlstrip/bg.gif/ptf4df2ac2af21);
}

#lj_controlstrip td {
 color: #2c1e04;
 border-bottom: 1px solid #f4df2a;
}

#lj_controlstrip_statustext {
 color: #2c1e04;
}

#lj_controlstrip a {
 color: #742804;
}

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

#lj_controlstrip_login td {
 border-bottom: 0;
}

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

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

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

Override Code (Interent Explorer)

/* Cleaned CSS: */
Layout Created By: http://janine42584.livejournal.com/

a, a:link, a:visited {
 color: #742804;
 text-decoration: none;
 }

a:hover {
 color: #382a07;
 text-decoration: underline;
 }

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

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

#content
 {
 width: 948px;
 margin-left: auto; margin-right: auto;
 padding: 0px;
 }