カシイちゃん (kashiichan) wrote in override_helper,
カシイちゃん
kashiichan
override_helper

Changing Entry Width

I maintain a community called amaranthball, which changes its layout every time that of the website changes. For this reason I am using S1 Generator, as I've always found it easier to tinker with. It's basically the LJ hub for a not-for-profit formal ball, so this is a big deal. However, I am stuck with something.

What I need to do is to stretch the width or the entries so that it matches the width of the header image. I've tried using this tutorial, but it doesn't seem to be doing anything at all.

Does anyone here know how to do this? I would greatly appreciate it.

My current overrides:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-color: #9D674F !important;
background-image: url(http://amaranth.manifest.org.au/images/bg.jpg) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
background-position: 0% !important;
}

div {
background-image: url(http://amaranth.manifest.org.au/images/header.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top: 248px;
margin: auto;
}

div div { background: none; width: auto; height: auto; padding: 2; }
div table { width: 640px;}
div table table { width: 100%; }
div table table table { width: auto; }
div table table table table { width: 100%; }

/*the following Part is needed to make sure everything is positioned right in non IE browsers*/
table {
width: 640px;
margin-left: auto;
margin-right: auto;
}
/* do NOT change these numbers */
table table {
width: 100%;
margin:0; ;
}
table table table {
width: auto;
}
.shadowed img {
display:none;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<center>
<a href="http://www.livejournal.com/userinfo.bml?user=amaranthball&mode=full" target="_blank">profile</a> ~
<a href="http://amaranth.manifest.org.au/" target="_blank">website</a> ~
<a href="http://forums.manifest.org.au/index.php?showforum=83" target="_blank">forums</a>
</center>

</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
.shadowed span#navigation img {
display: inline;
visibility: visible;
position: relative;
}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<center>
<a href="http://www.livejournal.com/userinfo.bml?user=amaranthball&mode=full" target="_blank">profile</a> ~
<a href="http://amaranth.manifest.org.au/" target="_blank">website</a> ~
<a href="http://forums.manifest.org.au/index.php?showforum=83" target="_blank">forums</a>
</center>

</td></tr></table></td></tr>
<=LASTN_WEBSITE
  • Post a new comment

    Error

    default userpic
  • 0 comments