Fuesch's graphics & layouts

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

October 2025

Previous | Memories | Tell Someone | Next

fuesch

28 April 2009 @ 04:09 pm

AntiChristmas layout plus matching profile layout and an icon

If you want to know what that is about, the whole cracktastic thing started here.
I had this layout done (but without the profile layout and icon) last year. Don't remember why I didn't post it then. Anyway, better late than never!

Merry AntiChristmas

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

/* Merry AntiChristmas
http://fuesch.livejournal.com/21194.html */

body {
background: url(http://fatfrog.info/Ma/A/layout/antixmas/bg.gif) top repeat-x #A70000;
text-align: center;
color: #A70000;
font-family: "Verdana", sans-serif;
font-size: 12px;
margin: 20px 0 20px 0;
}

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

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

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

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

blockquote {
background: #FDD570 url(http://fatfrog.info/Ma/A/layout/antixmas/quote.gif) no-repeat bottom left;
padding: 5px 5px 20px 5px;
}

#content {
width: 850px;
margin-left: auto;
margin-right: auto;
background: url(http://fatfrog.info/Ma/A/layout/antixmas/contentbg.gif);
}

#maincontent {
margin-left: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #A70000;
margin-right: 250px;
text-align: left;
}

#sidebar {
margin-right: 20px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #A70000;
width: 200px;
float: right;
text-align: left;
}

#header {
padding: 10px 0px 30px 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
background: url(http://fatfrog.info/Ma/A/layout/antixmas/header.jpg);
color: #A70000;
}

#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background: url(http://fatfrog.info/Ma/A/layout/antixmas/footer.jpg) bottom;
color: #A70000;
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: #A70000;
text-decoration: none;
}

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

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

.title {
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: normal;
padding-top: 10px;
text-transform: uppercase;
}

.subtitle {
font-family: "Verdana", sans-serif;
font-size: 12px;
font-weight: normal;
padding-bottom: 18px;
}

.view, .viewing {
color: #B6240E;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:hover {
color: #530000;
}

div#sidebar a:visited {
color: #C74B1D;
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: 0 10px;
padding: 5px 0;
border-bottom: 1px #FDD26B solid;
}

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

.sbarcalendar {
width: 20px;
border: #FCC44C 1px solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
width: 20px;
border:  #FCC44C 1px solid;
background-color: #FCC44C;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

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

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

.sbaritem {
border-bottom: 1px #FDD26B solid;
padding-top: 5px;
}

li.sbartitle {
padding: 3px 0px 3px 15px;
list-style: none;
background-color: #FDCF64;
color: #94550C;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}

/* maincontent */

.subcontent {
}

.entry {
margin-left: 20px;
color: #A70000;
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: right;
background: none!important;
margin: 0px 0px 10px 10px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: right;
margin: 0px 0px 10px 10px;
text-align: center;
background: none!important;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

.datesubject {
background: url(http://fatfrog.info/Ma/A/layout/antixmas/subjectbg.gif) top left no-repeat #FEDB7D;
}

.date {
padding: 15px 0px 0px 55px;
top: 5px;
color: #667B00;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.subject {
font-weight: bold;
padding: 30px 0px 30px 110px;
color: #183700;
font-family: "Verdana", sans-serif;
font-size: 14px;
}

.subject a, .subject a:link, .subject a:hover, .subject a:visited {
color: #183700;
text-decoration: underline;
}

.entry_text {
}

.currents {
font-family: "Verdana", sans-serif;
font-size: 11px;
border-top: #D8C35E solid 1px;
padding-top: 3px;
margin-top: -12px;
}

.ljtags {
font-family: "Verdana", sans-serif;
font-size: 11px;
border-top: #D8C35E solid 1px;
padding-top: 3px;
margin-top: 12px;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: center;
background-color: #FDCF64;
padding: 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:hover, div.comments a:visited {
color: #530000;
text-decoration: none;
}

/* maincontent --  entry, reply pages */

.datesubjectcomment {
background-color: #FCC44C;
padding: 5px;
}

.userpiccomment {
position: relative;
background-color: none;
top: -15px;
left: -15px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
padding: 10px;
clear: left;
}

input, textarea {
background-color: #FDD570;
color: #A70000;
}

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

.replytoposter {
padding: 15px 0px 0px 55px;
top: 5px;
color: #667B00;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.replytosubject {
font-weight: bold;
padding: 30px 0px 30px 110px;
color: #183700;
font-family: "Verdana", sans-serif;
font-size: 14px;
}

.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%;
background-color: #eff5ff;
color: #606060;
}

.replytosubject {
font-weight: bold;
}

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

.commentbox {
border: #FCC44C 1px solid;
margin: 10px;
}

.commentbox a, .commentbox a:link, .commentbox a:hover, .datesubjectcomment a:link, .datesubjectcomment a:hover {
color: #530000;
}

.datesubjectcomment a:visited, .commentbox a:visited {
color: #C74B1D;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #FCC44C;
border: 1px solid #A70000;
}

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

/* maincontent -- year/achive pages */

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

ul.year li {
display: inline;
font-size: 18px;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
background: #FDD570 url(http://fatfrog.info/Ma/A/layout/antixmas/quote.gif) no-repeat bottom left;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #A70000;
}

table.yeartable td.yearday {
background-color: #A70000;
text-align: center;
color: #FEDB7D;
text-transform: uppercase;
}

td.yearmonth {
border-style: none;
}

/* footer */

ul.navfooter{
margin: 0px;
text-transform: uppercase;
padding: 24px 0px 7px 0px;
font-weight: bold;
font-size: 12px;
}

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

.clearfoot {
display: none;
}

/* 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/antixmas/user.png); 
padding: 13px 0px 0px 13px;
}

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

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

.ljuser a, .ljuser a:link, .ljuser a:visited, .ljuser a:hover {
color: #A70000!important;
}
   	
.userpicfriends, .userpicfriends font {
color: #A70000;
}

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
}

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

.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: 1px solid #999999;
background-color: #c2cde0;
}

#content + div {
background-color: #A70000;
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.


	This profile layout has a fixed width, changing the width would mess up the layout. And of course you get a profile layout too. 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 & Ctrl+C. <lj-raw><center> <table width="425" cellpadding="0" cellspacing="0" border="0"> <tr><td colspan="3" height="177" background="http://fatfrog.info/Ma/A/layout/antixmas/profile-header.jpg"></td></tr> <tr><td width="20" background="http://fatfrog.info/Ma/A/layout/antixmas/profile-left.gif"></td><td width="385" bgcolor="#FEDB7D"><font face="Arial, sans-serif" size="2" color="#A70101"> [TEXT HERE] </td><td width="20" background="http://fatfrog.info/Ma/A/layout/antixmas/profile-right.gif"></td></tr> <tr><td colspan="3"><img src="http://fatfrog.info/Ma/A/layout/antixmas/profile-footer.gif"></td></tr> </table> </center></lj-raw> 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="#530000">LINK TEXT</font></a>`