Protoman
10-05-2005, 10:00 PM
I thought the database error screen was ugly so I decided to make something more visually appealing (not much!) than the original screen.
Step 1)
Upload the 2 gif's to your includes directory (you can move them wherever you want if you edit the code)
Step 2)
Update the below template so the images are their full URL paths
(ie.. http://site.com/forum/images/blah.gif)
Step 3)
replace the contents of includes/database_error_page.html with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$vboptions Database Error</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
blockquote { margin-top: 75px; }
p { font: 11px tahoma, verdana, arial, sans-serif; }
-->
</style>
</head>
<body>
<table align="center" width="70%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E7E7f7">
<tr bgcolor="#395D94">
<td colspan="5"><div align="center"><strong><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">$vboptions[bbtitle] Error</font></strong></div></td>
</tr>
<tr>
<td width="10" rowspan="3"> </td>
<td width="100" bgcolor="#F7F7FF"><div align="center"><img src="[b]includes/signOops.gif" width="48" height="49" alt="Oops!" /></div></td>
<td colspan="2" bgcolor="#F7F7FF">
<blockquote>
<blockquote>
<p><strong>There seems to have been a problem with the $vboptions database.</strong><br />
Please try again by clicking the <a href="#" onclick="window.location = window.location;">Refresh</a> button in your web browser.</p>
<p>An E-Mail has been dispatched to our <a href="mailto:$technicalemail">Technical Staff</a>, whom you can also contact if the problem persists.</p>
<p>We apologise for any inconvenience.</p>
$message
</blockquote>
</blockquote>
</td>
<td width="10" rowspan="3"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#F7F7FF"> <div align="right"><img src="[b]includes/pointlaugh.gif" width="58" height="23" alt="funny" /></div>
<div align="right"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>You
broke it!</strong></font></div></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html>
There you have it! A better looking error message when things go wrong.
You can customize the images, error message, and colors to your liking.
Step 1)
Upload the 2 gif's to your includes directory (you can move them wherever you want if you edit the code)
Step 2)
Update the below template so the images are their full URL paths
(ie.. http://site.com/forum/images/blah.gif)
Step 3)
replace the contents of includes/database_error_page.html with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$vboptions Database Error</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
blockquote { margin-top: 75px; }
p { font: 11px tahoma, verdana, arial, sans-serif; }
-->
</style>
</head>
<body>
<table align="center" width="70%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E7E7f7">
<tr bgcolor="#395D94">
<td colspan="5"><div align="center"><strong><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">$vboptions[bbtitle] Error</font></strong></div></td>
</tr>
<tr>
<td width="10" rowspan="3"> </td>
<td width="100" bgcolor="#F7F7FF"><div align="center"><img src="[b]includes/signOops.gif" width="48" height="49" alt="Oops!" /></div></td>
<td colspan="2" bgcolor="#F7F7FF">
<blockquote>
<blockquote>
<p><strong>There seems to have been a problem with the $vboptions database.</strong><br />
Please try again by clicking the <a href="#" onclick="window.location = window.location;">Refresh</a> button in your web browser.</p>
<p>An E-Mail has been dispatched to our <a href="mailto:$technicalemail">Technical Staff</a>, whom you can also contact if the problem persists.</p>
<p>We apologise for any inconvenience.</p>
$message
</blockquote>
</blockquote>
</td>
<td width="10" rowspan="3"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#F7F7FF"> <div align="right"><img src="[b]includes/pointlaugh.gif" width="58" height="23" alt="funny" /></div>
<div align="right"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>You
broke it!</strong></font></div></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html>
There you have it! A better looking error message when things go wrong.
You can customize the images, error message, and colors to your liking.