|
|
|
|
|
|
|
|
|
The Code For the Site
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Poetry.org - Poetry Links and Resources</title> <script type="text/javascript"> <!-- startList = function() { if (document.all && document.getElementById) { // CHECK FOR STANDARD navRoot = document.getElementById("nav"); // FIND ID for (i=0; i<navRoot.childNodes.length; i++) { // LOOP THROUGH nav NODES node = navRoot.childNodes[i]; // first/last node array if (node.nodeName=="LI") { // IF NODE IS list item node.onmouseover=function() { // ASSIGN Function RETURN this.className+=" classDover"; // ALTER className NAME } // END Function node.onmouseout=function() { // ASSIGN Function RETURN this.className=this.className.replace(" classDover", ""); } // Replace className NAME } // end if } // end for } // end if } // end function window.onload=startList; // call function function toggleLayer(whichLayer){ // See Class 4 for explanation of toggleLayer if (document.getElementById) { // this is the way the standards work var style2 = document.getElementById(whichLayer).style; style2.display = style2.display? "":"block"; } else if (document.all) { // this is the way old msie versions work var style2 = document.all[whichLayer].style; style2.display = style2.display? "":"block"; } else if (document.layers) { // this is the way nn4 works var style2 = document.layers[whichLayer].style; style2.display = style2.display? "":"block"; } } //--> </script> <style> body { /* Body Style */ background: #5A4836; color: #000000; margin: 0px; background-image: url('image_Main/bkg_brown_left.gif'); background-repeat: repeat-y; /* Repeat down*/ background-position: top left; /* where to start background*/ } td.main { color: #000000; margin: 0px; background-image: url('image_Main/bkg_brown_right.gif'); background-repeat: repeat-y; /* Repeat down*/ background-position: top right; /* where to start background*/ } td.top { color: #000000; margin: 0px; background-image: url('image_Main/bkg_sunset.gif'); background-repeat: repeat-x; /* Repeat across*/ } td.mainleft { color: #000000; margin: 0px; background-image: url('image_Main/bkg_beige_left.gif'); background-repeat: repeat-y; /* Repeat down*/ background-position: top right; /* where to start background*/ } td.mainright { color: #000000; margin: 0px; background-image: url('image_Main/bkg_beige_right.gif'); background-repeat: repeat-y; /* Repeat down*/ background-position: left; /* where to start background*/ } /* THIS IS STYLE TO BUILD A TABLE BASED WEB PAGE */ td.maincenter { background: #E8CEAD; color: #000000; } td, P { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.5; // give a line and a half between lines color: #000000; } td.navleft { // Fade the img on left of top nav menu color: #000000; margin: 0px; background-image: url('image_Main/bkg_brown_right.gif'); background-repeat: repeat-y; background-position: right; } td.navright { // Fade the img on right of top nav menu color: #000000; margin: 0px; background-image: url('image_Main/bkg_brown_left.gif'); background-repeat: repeat-y; background-position: left; } td.navcenter { background: #413427; color: #EDBB54; } .small { font-size: 9px; color: #EDBB54; } h1 { font-size: 24px; } h2 { font-size: 21px; } .heading1 { position:absolute; top:3px; left:110; color: #E8CEAD; font-family:'fantasy','Zapf Chancery','cursive' ; font-size:48px; } .heading2 { position:absolute; top:4px; left:111; color: #CA8500; font-family:'fantasy','Zapf Chancery','cursive' ; font-size:48px; } .heading3 { position:absolute; top:5px; left:112; color: #000000; font-family:'fantasy','Zapf Chancery','cursive' ; font-size:48px; } .head1 { font-family: Verdana, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #CA8500; } /* ******** TOP NAV MENU ******* */ ul { /* Style for all lists */ padding: 0px; list-style: none; /* remove bullet */ color:blue; /* text color */ background-color:#413427; /* bg color */ /* white-space: nowrap; text wrapping */ } li { /* Style for all list items */ float: left; /* changes items to Horizontal */ position: relative; /* keep the <li> from bunching to right */ width:85px; text-align:center; color:#EDBB54; z-index:2; } li ul { /* Style for second-level lists */ display: none; /* hidden */ position: absolute; /* this is fixed position*/ top: 8px; /* Know your height */ left: 0; /* fix position from left */ margin-top: 10px; /* push the <li> down */ margin-left: 0px; /* set the <li> indent to 0 */ width:135px; white-space:nowrap; z-index:2; } li:hover ul{ /* lists nested under hovered list items */ display: block; /* initial state of <li> */ } li.classDover ul { /* class classDover - lists nested under hovered list items */ display: block; /* initial state of <li> */ } A.MenuGroup { /* link style of top menu <a> */ text-decoration:none; color:#EDBB54; font-variant: small-caps; } A.MenuGroup:hover { background-color:#EDBB54; color:#413427; font-variant: small-caps; } A.topMenu { /* link style of sub menu <a> */ text-decoration:none; color:#EDBB54; font-variant: small-caps; } A.topMenu:hover { background-color:#EDBB54; color:#413427; font-variant: small-caps; } </style> </head> <body marginwidth="0" marginheight="0" topmargin="0" <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"> <tr> <td align="center" valign="top" class="main"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td align="center" class="top"> <span class="heading1">The Missing Poets of Howard Community College</span> <span class="heading3">The Missing Poets of Howard Community College</span> <span class="heading2">The Missing Poets of Howard Community College</span> <img src="image_Main/George_MasonAtSunset.jpg" width="475" </td> </tr> </table> <br /> <table cellpadding="8" cellspacing="0" border="0" width="620"> <tr> <td width="60" class="navleft"> <img src="image_Main/pixel.gif" width="60" height="6" alt="" /> </td> <td width="500" class="navcenter" valign="top" align="center"> <!-- <div class="TopNav"> --> <ul id="nav"> <li><a href="Poetry_org.htm" class="MenuGroup"> Home</a></li> <li><a href="#" class="MenuGroup" <ul id="lI1"> <li><a href="Poetry.htm" <li><a href="Prose.htm" <li><a href="Unfinished.htm" </a></li> <li><a href="Other.htm" </ul> </li> <li><a href="#" class="MenuGroup" <ul id="lI2"> <li><a href="Purchase.htm" class="topMenu"> <li><a href="Donate.htm" </ul> </li> <li><a href="About.htm" class="MenuGroup"> About</a></li> <li><a href="#" class="MenuGroup" <ul id="lI3"> <li><a href="http://www.poetry.com/" <li><a href="http://www.poets.org/" <li><a href="http://www.emule.com/poetry/" <li><a href="http://www.poetrymagazine.org/" <li><a href="http://www.poems.com/" <li><a href="http://lannan.George Mason.edu/" Lannan Literary Soc.</a></li> </ul> </li> </ul> <!-- </div> --> </td> <td width="60" class="navright"> <img src="image_Main/pixel.gif" width="60" height="6" alt="" /> </td> </tr> <tr> <td width="60" class="mainleft" rowspan="2"> <img src="image_Main/pixel.gif" width="60" height="1" alt="" /> </td> <td width="500" class="maincenter" valign="top"> <img src="image_Main/pixel.gif" width="500" height="2" alt="" /> </td> <td width="60" class="mainright" rowspan="2"> <img src="image_Main/pixel.gif" width="60" height="1" alt="" /> </td> </tr> <tr> <td width="500" class="maincenter" valign="top"> <span class="head1"> Finally Here </span> <p style="text-align:justify"> <script language="Javascript"> <!-- //creating a array of the image object var images=new Array('image_Main/Ptolemy_Almagest.jpg', 'images/Baffin.jpg', 'images/Dragon00a.jpg', 'images/Hush00.jpg', 'images/MMPI04a.jpg', 'images/Laura_finished_00a.jpg' ) var max = images.length; var num = Math.floor((Math.random() * max)); document.writeln('<img src="' + images[num] ); document.writeln('" align="right" width="178px" '); document.writeln(' vspace="5px" border="1" '); //--> </script> It is Finally here, the last of the lost collection of works by the greatest missing artist/poet of Howard College. Ptolemy Almagest, the first great trendsetter in pastiche poetry, has been called "the major innovator in his art form." </p> <p style="text-align:justify"> Forced to spend much of his life in exile from his native Alexandria, Ptolemy Almagest died a sad and lonely death. It is only now that the works of the great poet are finally brought together into a single literary collection. </p> <p style="text-align:justify"> Best known for such works as "Hush Little Ones", and "The Dragon", Ptolemy Almagest mastered the art of convencing prose and poetry. His artwork is also a sign deep of his understanding and love for his subject matter. All of his known works are now on exhibit the Department of Biostatistics, at Howard Community College. </p> <br /> </td> </tr> <tr> <td width="60" class="navleft"> <img src="image_Main/pixel.gif" width="60" height="6" alt="" /> </td> <td width="500" class="navcenter" valign="top" align="center"> <p class="small">© 2006 - Webdev13</p> </td> <td width="60" class="navright"> <img src="image_Main/pixel.gif" width="60" height="6" alt="" /> </td> </tr> </table> <br /> </td> </tr> </table> </body> </html> |
||
|
|
© 2006 - Webdev13 |
|