2 LAYOUTS feat. the Gazette <333

Jul 31, 2009 02:28


Hi ^^ Bringin two layouts :P

DUST AND DIRTY




****

BLACK BEAUTY






****

DUST AND DIRTY




TITLE: Dust and Dirty.
ARTIST/BAND: the GazettE.
STYLE: S2
THEME: Smooth Sailing
EXTRAS: You can switch the headers xP
ACCOUNT(S): Tested on Free and Basic.
BROWSER: Firefox! Not working well with IE.
LIVE PREVIEW: frailwish02; img.
CREDITS: presents or refuted for the base code. Then credit akira-nya or perfect_smoke for the edits and the graphics !

get the images:
HEADER
TINY ICON1 (lj user)
TINY ICON2 (lj comm)
IMAGE 1 (layout background)
IMAGE 2 (2nd background)
IMAGE 3 (blockquote background)
IMAGE 4 (userpic border background + entries header and footer)

get the code:

/* Base stylesheet by presents@livejournal.com. */
/* Edits and graphics by akira-nya@livejournal.com. */

body {
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
font-family: verdana, arial, sans-serif;
font-size: 7pt;
margin: 0px;
background-color: #000
color: #000;
}

a {
color: #ff4f4f;
}

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

a:hover {
color: #000;
}

b, strong {
color: #2a2a2a;
}

i {
color: #acacac;
}

blockquote {
margin: 4px;
padding: 8px;
background-image: url(http://img39.imageshack.us/img39/295/ter.png);
color: #7a7a7a;
line-height: 15px;
font-family: times new roman;
text-transform: uppercase;
font-size: 7pt;
text-align: justify;
border: 2px dotted #232323;
-moz-border-radius: 20px;
}

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

.pageblock {
width:50%;
margin: 0 auto;
}

.pagefooterblock {
border: none;
background-color: #ffffff;
background-image: url();
color: #ffffff;
font-size: 1pt;
height: 90px;
margin-top: 5px;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #000;
}

.pageheaderblock {
background-position: center;
background-repeat: no-repeat;
background-image: url(http://img43.imageshack.us/img43/5448/head1dpsdcopy.png);
height: 412px;
width: 792px;
}

.header-title {

display: none !important;
}

.header-subtitle {
display: none !important;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}

.header-menu {
background-color: transparent;
border: none;
padding: 420px 00px 0px 179px;
line-height: 20px;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
font-family: "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
font-size: 10pt;
color: #000;
text-transform: uppercase;
}

.header-menu a:hover {
color: #3c3c3c;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

.bodyblock {
padding: 10px 20px 10px 20px;
}

.bodyheaderblock {
display: none;
}

.bodynavblock {
border: none;
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 13px;
}

.bodynavblock a, .bodynavblock a:visited {
text-decoration: none;
}

.entryHolder {
color: #686868;
background: white url(http://img160.imageshack.us/img160/4928/ehehie.png);
line-height: 16px;
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
border-top: 0px solid #ffffff;
margin: 4px 0px 4px 0px;
padding: 8px 20px 8px 20px;
}

.entryUserinfo {
text-align: center;
background-color: #none;
background: white url(http://img268.imageshack.us/img268/9061/aef.png) top left repeat;
padding: 20px;
width: 70px;
height: 70px;
margin: -57px 8px 0px -165px;
}

.entryUserinfo-usericon img {
border: none;
}

.entryText {
padding: 6px;
}

.entryHeader {
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
color: #ff4f4f;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 20px;
}

.entryHeaderSubject {
font-family: "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
font-weight: normal;
font-size: 10pt;
text-transform: uppercase;
color: #B1B1B1;
}

.entryHeaderDate a {
color : #EE125B;
text-decoration : none;
}

.entryMetadata {
padding-left: 6px;
text-align: right;
}

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

.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
font-size: 7pt;
color: #c0c0c0;
text-transform: lowercase;
display: block;
}

.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
font-size: 7pt;
color: #808080;
text-transform: lowercase;
}

.entryLinkbar {
font-family: "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
font-size: 8pt;
text-align: right;
text-transform: uppercase;
padding: 4px 0px 4px 0px;
}

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

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

#footer-menu {
font-size: 7pt;
font-family: tahoma;
}

#footer-menu a, #footer-menu a:visited {
color: #EE125B;
white-space: nowrap;
padding: 6px;
text-align: left;
}

#footer-menu a:hover {
color: #ff4f4f;
}

.sidebar {
display: none !important;
}

font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #606060;
line-height: 14px;
margin-right: 20px;
margin-top: 16px;
width: 200px;
}

.sidebox {
color: #606060;
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
margin: 4px 0px 4px 0px;
}

.sideboxTitle {
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 7px 8px 6px 19px;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #EE125B;
}

.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}

.sidebox #tags_sidebox {
text-align: center;
}

.sidebox #systemlinks {
text-align: left;
line-height: 20px;
}

.listitem a {
border-left: #EE125B 4px solid;
margin: 5px 2px 2px 2px;
padding: 2px 7px 2px 7px;
border-bottom: #c0c0c0 1px dashed;
display: block;
}

.listitem a:hover {
border-left: #FCE2EB 4px solid;
margin: 5px 2px 2px 2px;
padding: 2px 7px 2px 7px;
border-bottom: #c0c0c0 1px dashed;
display: block;
}

.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.listtitle {
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 11px 0px 12px -4px;
padding: 4px 0px 6px 19px;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #EE125B;
}

.profile-label {
font-weight: bold;
}

.profile-userpic {
padding: 4px;
background-color: #ffffff;
border: #606060 8px solid;
}

.latestmonth-inactive {
padding: 3px;
background-color: #ffffff;
border: #EFEFEF 1px solid;
margin: 3px;
color: #808080;
}

.latestmonth-active {
padding: 3px;
background-color: #ffffff;
border: #EE125B 1px solid;
margin: 3px;
}

.commentHolder {
color: #686868;
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
border: none;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 8pt;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
padding: 4px;
background-color: #none;
background: white url(http://img268.imageshack.us/img268/9061/aef.png) top left repeat;
padding: 20px;
width: 70px;
height: 70px;
margin: 0 0 5px 0;
}

.commentUserinfo-usericon img {
border: none;
}

.commentText {
padding: 6px;
}

.commentHeader {
border: none;
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 17px;
color: #000
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
}

.commentHeaderScreened {
border: none;
background-color: #000;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 17px;
color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
}

.commentHeaderSubject {
font-weight: bold;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
}

.commentLinkbar {
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #c0c0c0;
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 {
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
color: #686868;
padding-left: 10px;
}

#commenttext{
width:100%;
}

.yearlinks{
text-align: right;
}

.yearlink{
padding-left:4px;
padding-right: 4px;
}

.month {
width: 500px;
border: 1px solid #dddddd;
margin: 8px 8px 8px 40px;
}

.daysubjects {
color: #000000;
padding: 8px 8px 8px 40px;
}

.daytitles {
text-align: center;
border: 1px solid #dddddd;
background: #eeeeee;
color: #000000;
}

.day-blank {
border: 1px solid #dddddd;
}

.day {
border: 1px solid #dddddd;
}

.day-date {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
color: #000000;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}

.day-count a {
text-decoration: none;
color: #000000;
}

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}

.tagstable {
width: 500px;
}

.ljuser img {
width: 0;
height: 0;
background: transparent url(http://img104.imageshack.us/img104/2346/dice3schwarz.gif) no-repeat 0 0;
padding: 10px 11px 0 0px !important; vertical-align: baseline !important;
}

.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://img104.imageshack.us/img104/2346/dice3schwarz.gif) no-repeat 0 0 !important;
padding: 10px 11px 0 0px !important;
}

.ljuser img[src*="community.gif"] {
width: 0;
height: 0;
background: transparent url(http://img53.imageshack.us/img53/3464/dice6red.gif) no-repeat scroll 0 0 !important;
padding: 10px 11px 0 0px !important;
}

BLACK BEAUTY




TITLE: Black Beauty.
ARTIST/BAND: the GazettE.
STYLE: S2
THEME: Smooth Sailing
EXTRAS: You can switch the headers xP
ACCOUNT(S): Tested on Free and Basic.
BROWSER: Firefox! Not working well with IE.
LIVE PREVIEW: frailwish01; img.
CREDITS: presents or refuted for the base code. Then credit akira-nya or perfect_smoke for the edits and the graphics !

get the images:
HEADER
TINY ICON1 (lj user)
TINY ICON2 (lj comm)
IMAGE 1 (layout background)
IMAGE 2 (2nd background)
IMAGE 3 (blockquote background)
IMAGE 4 (userpic border background + entries header and footer)

get the code:

/* Base stylesheet by presents@livejournal.com. */
/* Edits and graphics by akira-nya@livejournal.com. */

body {
background: white url(http://img43.imageshack.us/img43/2985/fufu.png);
font-family: verdana, arial, sans-serif;
font-size: 7pt;
margin: 0px;
background-color: #000
color: #000;
}

a {
color: #ff4f4f;
}

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

a:hover {
color: #000;
}

b, strong {
color: #2a2a2a;
}

i {
color: #acacac;
}

blockquote {
margin: 4px;
padding: 8px;
background-image: url(http://img190.imageshack.us/img190/8227/blj.png);
color: #cccccc;
line-height: 15px;
font-family: times new roman;
text-transform: uppercase;
font-size: 7pt;
text-align: justify;
border: 2px dotted #232323;
-moz-border-radius: 20px;
}

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

.pageblock {
width:50%;
margin: 0 auto;
}

.pagefooterblock {
border: none;
background-color: #ffffff;
background-image: url();
color: #ffffff;
font-size: 1pt;
height: 90px;
margin-top: 5px;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #000;
}

.pageheaderblock {
background-position: center;
background-repeat: no-repeat;
background-image: url(http://img125.imageshack.us/img125/4374/bbhd1.png);
height: 422px;
width: 790px;
margin-top: 1px
}

.header-title {

display: none !important;
}

.header-subtitle {
display: none !important;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}

.header-menu {
background-color: transparent;
border: none;
padding: 420px 00px 0px 179px;
line-height: 20px;
}

.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px 6px 2px 6px;
font-family: "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
font-size: 10pt;
color: #dddddd;
text-transform: uppercase;
}

.header-menu a:hover {
color: #3c3c3c;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

.bodyblock {
padding: 10px 20px 10px 20px;
}

.bodyheaderblock {
display: none;
}

.bodynavblock {
border: none;
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 13px;
}

.bodynavblock a, .bodynavblock a:visited {
text-decoration: none;
}

.entryHolder {
color: #686868;
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
line-height: 16px;
font-family: tahoma, arial, sans-serif;
font-size: 8pt;
border-top: 2px solid #ffffff;
margin: 4px 0px 4px 0px;
padding: 8px 20px 8px 20px;
}

.entryUserinfo {
text-align: center;
background-color: #none;
background: white url(http://img268.imageshack.us/img268/9061/aef.png) top left repeat;
padding: 15px;
width: 70px;
height: 70px;
margin: -57px 8px 0px -165px;
-moz-border-radius: 20px;
}

.entryUserinfo-usericon img {
border: none;
}

.entryText {
padding: 6px;
}

.entryHeader {
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
color: #ff4f4f;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 20px;
}

.entryHeaderSubject {
font-family: "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
font-weight: normal;
font-size: 10pt;
text-transform: uppercase;
color: #B1B1B1;
}

.entryHeaderDate a {
color : #EE125B;
text-decoration : none;
}

.entryMetadata {
padding-left: 6px;
text-align: right;
}

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

.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
font-size: 7pt;
color: #c0c0c0;
text-transform: lowercase;
display: block;
}

.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
font-size: 7pt;
color: #808080;
text-transform: lowercase;
}

.entryLinkbar {
font-family: "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
font-size: 8pt;
text-align: right;
text-transform: uppercase;
padding: 4px 0px 4px 0px;
}

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

.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

#footer-menu {
font-size: 7pt;
font-family: tahoma;
}

#footer-menu a, #footer-menu a:visited {
color: #EE125B;
white-space: nowrap;
padding: 6px;
text-align: left;
}

#footer-menu a:hover {
color: #ff4f4f;
}

.sidebar {
display: none !important;
}

font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #606060;
line-height: 14px;
margin-right: 20px;
margin-top: 16px;
width: 200px;
}

.sidebox {
color: #606060;
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
margin: 4px 0px 4px 0px;
}

.sideboxTitle {
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 7px 8px 6px 19px;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #EE125B;
}

.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}

.sidebox #tags_sidebox {
text-align: center;
}

.sidebox #systemlinks {
text-align: left;
line-height: 20px;
}

.listitem a {
border-left: #EE125B 4px solid;
margin: 5px 2px 2px 2px;
padding: 2px 7px 2px 7px;
border-bottom: #c0c0c0 1px dashed;
display: block;
}

.listitem a:hover {
border-left: #FCE2EB 4px solid;
margin: 5px 2px 2px 2px;
padding: 2px 7px 2px 7px;
border-bottom: #c0c0c0 1px dashed;
display: block;
}

.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.listtitle {
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 11px 0px 12px -4px;
padding: 4px 0px 6px 19px;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #EE125B;
}

.profile-label {
font-weight: bold;
}

.profile-userpic {
padding: 4px;
background-color: #ffffff;
border: #606060 8px solid;
}

.latestmonth-inactive {
padding: 3px;
background-color: #ffffff;
border: #EFEFEF 1px solid;
margin: 3px;
color: #808080;
}

.latestmonth-active {
padding: 3px;
background-color: #ffffff;
border: #EE125B 1px solid;
margin: 3px;
}

.commentHolder {
color: #686868;
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
border: none;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 8pt;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
padding: 4px;
background-color: #none;
background: white url(http://img268.imageshack.us/img268/9061/aef.png) top left repeat;
padding: 15px;
width: 70px;
height: 70px;
margin: 0 0 5px 0;
}

.commentUserinfo-usericon img {
border: none;
}

.commentText {
padding: 6px;
}

.commentHeader {
border: none;
background-color: #606060;
background-image: url(http://img268.imageshack.us/img268/9061/aef.png);
background-repeat: repeat;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 17px;
color: #000
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
}

.commentHeaderScreened {
border: none;
background-color: #000;
text-decoration: none;
margin: 10px 0px 4px 0px;
padding: 8px 8px 8px 17px;
color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
}

.commentHeaderSubject {
font-weight: bold;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
}

.commentLinkbar {
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #c0c0c0;
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 {
background: white url(http://img12.imageshack.us/img12/9022/esp10.png);
color: #686868;
padding-left: 10px;
}

#commenttext{
width:100%;
}

.yearlinks{
text-align: right;
}

.yearlink{
padding-left:4px;
padding-right: 4px;
}

.month {
width: 500px;
border: 1px solid #dddddd;
margin: 8px 8px 8px 40px;
}

.daysubjects {
color: #000000;
padding: 8px 8px 8px 40px;
}

.daytitles {
text-align: center;
border: 1px solid #dddddd;
background: #eeeeee;
color: #000000;
}

.day-blank {
border: 1px solid #dddddd;
}

.day {
border: 1px solid #dddddd;
}

.day-date {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
color: #000000;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}

.day-count a {
text-decoration: none;
color: #000000;
}

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}

.tagstable {
width: 500px;
}

.ljuser img {
width: 0;
height: 0;
background: transparent url(http://img104.imageshack.us/img104/2346/dice3schwarz.gif) no-repeat 0 0;
padding: 10px 11px 0 0px !important; vertical-align: baseline !important;
}

.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://img104.imageshack.us/img104/2346/dice3schwarz.gif) no-repeat 0 0 !important;
padding: 10px 11px 0 0px !important;
}

.ljuser img[src*="community.gif"] {
width: 0;
height: 0;
background: transparent url(http://img53.imageshack.us/img53/3464/dice6red.gif) no-repeat scroll 0 0 !important;
padding: 10px 11px 0 0px !important;
}

INSTALLING INSTRUCTIONS:

〉〉 Go to Select Journal Style: be sure to pick S2, then select a Smooth Sailing layout.
⋅ Save.

〉〉 Go to Customize.
⋅ Enter a title and subtitle (as stated by refuted). I tried to use with and without them, the layouts work perfectly, but we never know!
⋅ Just so you know, they won't be displayed on the layout (as you can see on the previews), they'd eat the header :/

〉〉 Now go to Custom CSS:
⋅ Use layout stylesheet: NO.
⋅ Use layout's stylesheet(s) when including custom external stylesheet: NO
⋅ Paste the css code. Please don't try to alter it yourself.

* About the images, the better way is to use CTRL+F when you're on the css stylesheet page ^^ (the images within the stylesheet and the one I uploaded here are the same ^^)

[ISSUES] (sorry for that u_u)

For the navigation links:
If it goes too much over the right part:
Locate this:

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

Replace it with the code below.

.header-menu ul, #footer-menu ul {
margin: 0px 0px 0px -130px;
padding: 0px;
}

It's the last number, here -130px, that you have to change. I don't think you'll need to make it higher, but it may be too big, so you can make it smaller.

***

If your links appear as two lines (depends if you have lots of links, or their names are long), and the second one is hidden, you can try to make more space and push the layout body to bottom. For this, locate this part:

.bodyblock {
padding: 10px 20px 10px 20px;
}

The number you have to change is the first one. You have to make it bigger, until you get the result you wish.

****

If your header goes to much over the right:

Find this:

.pageheaderblock {
background-position: center;
background-repeat: no-repeat;
background-image: url(here is the place for the header);
height: 412px;
width: 792px;
}

REPLACE BY:

.pageheaderblock {
background-position: center;
background-repeat: no-repeat;
background-image: url(here is the place for the header);
height: 412px;
width: 792px;
margin: 0px 0px 0px -130px;
}

It's the same for the navigation link. Play with the last number -130px and make ti smaller (again, this number is probably too high, so make it smaller and smaller until it reach the place you want).

ϖ RULES ϖ

⊗ Comments are :33
Credit properly!
Join?
Resource Post.
⊗ If you encounter any issues, tell me !

≠ Please do not edit/redistribute my works (or ask ^^)
≠ I don't recommand hotlinking :P
≠ Do not ask for originals.

layout, artist:the gazette

Previous post Next post
Up