diff options
| author | Jeroen Bensch <jeroen@44.no-reply.drupal.org> | 2001-02-26 00:39:47 +0000 |
|---|---|---|
| committer | Jeroen Bensch <jeroen@44.no-reply.drupal.org> | 2001-02-26 00:39:47 +0000 |
| commit | 4511ddbfc3593bb2fd892ac5bf51d506ce212036 (patch) | |
| tree | 1529bf30878e03f5da037d558b34be0f3160878b | |
| parent | 57ca3f132f22b977566a45a515978f11bf19550f (diff) | |
| download | brdo-4511ddbfc3593bb2fd892ac5bf51d506ce212036.tar.gz brdo-4511ddbfc3593bb2fd892ac5bf51d506ce212036.tar.bz2 | |
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.
| -rw-r--r-- | themes/jeroen/jeroen.theme | 243 |
1 files changed, 126 insertions, 117 deletions
diff --git a/themes/jeroen/jeroen.theme b/themes/jeroen/jeroen.theme index 21cc77b85..949afffcc 100644 --- a/themes/jeroen/jeroen.theme +++ b/themes/jeroen/jeroen.theme @@ -27,16 +27,17 @@ <!-- 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 @@ <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 @@ ?> </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 @@ echo "<P>". check_output($story->abstract, 1) ."</P>"; } ?> - </TD> + </TD> </TR> <TR> <TD ALIGN="right"> @@ -131,16 +134,15 @@ </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 @@ <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 @@ 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 @@ 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 @@ 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 @@ </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 @@ </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> |