Fuesch's graphics & layouts - Layout & profile layout: Ed & Harry

House Rules

~~Driver picks the music, shotgun shuts his cakehole.~~

Everything is snaggable - no need to ask.

Please credit.
<lj user=fuesch>

Comments are great.

Nominations are awesome.

If you find a typo, please let me know!

If you'd like a graphic customized, just ask - please don't edit it yourself.

I don't mind if you adjust layouts a bit.

Got a question? Don't be afraid to ask. But keep it on topic.

If your question/comment doesn't fit into any entry, please send me a message.

Tags

Page Summary

ckll.livejournal.com — (no subject) [+0]
betty-mraz.livejournal.com — (no subject) [+0]
biancathecookie.livejournal.com — (no subject) [+0]

October 2025

Previous | Memories | Tell Someone | Next

fuesch

12 January 2009 @ 06:54 pm

Layout & profile layout: Ed & Harry - Ghostfacers! and a FO banner

Ed & Harry - Ghostfacers!

info

based on Flexible Squares
works for all account types
tested in Internet Explorer 6 and Firefox 2

how to

Go to the Customize Journal page.

Make sure Style System is S2.

Choose the Flexible Squares layout.

Go to Custom CSS
» Use layout's stylesheet(s): No
» Use layout's stylesheet(s) when including custom external stylesheet: No
» Use external stylesheets: No
insert custom stylesheet

/* Ed & Harry - Ghostfacers!
http://fuesch.livejournal.com/19416.html */

body {
background-color: #000000;
text-align: center;
color: #937C5C;
font-family: "Verdana", sans-serif;
font-size: 12px;
margin: 0px;
}

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

a:visited {
color: #DDDDDD;
text-decoration: none;
}

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

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

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

code {
background: #222222;
}

blockquote {
color: #937C5C;
background: #000000 url(http://fatfrog.info/Ma/A/layout/ghostfacers/quote.png) left top no-repeat;
padding: 80px 3px 3px 20px;
}

q {
font-style: italic;
}

#content {
margin-left: auto;
margin-right: auto;
}

#maincontent {
font-family: "Verdana", sans-serif;
font-size: 12px;
color: #937C5C;
margin: 55px 290px 0px 20px;
text-align: left;
}

#sidebar {
margin: -20px 20px 0px 0px;
font-size: 12px;
font-family: "Verdana", sans-serif;
color: #937C5C;
width: 220px;
float: right;
text-align: left;
}

#header {
margin: 20px 0px 30px 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #ffffff;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/header.jpg) no-repeat;
background-position: center 30px;
}

#footer {
padding: 10px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #ffffff;
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:hover, div#footer a, div#footer a:link, div#footer a:hover, div#header a:visited, div#footer a:visited {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}

ul.navheader {
padding: 10px;
margin: 0px 0px 300px 0px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
}

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

.view, .viewing {
text-transform: uppercase;
color: #AAAAAA;
}

.title {
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
text-align: right;
padding-right: 50px;
color: #555555;
font-style: italic;
}

.subtitle {
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: normal;
text-align: right;
padding: 3px 50px 20px 0px;
color: #555555;
font-style: italic;
text-decoration: overline;
}

/* sidebar */

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px;
}

.sbarbody {
padding: 0px 0px 5px 0px;
background: #1E1E1E;
}

.sbarbody2 {
padding: 5px;
background: #1E1E1E;
}

li.sbartitle {
list-style: none;
padding: 20px 0px 18px 0px;
color: #505050;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
background: #000000 url(http://fatfrog.info/Ma/A/layout/ghostfacers/subject.gif) bottom repeat-x;
margin-bottom: 10px;
margin-top: 10px;
}

li.sbaritem {
padding: 5px 0px 2px 0px;
border-bottom: 1px #363636 solid;
margin: 0px 10px 0px 10px;
}

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

.sbarcalendar {
padding: 3px 5px 3px 5px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
border: 1px #474747 solid;
}

.sbarcalendarposts {
padding: 3px 5px 3px 5px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
border: 1px #474747 solid;
}

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

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

/* maincontent */

.subcontent {
}

.entry {
margin: 0px 10px 10px 110px;
color: #937C5C;
font-family: "Verdana", 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: left;
z-index: 15;
padding-right: 10px;
background: #000000;
}

.userpicfriends {
position: relative;
float: left;
padding-right: 10px;
background: #000000!important;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 10px;
z-index: 15;
}

.datesubject {
}

.date {
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 10px;
padding: 4px 5px 0px 5px;
text-align: center;
height: 16px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/date.gif);
}

.subject {
padding: 10px 0px 30px 0px;
color: #505050;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/subject.gif) bottom repeat-x;
text-align: center;
margin-bottom: 20px;
}

.subject a, .subject a:link, .subject a:visited, .subject a:active, .subject a:hover {
color: #505050;
text-decoration: none;
}

.entry_text {
}

.currents {
font-family: "Verdana", sans-serif;
font-size: 11px;
border-top: #4A3E2E 1px dotted;
padding-top: 5px;
}

.ljtags {
border-top: #4A3E2E 1px dotted;
padding-top: 5px;
font-size: 11px;
margin-top: 30px;
}

.comments {
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: center;
padding: 5px;
position: relative;
top: 15px;
}

/* maincontent --  entry, reply pages */

.box {
padding: 0px 10px 0px 3px;
}

.commentbox {
margin: 20px 20px 20px 20px;
padding: 0px 0px 10px 0px;
}

.datesubjectcomment {
background: #1E1E1E url(http://fatfrog.info/Ma/A/layout/ghostfacers/subject.gif) top repeat-x;
padding: 7px;
margin-bottom: 10px;
}

.userpiccomment {
position: relative;
background-color: #000000;
padding: 0px 10px 10px 0px;
margin: -7px 10px 10px -10px;
z-index: 15;
float: left;
}

input, textarea {
background-color: #333333;
color: #937C5C;
}

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

.replytoposter {
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 10px;
padding: 3px 5px 2px 5px;
text-align: center;
background: #535353 url(http://fatfrog.info/Ma/A/layout/ghostfacers/date.gif) top repeat-x;
}

.replytosubject {
padding: 10px 0px 30px 0px;
color: #505050;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/subject.gif) bottom repeat-x;
text-align: center;
margin-bottom: 20px;
}

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

.commentreply {
position: relative;
margin: 0px 10px 20px 110px;
font-size: 12px;
font-family: "Verdana", sans-serif;
color: #937C5C;
}

.commentboxpartial {
background: #1E1E1E url(http://fatfrog.info/Ma/A/layout/ghostfacers/subject.gif) top repeat-x;
padding: 7px;
margin: 20px;
}

.commentinfo {
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 {
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
}

table.yeartable td.yearday {
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/subject.gif) bottom repeat-x;
height: 20px;
color: #000000;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

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  */

.ljuser img { 
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://fatfrog.info/Ma/A/layout/ghostfacers/user.gif); 
padding: 18px 0px 0px 14px;
}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-image: url(http://fatfrog.info/Ma/A/layout/ghostfacers/user.gif);
padding: 18px 0px 0px 14px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://fatfrog.info/Ma/A/layout/ghostfacers/user.gif);
padding: 18px 0px 0px 14px;
}

.userpicfriends, .userpicfriends font {
color: #ffffff;
}
	
.clear {
height: 15px;
}

.skiplinks {
text-align: center;
background: url(http://fatfrog.info/Ma/A/layout/ghostfacers/navi.gif) center center;
padding: 5px;
}

.headerimage {
/* for formatting header image */
}

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

* 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;
}

#content + div {
background-color: #000000!important;
border: none!important;
}

The ads of a plus account take their color from the Custom Options. If you want to adjust the colors, go to Style and change Page - Background color of the outer table and Entries - Border color of the content and header/footer boxes.



		PROFILE LAYOUT

		This profile layout has a fixed width, changing the width would mess up the layout. Go to Edit Profile and insert the code into the Bio part. To copy the code, click in the text area and then press Ctrl+A and Ctrl+C. <lj-raw><center> <table width="431" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr><td colspan="5" height="186" background="http://fatfrog.info/Ma/A/layout/ghostfacers/profile_header.gif"></td></tr> <tr><td width="18"> </td><td colspan="3" background="http://fatfrog.info/Ma/A/layout/ghostfacers/profile_hl_top.gif" width="400" height="35"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td width="5" bgcolor="#000000"> </td><td bgcolor="#000000" width="390" align="center"><font face="Arial, Helvetica, sans-serif" color="#A5A5A5" size="2"><b> HEADLINE HERE </td><td width="5" bgcolor="#000000"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td colspan="3" background="http://fatfrog.info/Ma/A/layout/ghostfacers/profile_hl_bottom.gif" width="400" height="35"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td width="5" bgcolor="#000000"> </td><td bgcolor="#000000" width="390" align="left"><font face="Arial, Helvetica, sans-serif" color="#AE947E" size="2"> CONTENT HERE </td><td width="5" bgcolor="#000000"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td colspan="3" bgcolor="#000000" width="400" height="10"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td colspan="3" background="http://fatfrog.info/Ma/A/layout/ghostfacers/profile_hl_top.gif" width="400" height="35"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td width="5" bgcolor="#000000"> </td><td bgcolor="#000000" width="390" align="center"><font face="Arial, Helvetica, sans-serif" color="#A5A5A5" size="2"><b> HEADLINE HERE </td><td width="5" bgcolor="#000000"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td colspan="3" background="http://fatfrog.info/Ma/A/layout/ghostfacers/profile_hl_bottom.gif" width="400" height="35"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td width="5" bgcolor="#000000"> </td><td bgcolor="#000000" width="390" align="left"><font face="Arial, Helvetica, sans-serif" color="#AE947E" size="2"> CONTENT HERE </td><td width="5" bgcolor="#000000"> </td><td width="13"> </td></tr> <tr><td width="18"> </td><td colspan="3" bgcolor="#000000" width="400" height="10"> </td><td width="13"> </td></tr> </table> </center></lj-raw>


		EXTRA INFO

		You don't have to use the lj-raw tags. With them you can only make line breaks/new paragraphs with <br> and <p>. Without the lj-raw tags you can also create line breaks and new paragraphs just by hitting the enter key. If you want to change the link color, put a font tag with a different color in your link. Like so: `<a href="URL"><font color="#FFFFFF">LINK TEXT</font></a>`