1 / 40

Modded Inc.

Modded Inc. Christian Stumpf James Morton. Idea. Create a site for Auto enthusiast ｓ Gallery Survey Manuals Links Forum. Goals. Implement ECE3553 Html Xml/Xsl Css PHP/MySQL JavaScript. Site Flow. HomePage. Homepage. HomePage Code. <?xml version = "1.0"?>

riona
Download Presentation

Modded Inc.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Modded Inc. Christian Stumpf James Morton

  2. Idea • Create a site for Auto enthusiastｓ • Gallery • Survey • Manuals • Links • Forum

  3. Goals • Implement ECE3553 • Html • Xml/Xsl • Css • PHP/MySQL • JavaScript

  4. Site Flow

  5. HomePage • Homepage

  6. HomePage Code • <?xml version = "1.0"?> • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" • "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml" > • <head> • <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> • <title>Modded Inc.</title> • <link rel ="stylesheet" type="text/css" • href="stylemod.css"/> • <style type="text/css"> • p {font-family: arial} • </style> • </head> • <body>

  7. HomePage Code • <form method="post" action="ModdedINC.php"> • <table border="0" cellspacing="0" cellpadding="0" width="100%"> • <tr> • <td align="left" rowspan="10%" class="special"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm"><img src="http://my.fit.edu/~jmorton/Multiproject/modded.png" /></a> • </td> • </tr> • </table> • <table border="0" cellspacing="0" cellpadding="4" width="100%" style="border-bottom:1px solid #64633D; background-color; black"> • <tr> • <td colspan="3" rowspan="3"> • &nbsp; • </td> • <td style="width:16%"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm">Homepage</a> • </td> • <td style="width:16%"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINCforum.htm">Forum</a> • </td> • <td style="width:16%"> • <a href="http://my.fit.edu/~jmorton/Multiproject/gallery/ModdedINCGallery.htm">Gallery</a> • </td> • <td style="width:16%"> • <a href="http://my.fit.edu/~jmorton/Multiproject/manual.xml">Manuals</a> • </td> • <td style="width:16%"> • <a href="http://my.fit.edu/~jmorton/Multiproject/links.xml">Links</a> • </td> • <td style="width:16%"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINCSurvey.htm">Survey</a> • </td>

  8. HomePage Code • </tr> • </table> • <table border="0" cellspacing="0" cellpadding="4" width="100%" background-color="black" style="border-bottom:1px solid #64633D"> • <tr> • <td> • <b>Login</b> • </td> • <td> • Username: <input name = "USERNAME" type = "text" size = "30" maxlength = "40"/> • </td> • <td> • Password: <input name = "PASSWORD" type = "password" size = "30" maxlength = "40"/> • </td> • <td> • <input type = "submit" name ="Enter" value = "Log In"/> • </td> • <td> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINCNewUser.htm">Not a member yet? register now!</a> • </td> • </tr> • </table> • </form> • <br /> • <table border="0" width="100%"> • <tr> • <th colspan = "3" valign="middle" align="center" class="mod"> • <strong>Welcome to Modded Inc.</strong></th> • </tr> • <tbody> • <tr>

  9. HomePage Code • <td align="center" colspan="3"> The word Modification means to upgrade or change the item in speculation. As you all may know, Modification is also called Mod. • Mod(<strong>Commonly used by Arthur and Emre)</strong> is a slang ending that is added to a word to appear as an upgrade ex: Yoh Kid E, that girl is in need of a serious Mod. • The word Modded is the past tense form of Mod. Hence the title of our Website " Modded INC" Welcome to Modded INC., Enjoy the many Modifications • <br /><strong>Holla atcha boi I is Money</strong> • </td> • </tr> • </tbody> • </table> • <br /> • <br /> • <table border="0" width="100%"> • <tbody> • <tr> • <td align="left" style="background-color: black; width: 50%"> • <img src="http://my.fit.edu/~jmorton/Multiproject/mseries_m3_05.jpg" • alt="Modded INC." /> • </td> • <td align="center" style="background-color: black; width: 50%"> • <img src="" • alt="Modded INC. LOGO" /> • </td> • <td align="right" style="background-color: black; width: 50%"> • <img src="http://my.fit.edu/~jmorton/Multiproject/slist21.jpg" • alt="Modded INC." /> • </td> • </tr> • </tbody> • </table> • <embed name="Jap6" • src="http://my.fit.edu/~jmorton/Multiproject/06 - Jap6.mp3" • loop="false" • hidden="true" • autostart="true"> • </embed> • </body> • </html>

  10. Gallery • Gallery

  11. Gallery Code • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml" > • <head> • <title>Modded Inc. Gallery</title> • <link rel ="stylesheet" type="text/css" • href="stylemod.css"/> • <style type="text/css"> • p {font-family: arial} • </style> • <script type="text/javascript" language="javascript"> • function showPic (whichpic) { • if (document.getElementById) { • document.getElementById('placeholder').src = whichpic.href; • if (whichpic.title) { • document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; • } else { • document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; • } • return false; • } else { • return true; • } • } • </script> • </head> • <body> • <table border="0" cellspacing="0" cellpadding="0" width="100%"> • <tr> • <td align="left" rowspan="10%" class="special"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm"><img src="http://my.fit.edu/~jmorton/Multiproject/modded.png" /></a> • </td> • </tr> • </table>

  12. Gallery Code • <table style="width:100%"> • <tr> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/1.jpg" title="Modded Silvia1">Silvia1</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/2.jpg" title="Modded Inc. Silvia2">Silvia2</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/3.jpg" title="Modded Inc. Silvia3">Silvia3</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/4.jpg" title="Modded Inc. Silvia4">Silvia4</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/5.jpg" title="Modded Inc. Silvia5">Silvia5</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/6.jpg" title="Modded Inc. Silvia6">Silvia6</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/7.jpg" title="Modded Inc. Silvia7">Silvia7</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/8.jpg" title="Modded Inc. Silvia8">Silvia8</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/9.jpg" title="Modded Inc. Silvia9">Silvia9</a> • </td> • <td style="width:10%"> • <a onclick="return showPic(this)" href ="http://my.fit.edu/~jmorton/Multiproject/gallery/images/10.jpg" title="Modded Inc. Silvia10">Silvia10</a> • </td> • </tr> • </table>

  13. Gallery Code • <br/> • <br/> • <br/> • <br/> • <br/> • <table align="center" style="width:500px"> • <tr> • <td align="center"> • <p id="desc">Modded Inc. Silvia1</p> • </td> • </tr> • </table> • <table align="center" style="width:500px;height:500px"> • <tr> • <td align="center" style="height:75%;width:75%"> • <img id="placeholder" style="height:325px;width:325px" src="http://my.fit.edu/~jmorton/Multiproject/gallery/images/1.jpg" alt="" /> • </td> • </tr> • </table> • </body> • </html>

  14. Manuals • Manuals

  15. Manuals Code • <?xml version="1.0" encoding="utf-16"?> • <?xml-stylesheet type="text/xsl" href="manual.xsl" ?> • <manuals> • <manufacturer>Auto Manuals</manufacturer> • <section> • <manu>Nissan</manu> • <car> • <make>240sx - V8 Swap</make> • <man>http://www.nicoclub.com/articles/240-swap.shtml</man> • </car> • </section> • <section> • <manu>BMW</manu> • <car> • <make>BMW 3 Series (E46) Service Manual: 1999–2005</make> • <man>http://www.bentleypublishers.com/product.htm?code=B305</man> • </car> • </section> • <section> • <manu>Honda</manu> • <car> • <make>Honda - Acura</make> • <man>http://www.honda-acura.net/forums/archive/index.php/</man> • </car> • </section> • </manuals>

  16. Manuals Code • <?xml version="1.0" encoding="ISO-8859-1"?> • <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> • <xsl:template match="/"> • <html> • <link rel ="stylesheet" type="text/css" • href="stylemod.css"/> • <style type="text/css"></style> • <table border="0" cellspacing="0" cellpadding="0" width="100%"> • <tr> • <td align="left" rowspan="10%" class="special"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm"> • <img src="http://my.fit.edu/~jmorton/Multiproject/modded.png" /></a> • </td> • </tr> • </table> • <table border="0" cellspacing="0" cellpadding="4" width="100%" style="border-bottom:1px solid #64633D"> • <tr> • <td align="center" style="background-color: silver"> • <strong>Auto Manuals</strong> • </td> • </tr> • </table> • <br/> • <body> • <table border="1" cellspacing="0" cellpadding="4" width="100%" style="background-color: silver; border-bottom:1px solid #64633D"> • <xsl:for-each select="manuals/section"> • <tr align="left" bgcolor="#9acd32"> • <th colspan="2" style="background-color: ButtonShadow"> • Manufacturer: <xsl:value-of select="manu"/> • </th> • </tr>

  17. Manuals Code • <xsl:for-each select="car"> • <xsl:sort select="man"/> • <tr> • <td> • <xsl:value-of select="make"/> • </td> • <td> • <a href="{man}"> • <xsl:value-of select="man"/> • </a> • </td> • </tr> • </xsl:for-each> • </xsl:for-each> • </table> • </body> • </html> • </xsl:template> • </xsl:stylesheet>

  18. Links • Links

  19. Links Code • <?xml version="1.0" encoding="iso-8859-1"?> • <?xml-stylesheet type="text/xsl" href="links.xsl" ?> • <links> • <section> • <manu>Cars for sale</manu> • <car> • <make>Auto Trader</make> • <man>http://www.autotrader.com</man> • </car> • <car> • <make>Usedcars</make> • <man>http://www.usedcars.com</man> • </car> • <car> • <make>Car Casher</make> • <man>http://www.carcasher.com</man> • </car> • </section> • <section> • <manu>Parts for Sale</manu> • <car> • <make>Car-part</make> • <man>http://www.car-part.com</man> • </car> • <car> • <make>JC Whitney</make> • <man>http://www.jcwhitney.com</man> • </car> • </section>

  20. Links Code • <section> • <manu>Videos</manu> • <car> • <make>Streetfire</make> • <man>http://www.streetfire.com</man> • </car> • <car> • <make>Car Video Forum</make> • <man>http://www.carvideoforum.com</man> • </car> • </section> • </links>

  21. Links Code • <?xml version="1.0" encoding="ISO-8859-1"?> • <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> • <xsl:template match="/"> • <html> • <link rel ="stylesheet" type="text/css" • href="stylemod.css"/> • <style type="text/css"></style> • <table border="0" cellspacing="0" cellpadding="0" width="100%"> • <tr> • <td align="left" rowspan="10%" class="special"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm"> • <img src="http://my.fit.edu/~jmorton/Multiproject/modded.png" /></a> • </td> • </tr> • </table> • <table border="0" cellspacing="0" cellpadding="4" width="100%" style="border-bottom:1px solid #64633D"> • <tr> • <td align="center" style="background-color: silver"> • <strong>Car Links</strong> • </td> • </tr> • </table> • <br/> • <body> • <table border="1" cellspacing="0" cellpadding="4" width="100%" style="background-color: silver; border-bottom:1px solid #64633D"> • <xsl:for-each select="links/section"> • <tr align="left" bgcolor="#9acd32"> • <th colspan="2" style="background-color: ButtonShadow"> • Manufacturer: <xsl:value-of select="manu"/> • </th> • </tr>

  22. Links Code • <xsl:for-each select="car"> • <xsl:sort select="man"/> • <tr> • <td> • <xsl:value-of select="make"/> • </td> • <td> • <a href="{man}"> • <xsl:value-of select="man"/> • </a> • </td> • </tr> • </xsl:for-each> • </xsl:for-each> • </table> • </body> • </html> • </xsl:template> • </xsl:stylesheet>

  23. Survey • Survey

  24. Survey Code • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> • <html xmlns="http://www.w3.org/1999/xhtml" > • <head> • <title>Modded Inc. Survey</title> • <link rel ="stylesheet" type="text/css" • href="stylemod.css"/> • <style type="text/css"> • p {font-family: arial} • </style> • </head> • <body> • <table border="0" cellspacing="0" cellpadding="0" width="100%"> • <tr> • <td align="left" rowspan="10%" class="special"> • <a href="http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm"><img src="http://my.fit.edu/~jmorton/Multiproject/modded.png" /></a> • </td> • </tr> • </table> • <table border="0" cellspacing="0" cellpadding="4" width="100%" style="border-bottom:1px solid #64633D"> • <tr> • <td align="center"> • <strong>Modded Inc. Survey</strong> • </td> • </tr> • </table>

  25. <form action="ModdedSurvey.php" method="post"> • <table border="0" cellspacing="0" cellpadding="4" width="100%" style="border-bottom:1px solid #64633D; background-color; black"> • <tr> • <td>What is your Favorite Page?</td> • <td colspan="5"><input type="radio" name="page" value="homepage"/>Homepage | <input type="radio" name="page" value="forum"/>Forum | <input type="radio" name="page" value="gallery"/>Gallery | <input type="radio" name="page" value="manuals"/>Manuals | <input type="radio" name="page" value="links"/>Links | <input type="radio" name="page" value="survey"/>Survey</td> • </tr> • <tr> • <td>What is your Favorite Auto Manufacturer?</td> • <td colspan="5"><input type="radio" name="manu" value="nissan"/>Nissan | <input type="radio" name="manu" value="bmw"/>BMW | <input type="radio" name="manu" value="Honda"/>Honda</td> • </tr> • <tr> • <td colspan="5" align="center"><input type="submit" value="submit" name="submit" /> • </td> • </tr> • </table> • </form> • </body> • </html>

  26. Forum • Forum

  27. Forum

  28. Forum

  29. Forum

  30. ForumCode • <?php • include "connect.php"; • print "<link rel='stylesheet' href='http://my.fit.edu/~pstumpf/Multifarious/forum2/stylemod.css' type='text/css'>"; • print "<a href='http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm'> <img src='http://my.fit.edu/~jmorton/Multiproject/modded.png' /></a><br>"; • print "<a href='http://my.fit.edu/~pstumpf/Multifarious/forum2/post.php'> New Topic </a> <br>"; • print "<table>"; • print "<tr class='headline'> <td width=50%> Topic </td> <td width=20%> Topic Starter </td> <td> Replies </td> <td> Last replied time </td> </tr>"; • $getthreads="SELECT * from forumposting where parentid='0' order by lastrepliedto DESC"; • $getthreads2=mysql_query($getthreads); • while($getthreads3=mysql_fetch_array($getthreads2)) • { • $getthreads3[title]=strip_tags($getthreads3[title]); • $getthreads3[author]=strip_tags($getthreads3[author]); • print "<tr> <td> <a href='http://my.fit.edu/~pstumpf/Multifarious/forum2/message.php?id=$getthreads3[postid]'> $getthreads3[title] </a> </td> <td> $getthreads3[author] </td> <td> $getthreads3[numreplies] </td> <td> $getthreads3[showtime] <br> Last post by <b> $getthreads3[lastposter] </b> </td> </tr>"; • } • print "</table>"; • ?>

  31. ForumCode • <?php • $db = mysql_connect("olin.fit.edu","pstumpf","6XYGws") or die("Could not connect."); • if(!$db) • die("no db"); • if(!mysql_select_db("UDB_pstumpf",$db)) • die("No database"); • if(!get_magic_quotes_gpc()) • { • $_GET = array_map('mysql_real_escape_string', $_GET); • $_POST = array_map('mysql_real_escape_string', $_POST); • $_COOKIE = array_map('mysql_real_escape_string', $_COOKIE); • } • else • { • $_GET = array_map('stripslashes', $_GET); • $_POST = array_map('stripslashes', $_POST); • $_COOKIE = array_map('stripslashes', $_COOKIE); • $_GET = array_map('mysql_real_escape_string', $_GET); • $_POST = array_map('mysql_real_escape_string', $_POST); • $_COOKIE = array_map('mysql_real_escape_string', $_COOKIE); • } • ?>

  32. ForumCode • <?php • include "connect.php"; • print "<link rel='stylesheet' href='http://my.fit.edu/~pstumpf/Multifarious/forum2/stylemod.css' type='text/css'>"; • print "<a href='http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm'> <img src='http://my.fit.edu/~jmorton/Multiproject/modded.png' /></a><br>"; • print "<table>"; • print "<tr class='headline'><td>Reply</td></tr>"; • print "<tr><td>";

  33. ForumCode • if(isset($_POST['submit'])) • { • $name=$_POST['name']; • $yourpost=$_POST['yourpost']; • $subject=$_POST['subject']; • $id=$_POST['id']; • if(strlen($name)<1) • { • print "You did not type in a name."; //no name entered • } • else if(strlen($yourpost)<1) • { • print "You did not type in a post."; //no post entered • } • else • { • $thedate=date("U"); //get unix timestamp • $displaytime=date("F j, Y, g:i a"); • $insertpost="INSERT INTO forumposting(author,title,post,showtime,realtime,lastposter,parentid) values('$name','$subject','$yourpost','$displaytime','$thedate','$name','$id')"; mysql_query($insertpost) or die("Could not insert post"); //insert post • $updatepost="Update forumposting set numreplies=numreplies+'1', lastposter='$name',showtime='$displaytime', lastrepliedto='$thedate' where postid='$id'"; • mysql_query($updatepost) or die("Could not update post"); • print "Message posted, go back to <a href='message.php?id=$id'>Message</a>."; • } • }

  34. ForumCode • else • { • $id=$_GET['id']; • print "<form action='reply.php' method='post'>"; • print "<input type='hidden' name='id' value='$id'>"; • print "Your name:<br>"; • print "<input type='text' name='name' size='20'><br>"; • print "Your message:<br>"; • print "<textarea name='yourpost' rows='5' cols='40'></textarea><br>"; • print "<input type='submit' name='submit' value='submit'></form>"; • } • print "</td></tr></table>"; • ?>

  35. ForumCode • <?php • include "connect.php"; • print "<link rel='stylesheet' href='stylemod.css' type='text/css'>"; • print "<a href='http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm'> <img src='http://my.fit.edu/~jmorton/Multiproject/modded.png' /></a><br>"; • print "<table>"; • print "<tr class='headline'><td>Post a message</td></tr>"; • print "<tr><td>";

  36. ForumCode • if(isset($_POST['submit'])) • { • $name=$_POST['name']; //puts input in the name • $yourpost=$_POST['yourpost']; //puts input into yourpost • $subject=$_POST['subject']; //puts input into subject • if(strlen($name)<1) //if the length of the string is less than one then • { • print "No name entered"; //no name entered • } • else if(strlen($yourpost)<1) //if the length of the string is les than one then • { • print "No post entered"; //no post entered • } • else if(strlen($subject)<1) //if the length of the string is les than one then • { • print "Please enter a subject"; //no subject entered • }

  37. ForumCode • else • { • $thedate=date("U"); //get unix timestamp • $displaytime=date("F j, Y, g:i a"); • mysql_query("INSERT INTO forumposting (author, title, post, showtime, realtime, lastposter) VALUES ('$name','$subject','$yourpost','$displaytime','$thedate','$name')"); //insert post • print "Message posted, go back to <a href='http://my.fit.edu/~pstumpf/Multifarious/forum2/index.php'>Forum</a>."; • } • } • else • { • print "<form action='post.php' method='post'>"; • print "Your name:<br>"; • print "<input type='text' name='name' size='20'> <br>"; • print "Subject:<br>"; • print "<input type='text' name='subject' size='20'> <br>"; • print "Your message:<br>"; • print "<textarea name='yourpost' rows='5' cols='40'> </textarea> <br>"; • print "<input type='submit' name='submit' value='submit'> </form>"; • } • print "</td></tr></table>"; • ?>

  38. ForumCode • <?php • include "connect.php"; • $id=$_GET['id']; • print "<link rel='stylesheet' href='http://my.fit.edu/~pstumpf/Multifarious/forum2/stylemod.css' type='text/css'>"; • print "<a href='http://my.fit.edu/~jmorton/Multiproject/ModdedINC HomePage.htm'> <img src='http://my.fit.edu/~jmorton/Multiproject/modded.png' /></a><br>"; • print "<a href='http://my.fit.edu/~pstumpf/Multifarious/forum2/index.php'>Back to main forum</a>-<a • href='http://my.fit.edu/~pstumpf/Multifarious/forum2/post.php'>New Topic</a>-<a href='http://my.fit.edu/~pstumpf/Multifarious/forum2/reply.php?id=$id'>Reply<br>"; • print "<table>"; • print "<tr class='headline'> <td width=20%>Author</td> <td width=80%>Post</td> </tr>"; • $gettopic="SELECT * from forumposting where postid='$id'"; • $gettopic2=mysql_query($gettopic) or die("Topic not found"); • $gettopic3=mysql_fetch_array($gettopic2); • print "<tr><td valign='top'>$gettopic3[author]</td><td valign='top'>Last replied to at $gettopic3[showtime]<br><hr>"; • $message=strip_tags($gettopic3['post']); • $message=nl2br($message); • print "$message<hr><br>"; • print "</td></tr>";$getreplies="Select * from forumposting where parentid='$id' order by postid desc"; //getting replies • $getreplies2=mysql_query($getreplies) or die("Could not get replies");

  39. ForumCode • while($getreplies3=mysql_fetch_array($getreplies2)) • { • print "<tr class='mainrow'><td valign='top'>$getreplies3[author]</td><td vakign='top'>Last replied to at $getreplies3[showtime]<br><hr>"; • $message=strip_tags($getreplies3['post']); • $message=nl2br($message); • print "$message<hr><br>"; • print "</td></tr>"; • } • print "</table>"; • ?>

  40. Stylesheet • BODY • h1 {font-family: arial; text-align: center} • h3 {font-family: Times; color:red; text-decoration: underline; text-align: left} • p {font-family: Courier; margin-left: .5cm} body {background-color: black} • .special {background-color: black} • ol {text-transform: lowercase; font-size: 14px; font-family: times;list-style-type: lower-roman} • a {color: blue} • a:hover {background-color: #ccffcc} • td {font-family: Arial; font-size: 14px; background-color: Silver} • table {background-color: Black} • .mod {background-color:ButtonShadow} • .headline {font-family: Verdana,Sans-serif; font-weight: bold; color: red; background-color: #003366; font-size: 11px;}

More Related