Layout Help for atsugari8

Because this layout wasn't designed for headers I had to make a few changes. I'm going to let you in on what I had to do just so you know.

1. There is a portion of the "new coding" that looks like this...

#page {background-color: #111111;
height: 570px;
border-bottom: #c1c1c1 3px solid}
.content-inner {background:transparent;}

It used to have a background image that wouldn't adjust to allow a image in the black area at the top but since the image was just color I replaced it with color coding. An image that is small will require you to change the height in this portion of the coding.

2. Towards the bottom of the "new" coding you will find...

/*****HEADER IMAGE*****/
#page .layout .header
{
background: url(http://i713.photobucket.com/albums/ww134/kiraatsumyst05/atsugari08resized900.jpg) top center no-repeat;
padding-top: 440px;
}

This is for the header image and wasn't too hard to add. You image is 900 x 450 but I put 440 here because the header had too much extra space between it and the links. A new image will require you change the padding-top to your desired amount (similar if not the same height as your image).

3. The adjusted coding:

/*****DO NOT REMOVE THIS*****
Layout 024 [Truth In Your Lies] by Yam @ MentaHelada (mentahelada.livejournal.com)
----------CREDITS:
Header icons: http://dryicons.com/free-icons/preview/grungy-aesthetica-icons-set/
Mini icons: http://splashyfish.com/icons/
*****/

/*****BASICS*****/
* {vertical-align:baseline;border:0;margin:0;padding:0;}
hr {height:0;}
.hr {display:none;}
.ippu {font-size:11px;}
a{outline:none;}
a img{border:0;}
#lj_controlstrip {background:#111!important;padding:3px; color:#fff!important;}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search{border:0;}

blockquote{
	background:#f4f4f4 url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/bg-quote.png) top left repeat-x;
	border:1px solid #d1d1d1;
	padding:15px;
	margin:10px auto;
	width:55%;
	font:italic normal 100 1em Georgia, "Times New Roman", Times, serif;
}

/*****LAYOUT*****/
body {
	background:#111 url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/bg-body.jpg) repeat;
	color:#3d3d3d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:110%;
}

#page {background-color: #111111;
height: 570px;
border-bottom: #c1c1c1 3px solid}
.content-inner {background:transparent;}

.layout-inner, .layout{
	background:transparent;
	margin:0 auto;
	overflow:hidden;
	width:960px;
}

.content {
	background:transparent;
	float:left;
	width:690px;
}

.header {
	background:transparent;
	height:130px;
	padding:20px 0 0;
	color:#f4f4f4;
}

.sidebar {
	background:transparent;
	float:right;
	padding-top:590px;
	width:250px;
}

/*****HEADER*****/
.userpic, .userpic-in, .u-wrap h1, .header .vcard, .header h2, .header h3{display:none;}
ul.nav {position:absolute; width:960px;}

ul.nav li.item {
	display:inline;
	list-style:none;
	float:left;
	padding-top:45px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	text-align:center;
}

li.item a {
	border:0!important;
	display:block;
	outline:none!important;
	width:48px;
	height:48px;
	padding-top:52px;
	color:#111;
	font-size:0.6875em;
	text-transform:uppercase;
	line-height:90%;
}

li.item a:hover, li.item-selected a{color:#dfdfdf; text-decoration:none;}
li.item-recent a {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/head-recent.png) top left no-repeat;margin-left:215px;}
li.item-friends a {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/head-friends.png) top left no-repeat;margin-left:40px;}
li.item-archive a {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/head-archive.png) top left no-repeat;margin-left:40px;}
li.item-profile a {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/head-info.png) top left no-repeat;margin-left:40px;}
li.item-addfriend a {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/head-add.png) top left no-repeat;margin-left:40px;}
li.item-rss a {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/head-rss.png) top left no-repeat;margin-left:40px;}

/*****CONTENT*****/
.entry-wrap {
	background:#f4f4f4;
	margin:20px 0 0;
	font-size:0.8125em;
}

dl.vcard {
	background:transparent;
	display:block;
	float:right;
	margin:10px 0 10px 10px;
	width:120px;
	z-index:200;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:0.8461em;
	text-align:center;
	text-transform:uppercase;
}

.content-inner hr {display:none;}
dl.vcard dt img, .ico {vertical-align:middle!important;border-bottom:0!important;}
span.inside {display:block;padding-top:5px;}

dd.entry-date {
	background:#dfdfdf;
	margin:5px 0;
	padding:10px 3px;
	color:#3d3d3d;
	text-align:center;
	font:normal normal 100 1em Calibri, Arial, Helvetica, sans-serif;
	line-height:0.75em;
}

.entry-title {
	background:transparent;
	border-left:15px solid #df2c11;
	margin:0 10px;
	padding:20px 0 0 3px;
	color:#df2c11;
	font:normal normal 900 1.7em Arial, Helvetica, sans-serif;
	line-height:80%;
	text-align:left;
	text-decoration:none;
}

.entry-title a {
	color:#df2c11;
	font-weight:900;
	line-height:80%;
	text-decoration:none;
}

.entry-title a:hover {color:#0775ce;}

.entry-text {
	text-align:justify;
	margin:0 10px 10px;
	padding-bottom:10px;
}

#post-sticky .entry-text{margin:10px;}
.entry-text a{color:#0775ce; text-decoration:none; }
.entry-text a:hover{color:#df2c11;}
.entry-content {min-height:200px;margin-top:10px;}
.entry-content ul li {background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/bullet.png) left no-repeat;list-style:none;margin-left:29px;padding-left:16px;}
.entry-content ol li {list-style:decimal;margin-left:45px;}

/*****METADATA & TAGS ON ENTRY*****/
.metadata {
	background:transparent;
	border-left:15px solid #3d3d3d;
	padding:10px 0 0 3px;
	width:50%;
	font:normal normal 100 0.8461em Calibri, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:left;
	text-transform:uppercase;
}

.metadata dt {display:inline;font-weight:100;padding-right:3px}
.metadata dd {display:inline;}

.ljtags {
	background:transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-tags.png) no-repeat bottom left;
	margin:0 0 8px;
	padding:10px 0 0 18px;
	width:50%;
	font:normal normal 100 0.8461em Calibri, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:left;
	text-transform:uppercase;
}

.ljtags a{color:#0775ce; text-decoration:none; }
.ljtags a:hover{color:#df2c11;}

/*****COMMENT AREA & ENTRY LINKS*****/
dd.entrymenu{background:transparent;padding:0 10px;}
dd.entrymenu ul li {display:block;float:left;}

dd.entrymenu ul {
	border-top:5px solid #0775ce;
	height:auto;
	list-style:none;
	overflow:auto;
	padding:10px 0 25px;
	position:relative;
}

dd.entrymenu ul li a {
	display:block;
	margin-top:5px;
	padding:0 10px 8px 18px;
	height:16px;
	color:#3d3d3d;
	font:normal normal 100 0.8461em Calibri, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

dd.entrymenu ul li.comments a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-comment.png) no-repeat;}
dd.entrymenu ul li.postcomment a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-add.png) no-repeat;}
dd.entrymenu ul li.edit_entry a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-edit.png) no-repeat;}
dd.entrymenu ul li.edit_tags a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-edittag.png) no-repeat;}
dd.entrymenu ul li.mem_add a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-mems.png) no-repeat;}
dd.entrymenu ul li.tell_friend a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-tell.png) no-repeat;}
dd.entrymenu ul li.watch_comments a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-track.png) no-repeat;}
dd.entrymenu ul li.unwatch_comments a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-notrack.png) no-repeat;}
dd.entrymenu ul li.flag a {background:url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/entry-flag.png) no-repeat;}

dd.entrymenu ul li.comments a:hover, dd.entrymenu ul li.postcomment a:hover, dd.entrymenu ul li.edit_entry a:hover, dd.entrymenu ul li.edit_tags a:hover, dd.entrymenu ul li.mem_add a:hover, dd.entrymenu ul li.tell_friend a:hover, dd.entrymenu ul li.watch_comments a:hover, dd.entrymenu ul li.unwatch_comments a:hover, dd.entrymenu ul li.flag a:hover{color:#0775ce;}

/*****SIDEBAR*****/
.sidebar-block {
	background:transparent;
	margin-bottom:25px;
	padding:10px;
	position:relative;
	font-size:0.8125em;
}

.sidebar-cal dt {display:none;}
.sidebar-summary dt, .sidebar-links dt, .sidebar-tags dt {
	background:transparent;
	margin:0 0 10px;
	color:#0775ce;
	font:normal normal 900 1.7em Arial, Helvetica, sans-serif;
	line-height:80%;
	text-align:left;
	text-decoration:none;
}

.sidebar-cal, .sidebar-summary, .sidebar-links, .sidebar-tags, .sidebar-custom {background:#f4f4f4; color:#3d3d3d;}
.sidebar-cal a.month,.sidebar-cal a.year {
	color:#0775ce;
	font-size:0.8461em;
	text-decoration:none;
	text-transform:uppercase;
}

.sidebar-cal a.month:hover,.sidebar-cal a.year:hover {text-decoration:underline;}
dd.calendar-wrap table {margin:0 auto;width:90%;}

dd.calendar-wrap table thead th {
	margin:5px 0 10px;
	color:#df2c11;
	font-size:0.8461em;
	font-weight:100;
	line-height:80%;
	text-transform:uppercase;
	letter-spacing:-0.07em;
}

dd.calendar-wrap table tbody td {
	background:#dfdfdf;
	text-align:center;
	margin:0;
	padding:3px;
}

dd.calendar-wrap table tbody td a {
	border:0;
	color:#0775ce;
	font-weight:900;
	text-align:center;
	text-decoration:none;
}

dd.calendar-wrap table tbody td a:hover {text-decoration:underline;}

.sidebar-summary ul li {
	background:#dfdfdf;
	list-style:none;
	margin-bottom:3px;
	padding:5px;
	color:#3d3d3d;
}

.sidebar-summary ul li a {color:#3d3d3d;text-decoration:none;}
.sidebar-summary ul li a:hover {color:#df2c11;}
.sidebar-summary ul li:hover {background:#ccc; color:#df2c11;}

.sidebar-links dd a {
	background:#dfdfdf;
	list-style:none;
	margin-bottom:3px;
	padding:5px;
	color:#3d3d3d;
	display:block;
	text-decoration:none;
}

.sidebar-links dd a:hover {background:#ccc;color:#df2c11;}
.sidebar-tags dd a{color:#0775ce;text-decoration:none;padding:3px;}
.sidebar-tags dd a:hover{background:#dfdfdf;color:#df2c11;}
.sidebar-tags dd ul li{list-style:none;}
.sidebar-custom dd a {color:#0775ce;text-decoration:none;padding:3px 0;}
.sidebar-custom dd a:hover {background:#dfdfdf;color:#df2c11;}

.sidebar-powered {
	background:transparent;
	padding:2px;
	color:#f4f4f4;
	font:normal normal 100 0.6em Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
}

.sidebar-powered a {color:#f4f4f4;text-decoration:none;}
.sidebar-powered a:hover {text-decoration:underline;}
span.comma{display:none;}

/*****FOOTER*****/
.content-inner ul.page-nav {padding:15px; text-align:center;}
.content-inner ul.page-nav li {display:inline;list-style:none;}
.content-inner ul.page-nav li a:hover {background:#0775ce;}

.content-inner ul.page-nav li a {
	background:#df2c11;
	padding:5px;
	margin-left:9px;
	color:#f4f4f4;
	font-size:0.6em;
	text-decoration:none;
	text-transform:uppercase;
}

/*****TAGS PAGE*****/
.content-tags{padding:50px 0;}

/*****ARCHIVE PAGE *****/
div.calendar-wrap caption{margin-top:5px;}

.view-archive .entry-text ul li{
	margin:5px 0;
	color:#0775ce;
	font:normal normal 900 1.6em Arial, Helvetica, sans-serif;
	line-height:80%;
	text-transform:none;
	letter-spacing:-0.07em;
	list-style:none;
	padding:3px 0;
}

div.calendar-wrap table{
	margin:0 auto;
	margin-bottom:20px;
	position:relative;
	width:80%;
}

div.calendar-wrap a{
	padding:15px 0;
	color:#0775ce;
	font:normal normal 100 1.35em Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	text-decoration:none;
	text-transform:uppercase;
}

div.calendar-wrap a:hover{color:#df2c11;}

div.calendar-wrap table thead th {
	margin:20px 0 10px;
	color:#3d3d3d;
	font:normal normal bolder 1em Arial, Helvetica, sans-serif;
	line-height:80%;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-0.07em;
}

div.calendar-wrap table tbody td {
	background:#dfdfdf;
	text-align:center;
	margin:0;
	padding:3px;
}

div.calendar-wrap table tbody td a {
	border:0;
	color:#0775ce;
	font-weight:900;
	text-align:center;
	text-decoration:none;
}

div.calendar-wrap table tbody td a:hover {color:#df2c11;text-decoration:none;}

/*****REPLY PAGE*****/
.entry-linkbar{font-size:1em;text-align:center;} 
.replyform {width:auto;height:auto;}

input, select {
	background:#f4f4f4;
	border:1px solid #ccc;
	margin:3px 0;
	color:#666;
}

#postform textarea{
	background:#f4f4f4;
	border:1px solid #ccc;
	margin:3px 0;
	width:95%;
	color:#666;

}

#postform blockquote{
	background:transparent;
	border:0;
	width:95%;
}

#postform table {border:0;height:auto;}
.entry-comments-text{padding-top:30px;}

#userpics select {
	background:#f4f4f4;
	border:1px solid #ccc;
	margin:3px 0;
	color:#666;
}

/*****COMMENTS VIEW*****/
.comment-wrap{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:15px;
	overflow:auto;
}

.comment-head{
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	color:#df2c11;
	font-size:1em;
}

.comment-upic img{
	float:left;
	margin:0 10px 10px 0;
	width:70px;
	height:auto;
}

.comment-permalink{float:right;}
.comment-text{min-height:50px;}
.entry-linkbar{border-bottom:0!important;}

div#qrformdiv #qrform table{border:1px solid #f4f4f4!important;}
div#qrformdiv #qrform table textarea{border:1px solid #ccc; background:#f4f4f4;}

/*****LJ-USER / COMMUNITY / PROTECTED ICONS*****/
.ljuser img {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-user.png) no-repeat;
	padding: 16px 16px 0 0!important;}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-user.png) no-repeat;
	padding: 16px 16px 0 0!important;}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-group.png) no-repeat;
	padding: 16px 17px 0 0!important;}
.entry-title img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-lock.png) no-repeat;
	padding: 16px 16px 0 0!important;}
.entry-text dl dd img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-lock.png) no-repeat;
	padding: 16px 16px 0 0!important;}
.sidebar-summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-lock.png) no-repeat;
	padding: 16px 16px 0 0!important;}
#lj_controlstrip .ljuser img {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-user.png) no-repeat;
	padding: 16px 16px 0 0!important;}
#lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-user.png) no-repeat;
	padding: 16px 16px 0 0!important;}
#lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
	width: 0; height: 0; 
	background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/icon-group.png) no-repeat;
	padding: 16px 17px 0 0!important;}

/*****CONTEXTUAL POPUP*****/
div.ContextualPopup img {border:0 none;}
div.ContextualPopup div.Inner {background:#fff!important; border:1px solid #ccc; padding:5px; color:#303030!important; font-size:1em; font-weight:100!important;}
div.ContextualPopup .Content {margin-right:50px; font-weight:100!important;}
div.ContextualPopup .Relation {color:#df2c11; font-size:1.5em; font-weight:500!important; font-style:normal;}
div.ContextualPopup .Content .OnlineStatus {font-weight:100!important;}
div.ContextualPopup .Userpic {font-weight:100!important;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {color:#df2c11!important; font-weight:100; text-decoration:none!important;}
div.ContextualPopup div.Inner a:hover{color:#303030!important; font-weight:100; text-decoration:none!important;}

/*****HEADER IMAGE*****/
#page .layout .header
{
background: url(http://i713.photobucket.com/albums/ww134/kiraatsumyst05/atsugari08resized900.jpg) top center no-repeat;
width: 900px;
padding-top: 440px;
padding-left: 50px;
}

coding help header

Follow us:

Applications

COMPANY

PRODUCTS

COMMUNITY

CHOOSE LANGUAGE