I love it, but I would like to make a header image of my own and place it at the top of the layout. How do I put it in my code?
Here's my layout code:
QUOTE
/* Oxygen - Stylesheet by Emma-Jane @ ephemeres.livejournal.com - Feel free to edit as you wish but do not claim as your own or repost. Remember to credit me in your userinfo!! */
/* replace default ljuser icon */
span.ljuser{
padding: 2px 0 2px 0;
background-image: url("http://img220.imageshack.us/img220/9664/oxygenuserpu8.png");
background-repeat: no-repeat;
background-position: left middler;}
span.ljuser img{
visibility: hidden;}
/* replace default protected entry icon */
.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url("http://img227.imageshack.us/img227/9099/oxygenlockub4.gif");}
/* main layout */
body {
background-color: #FFFFFF;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #999999;
text-decoration: none;
}
a:hover {
color: #BBBBBB;
text-decoration: none;
border-bottom: solid 1px #EEEEEE;
}
p, td, blockquote {
background-color: #F5F5F5;
padding:10px;}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #FFFFFF;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
}
#maincontent {
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
background-color: #FFFFFF;
color: #888888;
border: 0px;
margin-left: 171px;
text-align: left;
border-left: solid 1px #EEEEEE;
padding-left:10px;}
#sidebar {
background-color: #FFFFFF;
padding-right:10px;
font-size: 7pt;
font-family: "Tahoma", "Verdana", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}
#header {
width: 100%;
padding: 0px;
margin-bottom: 10px;
text-align: left;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: #FFFFFF;
color: #888888;
text-transform:lowercase;
}
#footer {
width: 100%;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: #FFFFFF;
color: #888888;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 10px 0 0px;
}
.title {
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
.defaultuserpic {
display:none;
}
.sbarheader {
padding: 0px;
}
.sbarbody {
padding: 0px;
}
.sbarbody2 {
padding: 0px;
}
table.calendar {
display:none;
}
.sbarcalendar {
display:none;
}
.sbarcalendarposts {
display:none;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-top:5px;
padding-right: 5px;
list-style: none;
text-align:right;
border-bottom: dotted 1px #EEEEEE;
}
li.sbaritem:hover
{
background-color: #F9F9F9; }
li.sbartitle
{
display:none
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #666666;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display:none;
}
.userpicfriends {
margin:10px;
padding:0px;
background-color: #FFFFFF;
float:left; }
.date {
color: #CCCCCC;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
}
.subject, h2 {
font-weight: normal;
color: #000000;
font-family: "tahoma", "Verdana", sans-serif;
font-size: 7pt;
letter-spacing:2px;
text-transform:lowercase;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
display:none; }
.comments {
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
text-align: left;
position: relative;
}
.ljtags {
color: #888888;
margin-bottom:3px;
margin-top:3px; }
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #d4dce8;
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: 0px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 1px;
border-bottom: dotted 1px #EEEEEE;
margin:10px;
}
/* replace default ljuser icon */
span.ljuser{
padding: 2px 0 2px 0;
background-image: url("http://img220.imageshack.us/img220/9664/oxygenuserpu8.png");
background-repeat: no-repeat;
background-position: left middler;}
span.ljuser img{
visibility: hidden;}
/* replace default protected entry icon */
.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url("http://img227.imageshack.us/img227/9099/oxygenlockub4.gif");}
/* main layout */
body {
background-color: #FFFFFF;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #999999;
text-decoration: none;
}
a:hover {
color: #BBBBBB;
text-decoration: none;
border-bottom: solid 1px #EEEEEE;
}
p, td, blockquote {
background-color: #F5F5F5;
padding:10px;}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #FFFFFF;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
}
#maincontent {
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
background-color: #FFFFFF;
color: #888888;
border: 0px;
margin-left: 171px;
text-align: left;
border-left: solid 1px #EEEEEE;
padding-left:10px;}
#sidebar {
background-color: #FFFFFF;
padding-right:10px;
font-size: 7pt;
font-family: "Tahoma", "Verdana", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}
#header {
width: 100%;
padding: 0px;
margin-bottom: 10px;
text-align: left;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: #FFFFFF;
color: #888888;
text-transform:lowercase;
}
#footer {
width: 100%;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: #FFFFFF;
color: #888888;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 10px 0 0px;
}
.title {
display:none;
}
.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
.defaultuserpic {
display:none;
}
.sbarheader {
padding: 0px;
}
.sbarbody {
padding: 0px;
}
.sbarbody2 {
padding: 0px;
}
table.calendar {
display:none;
}
.sbarcalendar {
display:none;
}
.sbarcalendarposts {
display:none;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-top:5px;
padding-right: 5px;
list-style: none;
text-align:right;
border-bottom: dotted 1px #EEEEEE;
}
li.sbaritem:hover
{
background-color: #F9F9F9; }
li.sbartitle
{
display:none
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #666666;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
display:none;
}
.userpicfriends {
margin:10px;
padding:0px;
background-color: #FFFFFF;
float:left; }
.date {
color: #CCCCCC;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
}
.subject, h2 {
font-weight: normal;
color: #000000;
font-family: "tahoma", "Verdana", sans-serif;
font-size: 7pt;
letter-spacing:2px;
text-transform:lowercase;
}
.datesubject {
}
.currents, .currentmood, .currentmusic {
display:none; }
.comments {
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
text-align: left;
position: relative;
}
.ljtags {
color: #888888;
margin-bottom:3px;
margin-top:3px; }
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #d4dce8;
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: 0px;
}
.skiplinks {
text-align: center;
}
.headerimage {
/* for formatting header image */
}
.separator{
/* for formatting separators between entries */
height: 1px;
border-bottom: dotted 1px #EEEEEE;
margin:10px;
}
Any help is greatly appreciated!!!! Thanks <3