New look journal!

[compilerbitch]

You are hereby invited to check out my new-look journal, user icon(s), etc.

All at the usual place, compilerbitch.

(Many thanks are due to mageboltrat, whose Industrial Nippon style got lightly hacked as the basis of this style!)

Now for some food...

Comments

[x-mass.livejournal.com]

aww cool
very very nice my dear
definatly more disabled friendly as well
hugs
kate

[compilerbitch.livejournal.com]

I'm quite pleased with it so far. I may tweak it a little, but this is the basic idea working now. :-)

[liv]

It's very pretty, and the 'doodle' style is incredibly effective.

A couple of technical things, though: It side-scrolls horribly (800x600, Mozilla); is that intentional, or is it just my browser / monitor combination being crap? And it takes a bit of a while to load. As in, the browser thinks it's done, and then it takes about 3 minutes for the graphics to actually appear. mageboltrat's original style is a bit like that too, but yours seems to be worse, for some reason.

On a really annoying nitpicky note, do you really mean 'Investigate Futher'?

[compilerbitch.livejournal.com]

I'll do a bit more style hacking tonight. The speed problem I think is because the style displays quite a lot of entries in one go. I should be able to drop this significantly, which should help, although this will always be a rather graphics-heavy style compared with the defaults.

Thanks for the spelling error -- its in the original BML code for the style, so I'll fix it tonight.

As for the 800x600 thing, I may be able to improve things a bit, but the original style seems to assume a fairly wide display, so this might actually be a bit tricky. I will try, however!

Re:

[mageboltrat.livejournal.com]

The problem comes from having 600 width pictures in your journal. when you add the right bar and the user icon onto that you end up with over 800 px.

Re:

[mageboltrat.livejournal.com]

The answer might be to move the sidebar to the top of the page but that would involve removing the code from Page::Lay_navbar() function and putting it back into Page::lay_titlebar() after reorganising it, it would be a fairly major hack but do able.

[compilerbitch.livejournal.com]

Nah, I like it the way it is. If the occasional over-wide content gets scroll bars, so be it. :)

[compilerbitch.livejournal.com]

Yeah, you're right. Reducing the border helped too. I think we're OK now.

Re:

[791-43.livejournal.com]

Me likey doodleys yey!

[trurl.livejournal.com]

Very cool! The fluffy icons are great!

[mageboltrat.livejournal.com]

Looks great.. One ickle thing the title has a bluish grey tinge in the background you might want to remove.

[compilerbitch.livejournal.com]

Done.

[panzerpenguin.livejournal.com]

This version definitely conveys your personality better than the old minimalist one. Queik! :-)

[mageboltrat.livejournal.com]

Try putting this into your layer it should fix the little diary

function Page::lay_diary()
{
	var YearMonth m = $this->get_latest_month();
	"""
	<tr>
		<td class="Control"><font class="subhead">$*Diary_name</font>
		</td>
	</tr>
	<tr>
		<td align=center><BR><font class="active">"""; 	print $m->month_format(); """</font><BR>
			<table cellpadding="0" cellspacing="0" border="0" width="175" align=center>
				<tr>""";
		foreach var int d (weekdays()) 
		{
		"<td align=\"center\" width=25
		>"; 
                print $*lang_dayname_short[$d];
		"</td>";
		}
	"""
				</tr>
""";
	foreach var YearWeek w ($m.weeks) {
"<tr valign='top'>";
    if ($w.pre_empty) 
    { "<td colspan='$w.pre_empty'></td>"; }
    foreach var YearDay d ($w.days)
    {
			if ($d.num_entries) 
			{
			 "<td width=25 height=25 align=center valign=middle class=SmallDayCell><a href=\"$d.url\">$d.day</a>";
      }
      else 
      {
        "<td width=25 height=25 align=center valign=middle class=SmallDayCell>$d.day";
      }
      "</td>";
    }
    if ($w.post_empty) { "<td colspan='$w.post_empty'></td>"; }
"</tr>";
	}"""
			</table><BR>
		</td>
	</tr>""";
}  

Re:

[mageboltrat.livejournal.com]

Ah I also noticed that I should have put in a variable instead of a set color on the Archive page... the correct tag should be

<table width="358" bgcolor="$*centerpage_back" cellpadding="0" cellspacing="1" border="0" summary="" align="center">

Not

<table width="358" bgcolor=#000000 cellpadding="0" cellspacing="1" border="0" summary="" align="center">

I've now changed it on my main layout.

[compilerbitch.livejournal.com]

Quick question: how is the number of entries per page set? I just want to try to speed up page loading for people with slower machines.

Ta,
Sarah

Re:

[mageboltrat.livejournal.com]

It's in the properties section of edit customisation it's a system variable which is used in creating the Entries and so can't be altered inside S2.

[compilerbitch.livejournal.com]

Thanks -- that worked fine. I've dropped the count to 20, so hopefully there will be less complainage about load times now!

Re:

[mageboltrat.livejournal.com]

Change the line for the day name to

   "<td align=\"center\" width=25 class=SmallDayCell
   >"; 
     print $*lang_dayname_short[$d];
   "<";

It will make the text slightly more readable.

[mageboltrat.livejournal.com]

Another code fix for Archive page, hope it works OK.. can't check it.

function YearPage::print_month (YearMonth m)
{
if (not $m.has_entries) { return; }
"""
<!-- MONTH & SUBJECTS LINK -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" summary="">
	<tr class="Control">
		<td class="caption" align=center>""";
        print $m->month_format();
        """ [<a href="$m.url" class="index">subjects</a>]
    </td>
	</tr>
	<tr>
		<td background=$*Sepbar width="100%><img src="http://stat.livejournal.com/img/dot.gif" width="1" 

height="15"></td>
	</tr>
</table>

<BR>
<table width="358" bgcolor="$*centerpage_back" cellpadding="0" cellspacing="1" border="0" summary=""  align="center">
	<tr align="center">
""";
  foreach var int d (weekdays()) 
  {
		"<td align=\"center\" width=50
		>"; print $*lang_dayname_short[$d]; "
		</td>";
	}
"""
	</tr>""";
	foreach var YearWeek w ($m.weeks) { $w->print(); }
"""
</table>
<BR>""";
}


function YearWeek::print () {
"<tr valign='top'>";
    if ($.pre_empty) 
    { "<td colspan='$.pre_empty'></td>"; }
    foreach var YearDay d ($.days)
    {
	if ($d.num_entries) 
	{
           "<td width=50 height=50 align=center valign=middle class=DayCell>$d.day:$d.num_entries";
        }							
        else 
        {
        "<td width=50 height=50 align=center valign=middle class=DayCell>$d.day:0";
      }
      "</td>";
    }
    if ($.post_empty) { "<td colspan='$.post_empty'></td>"; }
"</tr>";
}

Re:

[doseybat.livejournal.com]

aaaaaaaaaaaaaarrrrrrrrgggg

[ixwin.livejournal.com]

Awww!

Very fluffy. I like.

Re:

[compilerbitch.livejournal.com]

:-)

Thank you, ou gracious appreciatrix of all things fluffy. :)

[pseudomonas.livejournal.com]

I like the fonts on the pages, but the buttons now stand out quite prominently and might need replacing with graphics.