Skip to content
Snippets Groups Projects
Commit 4511ddbf authored by Jeroen's avatar Jeroen
Browse files

Made some "major" changes in how I display comments, articles, abstracts. It... 

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.
parent 57ca3f13
No related branches found
No related tags found
2 merge requests!7452Issue #1797438. HTML5 validation is preventing form submit and not fully...,!789Issue #3210310: Adjust Database API to remove deprecated Drupal 9 code in Drupal 10
Hide whitespace changes
Inline Side-by-side
themes/jeroen/jeroen.theme
+ 126
− 117
View file @ 4511ddbf
......@@ -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>&nbsp;</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>&nbsp;</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>&nbsp;</TD>
<TD ALIGN="right" VALIGN="bottom" BACKGROUND="themes/jeroen/images/<? echo $img; ?>" WIDTH="20" NOWRAP>&nbsp;</TD>
</TR>
<TR>
<TD ALIGN="left" VALIGN="bottom" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxleft.gif">&nbsp;</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>
&nbsp;
<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>&nbsp;</TD>
</TR>
<TR>
<TD ALIGN="left" BACKGROUND="themes/jeroen/images/newsboxleft.gif" WIDTH="20">
&nbsp;
</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">&nbsp;</TD>
<TD WIDTH="100%" COLSPAN="2" ALIGN="center" HEIGHT="20" VALIGN="top" BACKGROUND="themes/jeroen/images/newsboxbottom.gif">&nbsp;</TD>
<TD ALIGN="right" VALIGN="top" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxbottomright.gif">&nbsp;</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"); ?>">&nbsp;</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>&nbsp;</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>
&nbsp;
<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>
&nbsp;
<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>&nbsp;";
}
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>&nbsp;";
}
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">
&nbsp;
</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">&nbsp;</TD>
<TD COLSPAN="3" ALIGN="center" HEIGHT="20" VALIGN="top" BACKGROUND="themes/jeroen/images/newsboxbottom.gif">&nbsp;</TD>
<TD ALIGN="right" VALIGN="top" WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/newsboxbottomright.gif">&nbsp;</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>&nbsp;</TD>
<TD WIDTH="20" HEIGHT="20" BACKGROUND="themes/jeroen/images/boxtopleft.gif" NOWRAP>&nbsp;</TD>
<TD WIDTH="<? echo $width; ?>" BACKGROUND="themes/jeroen/images/boxtop.gif">&nbsp;</TD>
<TD BACKGROUND="themes/jeroen/images/boxtopmiddle.gif">&nbsp;</TD>
<TD BACKGROUND="themes/jeroen/images/boxtop.gif">&nbsp;</TD>
......@@ -316,15 +325,15 @@ function box($subject, $content, $options = "") {
</TR>
<TR>
<TD BACKGROUND="themes/jeroen/images/<? echo $img2; ?>" HEIGHT="20">&nbsp;</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">&nbsp;</TD>
</TR>
<TR>
<TD BACKGROUND="themes/jeroen/images/boxleft.gif">&nbsp;</TD>
<TD COLSPAN="3" BGCOLOR="#E7E7E7" ALIGN="center" BACKGROUND="themes/jeroen/images/sketch.gif">
<TABLE>
<TD BACKGROUND="themes/jeroen/images/boxleft.gif" NOWRAP>&nbsp;</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">&nbsp;</TD>
<TD BACKGROUND="themes/jeroen/images/boxright.gif" NOWRAP>&nbsp;</TD>
</TR>
<TR>
<TD BACKGROUND="themes/jeroen/images/boxbottomleft.gif" HEIGHT="20">&nbsp;</TD>
<TD BACKGROUND="themes/jeroen/images/boxbottomleft.gif" HEIGHT="20" NOWRAP>&nbsp;</TD>
<TD COLSPAN="3" BACKGROUND="themes/jeroen/images/boxbottom.gif">&nbsp;</TD>
<TD BACKGROUND="themes/jeroen/images/<? echo $img; ?>">&nbsp;</TD>
<TD BACKGROUND="themes/jeroen/images/<? echo $img; ?>" NOWRAP>&nbsp;</TD>
</TR>
</TABLE>
<BR>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment