From 4511ddbfc3593bb2fd892ac5bf51d506ce212036 Mon Sep 17 00:00:00 2001
From: Jeroen Bensch <jeroen@44.no-reply.drupal.org>
Date: Mon, 26 Feb 2001 00:39:47 +0000
Subject: [PATCH] Made some "major" changes in how I display comments,
articles, abstracts. It won't show much different but the ones that know my
theme a bit will se a small change. I don't use .gifs anymore to display the
borders of the articles e.g. but a table in a table, so you get a small black
border. It looks nicer, and you need less .gifs, which is, in my theme an
improvement :) I also themed the comments, they weren't yet, and I didn't
know it was my thing to do. I still ain't happy with the comment's headers,
but it's a start. Just check it out at http://jeroen.drop.org . Things to do,
get the footer's navigation bar display nicely and find a better way to
display the comment's header. Nevertheless I think it's doable. It's 01.40
now I think I'm going to sleep. But first commit and delete some .gifs from
zind.net.
Jeroen.
---
themes/jeroen/jeroen.theme | 243 +++++++++++++++++++------------------
1 file changed, 126 insertions(+), 117 deletions(-)
diff --git a/themes/jeroen/jeroen.theme b/themes/jeroen/jeroen.theme
index 21cc77b85331..949afffcc833 100644
--- a/themes/jeroen/jeroen.theme
+++ b/themes/jeroen/jeroen.theme
@@ -27,16 +27,17 @@ function header() {
<!--
BODY,P,DIV,LI,UL,TD,EM,FONT,BLOCKQUOTE,FORM{font-size: 10pt; font-family:Helvetica,Lucida,sans-serif;}
SMALL {font-size: 8pt;}
+ TD img.pipe {display: block}
-->
</STYLE>
</HEAD>
<BODY TEXT="#202020" BGCOLOR="#FEFEFE" BACKGROUND="themes/jeroen/images/background.gif" ALINK="#000000" LINK="#000000" VLINK="#000000">
- <TABLE ALIGN="left" BORDER="0" CELLPADDING="0" CELLSPACING="6">
+ <TABLE WIDTH="100%" ALIGN="left" CELLPADDING="0" CELLSPACING="6">
<TR>
<TD COLSPAN="2">
<? if (rand(0,150) == 75) $img = "logo2.gif"; else $img = "logo.gif"; ?>
- <IMG SRC="themes/jeroen/images/<? echo $img; ?>" ALT="drop.org logo"><BR><BR>
+ <IMG SRC="themes/jeroen/images/<? echo $img; ?>" ALT="drop.org logo"><BR><BR>
</TD>
<TD>
<?
@@ -72,27 +73,33 @@ function abstract($story) {
<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
- <TD ALIGN="left" VALIGN="bottom" HEIGHT="20" BACKGROUND="themes/jeroen/images/<? echo (rand(0, 1) ? "news1.gif" : "news3.gif"); ?>" WIDTH="20" HEIGHT="20" NOWRAP> </TD>
- <TD COLSPAN="2" ALIGN="center" VALIGN="top" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsmiddle.gif" NOWRAP>
+ <TD ALIGN="left" VALIGN="bottom" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/<? echo (rand(0, 1) ? "news1.gif" : "news3.gif"); ?>" NOWRAP> </TD>
+ <TD COLSPAN="2" ALIGN="center" VALIGN="top" BACKGROUND="themes/jeroen/images/newsmiddle.gif" NOWRAP>
<B><? echo "". check_output($story->subject) .""; ?></B>
</TD>
<? if (rand(0,1) == 0) $img = "news2.gif"; else $img = "news4.gif"; if (rand(0,100) == 50) $img = "news5.gif"; ?>
- <TD ALIGN="right" VALIGN="bottom" BACKGROUND="themes/jeroen/images/<? echo $img; ?>" WIDTH="20" HEIGHT="20" NOWRAP> </TD>
+ <TD ALIGN="right" VALIGN="bottom" BACKGROUND="themes/jeroen/images/<? echo $img; ?>" WIDTH="20" NOWRAP> </TD>
</TR>
<TR>
- <TD ALIGN="left" VALIGN="bottom" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxleft.gif"> </TD>
- <TD ALIGN="left" BACKGROUND="themes/jeroen/images/menutitle.gif" NOWRAP>
+ <TD></TD>
+ <TD>
+ <TABLE BORDER="0" CELLPADDING="1" CELLSPACING="0" BGCOLOR="#000000" WIDTH="100%">
+ <TR>
+ <TD>
+ <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
+ <TR>
+ <TD ALIGN="left" BACKGROUND="themes/jeroen/images/menutitle.gif" NOWRAP>
<FONT COLOR="<? echo $this->fgc2; ?>">
<?
switch (rand(0,13)) {
- case 0: $how = "Yelled at us"; break; case 1: $how = "Whispered"; break;
- case 2: $how = "Reported"; break; case 3: $how = "Posted"; break;
- case 4: $how = "Beamed through"; break; case 5: $how = "Faxed"; break;
- case 6: $how = "Tossed at us"; break; case 7: $how = "Morsed"; break;
- case 8: $how = "Flagged"; break; case 9: $how = "Written to us"; break;
- case 10: $how = "Made up"; break; case 11: $how = "Uploaded"; break;
- case 12: $how = "Forged"; break;
+ case 0: $how = "Yelled at us"; break; case 1: $how = "Whispered"; break;
+ case 2: $how = "Reported"; break; case 3: $how = "Posted"; break;
+ case 4: $how = "Beamed through"; break; case 5: $how = "Faxed"; break;
+ case 6: $how = "Tossed at us"; break; case 7: $how = "Morsed"; break;
+ case 8: $how = "Flagged"; break; case 9: $how = "Written to us"; break;
+ case 10: $how = "Made up"; break; case 11: $how = "Uploaded"; break;
+ case 12: $how = "Forged"; break;
default: $how = "Sneaked through";
}
@@ -104,14 +111,10 @@ function abstract($story) {
?>
</FONT>
</TD>
- <TD ALIGN="right" VALIGN="bottom" BACKGROUND="themes/jeroen/images/newsboxright.gif" NOWRAP> </TD>
</TR>
<TR>
- <TD ALIGN="left" BACKGROUND="themes/jeroen/images/newsboxleft.gif" WIDTH="20">
-
- </TD>
- <TD COLSPAN="2" ALIGN="center" VALIGN="top" WIDTH="100%" BGCOLOR="#E7E7E7" BACKGROUND="themes/jeroen/images/sketch.gif">
- <TABLE WIDTH="100%">
+ <TD COLSPAN="2" ALIGN="center" VALIGN="top" WIDTH="100%" BGCOLOR="#E7E7E7">
+ <TABLE WIDTH="100%" BACKGROUND="themes/jeroen/images/sketch.gif">
<TR>
<TD>
<?
@@ -122,7 +125,7 @@ function abstract($story) {
echo "<P>". check_output($story->abstract, 1) ."</P>";
}
?>
- </TD>
+ </TD>
</TR>
<TR>
<TD ALIGN="right">
@@ -131,16 +134,15 @@ function abstract($story) {
</TR>
</TABLE>
</TD>
- <TD ALIGN="right" VALIGN="bottom" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxright.gif">
- <IMG SRC="themes/jeroen/images/newsboxright.gif" WIDTH="20" HEIGHT="20" ALT="">
- </TD>
- </TR>
- <TR>
- <TD ALIGN="left" VALIGN="top" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxbottomleft.gif"> </TD>
- <TD WIDTH="100%" COLSPAN="2" ALIGN="center" HEIGHT="20" VALIGN="top" BACKGROUND="themes/jeroen/images/newsboxbottom.gif"> </TD>
- <TD ALIGN="right" VALIGN="top" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxbottomright.gif"> </TD>
</TR>
</TABLE>
+ </TD>
+ </TR>
+ </TABLE>
+ </TD>
+ </TR>
+ </TABLE>
+ <BR>
<?
}
@@ -151,96 +153,87 @@ function article($story, $reply) {
<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
- <TD ALIGN="right" VALIGN="bottom" WIDTH="20" HEIGHT="20">
- <? if (rand(0,1) == 0) $img = "news1.gif"; else $img = "news3.gif"; ?>
- <IMG SRC="themes/jeroen/images/<? echo $img; ?>" WIDTH="20" HEIGHT="20" ALT="">
- </TD>
- <TD colspan="3" ALIGN="center" VALIGN="center" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsmiddle.gif">
- <IMG SRC="themes/jeroen/images/newsmiddle.gif" width="1" height="1" alt=""><B><? echo check_output($story->subject); ?></B>
- </TD>
- <TD ALIGN="left" VALIGN="bottom" WIDTH="20" HEIGHT="20">
- <? if (rand(0,1) == 0) $img = "news2.gif"; else $img = "news4.gif"; ?>
- <IMG SRC="themes/jeroen/images/<? echo $img; ?>" WIDTH="20" HEIGHT="20" ALT="">
+ <TD ALIGN="left" VALIGN="bottom" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/<? echo (rand(0, 1) ? "news1.gif" : "news3.gif"); ?>"> </TD>
+ <TD ALIGN="center" VALIGN="center" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsmiddle.gif">
+ <B><? echo "". check_output($story->subject) .""; ?></B>
</TD>
+ <? if (rand(0, 1) == 0) $img = "news2.gif"; else $img = "news4.gif"; if (rand(0, 100) == 50) $img = news5.gif; ?>
+ <TD ALIGN="right" VALIGN="bottom" BACKGROUND="themes/jeroen/images/<? echo $img; ?>" WIDTH="20" HEIGHT="20" NOWRAP> </TD>
</TR>
<TR>
- <TD ALIGN="left" VALIGN="bottom" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxleft.gif" >
- <IMG SRC="themes/jeroen/images/newsboxleft.gif" WIDTH="20" HEIGHT="20" alt="">
- </TD>
- <TD COLSPAN="2" ALIGN="left" WIDTH="100%" BGCOLOR="#6C6C6C" HEIGHT="20" BACKGROUND="themes/jeroen/images/menutitle.gif" NOWRAP>
-
- <FONT COLOR="<? echo $this->fgc2; ?>">
+ <TD></TD>
+ <TD>
+ <TABLE BORDER="0" CELLPADDING="1" CELLSPACING="0" BGCOLOR="#000000" WIDTH="100%">
+ <TR>
+ <TD>
+ <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
+ <TR>
+ <TD COLSPAN="2" ALIGN="left" BGCOLOR="#6C6C6C" HEIGHT="20" BACKGROUND="themes/jeroen/images/menutitle.gif" NOWRAP>
+
+ <FONT COLOR="<? echo $this->fgc2; ?>">
<?
- switch (rand(0,13)) {
- case 0: $how = "Yelled at us"; break; case 1: $how = "Whispered"; break;
- case 2: $how = "Reported"; break; case 3: $how = "Posted"; break;
- case 4: $how = "Beamed through"; break; case 5: $how = "Faxed"; break;
- case 6: $how = "Tossed at us"; break; case 7: $how = "Morsed"; break;
- case 8: $how = "Flagged"; break; case 9: $how = "Written to us"; break;
- case 10: $how = "Made up"; break; case 11: $how = "Uploaded"; break;
- case 12: $how = "Forged"; break;
- default: $how = "Sneaked through";
-
- }
-
- if ($story->userid) {
- print "<FONT SIZE=\"-1\">$how by <A HREF=\"account.php?op=userinfo&uname=$story->userid\">$story->userid</A> on $timestamp"; ?><? print "</FONT>
- </TD>
- <TD ALIGN=\"right\" WIDTH=\"80\" BGOLOR=\"6C6C6C\" BACKGROUND=\"themes/jeroen/images/menutitle.gif\">
- <B><A HREF=\"search.php?category=$story->category\"><FONT COLOR=\"<? $this->fgc3; ?>\">$story->category</FONT></A></B> ";
- }
- else {
- print "<FONT SIZE=\"-1\">Reported to us by $anonymous on $story->timestamp"; ?><? print "</FONT>
- </TD>
- <TD ALIGN=\"center\" WIDTH=\"80\" BGOLOR=\"6C6C6C\" BACKGROUND=\"themes/jeroen/images/menutitle.gif\">
- <A HREF=\"search.php?category=$category\"><FONT COLOR=\"<? $this->fgc3; ?>\">$story->category</FONT></A>";
- }
+ switch (rand(0,13)) {
+ case 0: $how = "Yelled at us"; break; case 1: $how = "Whispered"; break;
+ case 2: $how = "Reported"; break; case 3: $how = "Posted"; break;
+ case 4: $how = "Beamed through"; break; case 5: $how = "Faxed"; break;
+ case 6: $how = "Tossed at us"; break; case 7: $how = "Morsed"; break;
+ case 8: $how = "Flagged"; break; case 9: $how = "Written to us"; break;
+ case 10: $how = "Made up"; break; case 11: $how = "Uploaded"; break;
+ case 12: $how = "Forged"; break;
+ default: $how = "Sneaked through";
+ }
+
+ if ($story->userid) {
+ print "<FONT SIZE=\"-1\">$how by <A HREF=\"account.php?op=userinfo&uname=$story->userid\">$story->userid</A> on $timestamp"; ?><? print "</FONT>
+ </TD>
+ <TD ALIGN=\"right\" WIDTH=\"80\" BGOLOR=\"6C6C6C\" BACKGROUND=\"themes/jeroen/images/menutitle.gif\">
+ <B><A HREF=\"search.php?category=$story->category\"><FONT COLOR=\"<? $this->fgc3; ?>\">$story->category</FONT></A></B> ";
+ }
+ else {
+ print "<FONT SIZE=\"-1\">Reported to us by $anonymous on $story->timestamp"; ?><? print "</FONT>
+ </TD>
+ <TD ALIGN=\"center\" WIDTH=\"80\" BGOLOR=\"6C6C6C\" BACKGROUND=\"themes/jeroen/images/menutitle.gif\">
+ <A HREF=\"search.php?category=$category\"><FONT COLOR=\"<? $this->fgc3; ?>\">$story->category</FONT></A>";
+ }
?>
- </FONT>
- </TD>
- <TD ALIGN="right" VALIGN="bottom" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxright.gif">
- <IMG SRC="themes/jeroen/images/newsboxright.gif" width="20" height="20" alt="">
- </TD>
- </TR>
- <TR>
- <TD ALIGN="left" BACKGROUND="themes/jeroen/images/newsboxleft.gif" WIDTH="20">
-
- </TD>
- <TD COLSPAN="3" VALIGN="top" width="100%" BGCOLOR="#E7E7E7" BACKGROUND="themes/jeroen/images/sketch.gif">
- <TABLE WIDTH="100%">
- <TR>
- <TD>
+ </FONT>
+ </TD>
+ </TR>
+ <TR>
+ <TD COLSPAN="3" VALIGN="top" width="100%" BGCOLOR="#E7E7E7" BACKGROUND="themes/jeroen/images/sketch.gif">
+ <TABLE WIDTH="100%">
+ <TR>
+ <TD>
<?
- if ($story->updates) {
- echo "<P>check_output($story->abstract, 1)</P><P><FONT COLOR=\"$this->hlc1\">Editor's note by <A HREF=\"account.php?op=userinfo&uname=$story->editor\">$story->editor</A>:</FONT>$story->updates</P>";
- }
- else {
- echo check_output($story->abstract, 1);
- }
- if ($story->article)
- echo "<P>". check_output($story->article, 1) ."</P>";
+ if ($story->updates) {
+ echo "<P>check_output($story->abstract, 1)</P><P><FONT COLOR=\"$this->hlc1\">Editor's note by <A HREF=\"account.php?op=userinfo&uname=$story->editor\">$story->editor</A>:</FONT>$story->updates</P>";
+ }
+ else {
+ echo check_output($story->abstract, 1);
+ }
+ if ($story->article)
+ echo "<P>". check_output($story->article, 1) ."</P>";
?>
- </TD>
- </TR>
- <TR>
- <TD ALIGN="right">
- <? echo $reply; ?>
+ </TD>
+ </TR>
+ <TR>
+ <TD ALIGN="right">
+ <FONT COLOR="<? echo $this->hlc2; ?>"><? echo $reply; ?></FONT>
+ </TD>
+ </TR>
+ </TABLE>
+ </TD>
+ </TR>
+ </TABLE>
</TD>
</TR>
</TABLE>
</TD>
- <TD ALIGN="right" VALIGN="bottom" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxright.gif">
- <IMG SRC="themes/jeroen/images/newsboxright.gif" WIDTH="20" HEIGHT="20" ALT="">
- </TD>
- </TR>
- <TR>
- <TD ALIGN="left" VALIGN="top" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxbottomleft.gif"> </TD>
- <TD COLSPAN="3" ALIGN="center" HEIGHT="20" VALIGN="top" BACKGROUND="themes/jeroen/images/newsboxbottom.gif"> </TD>
- <TD ALIGN="right" VALIGN="top" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxbottomright.gif"> </TD>
</TR>
</TABLE>
+ <BR>
<?
}
@@ -253,10 +246,17 @@ function comment($comment, $link = "", $thread = "") {
print "<A NAME=\"$comment->cid\"></A>\n";
// Create comment header:
- echo " <TABLE BORDER=\"0\" CELLPADDING=\"4\" CELLSPACING=\"2\" WIDTH=\"100%\">";
- echo " <TR BGCOLOR=\"#E7E7E\" BACKGROUND=\"themes/jeroen/images/sketch.gif\">";
+ echo " <TABLE BORDER=\"0\" CELLPADDING=\"4\" CELLSPACING=\"0\" WIDTH=\"100%\">";
+ echo " <TR>";
+ echo " <TD>";
+ echo " <TABLE BORDER=\"0\" CELLPADDING=\"1\" CELLSPACING=\"0\" BGCOLOR=\"#000000\" WIDTH=\"100%\">";
+ echo " <TR>";
+ echo " <TD>";
+ echo " <TABLE BACKGROUND=\"themes/jeroen/images/menutitle.gif\" BORDER=\"0\" CELLPADDING=\"2\" CELLSPACING=\"0\" WIDTH=\"100%\">";
+ echo " <TR>";
+ echo " </TR>";
echo " <TD>";
- echo " <TABLE BORDER=\"0\" CELLPADDING=\"0\" CELLSPACING=\"2\"WIDTH=\"100%\">";
+ echo " <TABLE BORDER=\"0\" CELLPADDING=\"2\" CELLSPACING=\"2\"WIDTH=\"100%\">";
// Subject:
echo " <TR>";
@@ -295,8 +295,16 @@ function comment($comment, $link = "", $thread = "") {
if ($thread) echo " <TR><TD BGCOLOR=\"#E7E7E7\" BACKGROUND=\"themes/jeroen/images/sketch.gif\">$thread</TD></TR>";
// Print bottom link(s):
- echo " <TR><TD ALIGN=\"right\" BGCOLOR=\"#E7E7E7\" BACKGROUND=\"themes/jeroen/images/sketch.gif\">[ $link ]</TD></TR>";
+ echo " <TR><TD ALIGN=\"right\" BGCOLOR=\"#E7E7E7\" BACKGROUND=\"themes/jeroen/images/sketch.gif\"><FONT COLOR=\"#E09226\">[</FONT> $link <FONT COLOR=\"#E09226\">]</FONT></TD></TR>";
echo " </TABLE>";
+ echo " </TD>";
+ echo " </TR>";
+ echo " </TABLE>";
+ echo " </TD>";
+ echo " </TR>";
+ echo " </TABLE>";
+ echo " <BR>";
+
}
function box($subject, $content, $options = "") {
@@ -306,9 +314,10 @@ function box($subject, $content, $options = "") {
if (rand(0,100) == 50) $img2 = "boxtopleftside2.gif";
else $img2 ="boxtopleftside1.gif";
?>
- <TABLE WIDTH="100%" ALIGN="center" CELLPADDING="0" CELLSPACING="0" BORDER="0">
+
+ <TABLE ALIGN="center" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
- <TD BACKGROUND="themes/jeroen/images/boxtopleft.gif" WIDTH="20" HEIGHT="20" NOWRAP> </TD>
+ <TD WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/boxtopleft.gif" NOWRAP> </TD>
<TD WIDTH="<? echo $width; ?>" BACKGROUND="themes/jeroen/images/boxtop.gif"> </TD>
<TD BACKGROUND="themes/jeroen/images/boxtopmiddle.gif"> </TD>
<TD BACKGROUND="themes/jeroen/images/boxtop.gif"> </TD>
@@ -316,15 +325,15 @@ function box($subject, $content, $options = "") {
</TR>
<TR>
<TD BACKGROUND="themes/jeroen/images/<? echo $img2; ?>" HEIGHT="20"> </TD>
- <TD ALIGN="center" COLSPAN="3" BACKGROUND="themes/jeroen/images/menutitle.gif" NOWRAP>
+ <TD ALIGN="center" COLSPAN="3" BACKGROUND="themes/jeroen/images/menutitle.gif">
<FONT COLOR="<? echo $this->fgc2; ?>"><? echo $subject; ?></FONT>
</TD>
<TD BACKGROUND="themes/jeroen/images/boxtoprightside.gif"> </TD>
</TR>
<TR>
- <TD BACKGROUND="themes/jeroen/images/boxleft.gif"> </TD>
- <TD COLSPAN="3" BGCOLOR="#E7E7E7" ALIGN="center" BACKGROUND="themes/jeroen/images/sketch.gif">
- <TABLE>
+ <TD BACKGROUND="themes/jeroen/images/boxleft.gif" NOWRAP> </TD>
+ <TD COLSPAN="3" BGCOLOR="#E7E7E7" ALIGN="center">
+ <TABLE BACKGROUND="themes/jeroen/images/sketch.gif">
<TR>
<TD>
<? echo $content; ?>
@@ -332,12 +341,12 @@ function box($subject, $content, $options = "") {
</TR>
</TABLE>
</TD>
- <TD BACKGROUND="themes/jeroen/images/boxright.gif"> </TD>
+ <TD BACKGROUND="themes/jeroen/images/boxright.gif" NOWRAP> </TD>
</TR>
<TR>
- <TD BACKGROUND="themes/jeroen/images/boxbottomleft.gif" HEIGHT="20"> </TD>
+ <TD BACKGROUND="themes/jeroen/images/boxbottomleft.gif" HEIGHT="20" NOWRAP> </TD>
<TD COLSPAN="3" BACKGROUND="themes/jeroen/images/boxbottom.gif"> </TD>
- <TD BACKGROUND="themes/jeroen/images/<? echo $img; ?>"> </TD>
+ <TD BACKGROUND="themes/jeroen/images/<? echo $img; ?>" NOWRAP> </TD>
</TR>
</TABLE>
<BR>
--
GitLab