Allora, salve a tutti. Vorrei creare il layout del mio sito con i fogli di stile.
Il codice della pagina principale è questo di seguito. COme posso fare?
Grazie a tutticodice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Pc Point</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style5 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } --> </style> <style type="text/css"> div#MENU { background-color: #000000; width: 150px; padding: 5px; border: Solid 1px blue; } div.TITOLO { position: Relative; background-color: #000000; font: Bold 10px Verdana; margin-bottom: 5px; padding: 5px; border: Solid 1px blue; cursor: Pointer; } span.VOCI { display: None; font-family: Verdana; font-size: 10px; } a { color: white; } </style> <style type="text/css"> div#MENU { background-color: #000000; width: 168px; padding: 5px; border: Solid 1px blue; } div.TITOLO { position: Relative; background-color: #000000; font: Bold 10px Verdana; margin-bottom: 5px; padding: 5px; border: Solid 1px blue; cursor: Pointer; } span.VOCI { display: None; font-family: Verdana; font-size: 10px; } a { color: #ffffff; } </style> <style type="text/css"> <!-- .style5 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } --> </style> </head> <body topmargin="0" bottommargin="0" alink="white" bgcolor="#000000" link="white" text="#ffffff" vlink="white"> <script language="JavaScript1.2"> //Gradual-Highlight image script- By Dynamic Drive //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com //This credit MUST stay intact for use function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) if (which2.style.MozOpacity) which2.style.MozOpacity=0.3 else if (which2.filters) which2.filters.alpha.opacity=30 } function highlightit(cur2){ if (cur2.style.MozOpacity<1) cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1 else if (cur2.filters&&cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> <table style="border: 1px solid rgb(96, 163, 255);" align="center" border="0" cellpadding="0" cellspacing="0" width="750"> <tbody> <tr> <td background="images/02.gif" width="12">[img]images/02.gif[/img]</td> <td colspan="3" background="images/01.gif" height="26"></td> <td background="images/02.gif" width="12">[img]images/02.gif[/img]</td> </tr> <tr> <td background="images/02.gif"></td> <td colspan="3" height="26">[img]images/logo.gif[/img]</td> <td background="images/02.gif"></td> </tr> <tr> <td style="height: 27px;" background="images/02.gif"></td> <td style="height: 27px;" width="178"></td> <td style="height: 27px;" background="images/07.jpg" width="453"></td> <td style="height: 27px;" background="images/07.jpg" width="241"></td> <td style="height: 27px;" background="images/02.gif"></td> </tr> <tr> <td background="images/02.gif"></td> <td align="center" valign="top"> <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="101" width="165"> <tbody> <tr> <td align="left" background="images/03.gif" height="12" valign="top" width="165"><span class="style5">[.:Menù:.]</span></td> </tr> <tr> <td align="left" height="68" valign="top" width="165"> <script language="javascript"> function Menu(id) { var e = document.getElementById(id); var a = document.getElementById("MENU").getElementsByTagName("span"); if (e.style.display != "Block") { for (var i=0; i<a.length; i++) { if (a[i].className == "VOCI") { a[i].style.display = "None"; } } e.style.display = "Block"; } else { e.style.display = "None"; } } </script> <div id="MENU"> <? include("menu.php"); ?> </div> </td> </tr> <tr> <td align="left" background="images/03.gif" height="12" valign="top"></td> </tr> </tbody> </table> <table style="border: 1px solid rgb(71, 216, 229);" border="0" cellpadding="0" cellspacing="0" height="142" width="165"> <tbody> <tr> <td align="left" background="images/03.gif" height="12" valign="top" width="165"><span class="style5">[.:Ricerca:.]</span></td> </tr> <tr> <td align="left" height="115" valign="top" width="165"> </p> <? include("formcerca.php"); ?> </p></td> </tr> <tr> <td align="left" background="images/03.gif" height="12" valign="top"></td> </tr> </tbody> </table> <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="106" width="165"> <tbody> <tr> <td align="left" background="images/03.gif" height="12" valign="top" width="165"><span class="style5">[.:Affiliati speciali:.]</span></td> </tr> <tr> <td align="center" height="77" valign="top" width="165"></td> </tr> <tr> <td align="left" background="images/03.gif" height="12" valign="top"></td> </tr> </tbody> </table> </td> <td colspan="2" align="center" valign="top"> <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="237" width="98%"> <tbody> <tr> <td class="style5" align="left" background="images/03.gif" height="12" valign="top">[.:Benvenuti:.]</td> </tr> <tr> <td height="223" valign="top"> <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script> <script type="text/javascript" src="jquery.easing.min.js"></script> <script type="text/javascript" src="jquery.lavalamp.min.js"></script> <script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event, menuItem) { return false; } }); }); </script> </td> </tr> <tr> <td align="left" background="images/03.gif" height="12" valign="top"></td> </tr> </tbody> </table> <table style="border: 1px solid rgb(96, 163, 255);" border="0" cellpadding="0" cellspacing="0" height="105" width="98%"> <tbody> <tr> <td align="left" background="images/03.gif" height="12" valign="top"> <div align="left"><span class="style5">[.:Affiliati:.]</span></div> </td> </tr> <tr> <td height="79"> </p> </p> </p> </td> </tr> <tr> <td align="left" background="images/03.gif" height="12" valign="top"></td> </tr> </tbody> </table> </td> <td background="images/02.gif"></td> </tr> <tr> <td background="images/02.gif"></td> <td colspan="3" height="26"></td> <td background="images/02.gif"></td> </tr> <tr> <td background="images/02.gif"></td> <td background="images/footer01.gif" height="26"></td> <td colspan="2" background="images/footer01.gif" height="26"> <div align="right"></div> </td> <td background="images/02.gif"></td> </tr> </tbody> </table> </body> </html>
Rispondi quotando
