Menù indipendente

Versione Completa   Stampa   Cerca   Utenti   Iscriviti     Condividi : FacebookTwitter
...Voci nel Web... » ...Voci nel Web... » ...Web Mania... » Web Development
leobira
00venerdì 9 settembre 2005 13:36
Ciao!!! Complimenti per il sito!!!
Ieri ho deciso di cambiare di nuovo grafica al mio sito e cosi ho scaricato il template TUBES realizzato da PhoeniXXX .......
Tutto funzionava ma mi sono reso conto che dovrei rendere i menù indipendenti e anche la parte centrale della pagina.....perchè in questo modo e molto piuù pratico e facilmente aggioranabile..
Ho provato a utilizzare " iframe " ma la grafica del sito risultava scomposta(i menù da una parte ...le la parte bassa del sito non si vedeva più......)
Questa è la pagina(index.html) :
<html>
<head>
<title>VocinelWeb.it - Free Web Templates</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<style type="text/css">
<!--
.style1 {
color: #365E81;
font-weight: bold;
}
-->
</style>
</head>

<body bgcolor="#BECCD7" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="264" height="92"><img src="images/logo.jpg" width="268" height="92"></td>
<td background="images/headerbg.jpg"> </td>
<td width="88" height="92"><img src="images/headerdx.jpg" width="88" height="92"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/01.jpg" width="274" height="6"></td>
<td><img src="images/02.jpg" width="271" height="6"></td>
<td width="100%" background="images/04.jpg"></td>
<td><img src="images/03.jpg" width="48" height="6"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="211" height="16"><img src="images/05.jpg" width="211" height="16"></td>
<td width="327" align="center" background="images/06.jpg">|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|</td>
<td width="18"><img src="images/07.jpg" width="18" height="16"></td>
<td width="140" background="images/09.jpg"> </td>
<td width="54"><img src="images/08.jpg" width="54" height="16"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="199" height="14"><img src="images/10.jpg" width="199" height="14"></td>
<td width="346"><img src="images/11.jpg" width="346" height="14"></td>
<td width="12"><img src="images/13.jpg" width="12" height="14"></td>
<td WIDTH="100%" background="images/14.jpg"></td>
<td width="53"><img src="images/12.jpg" width="53" height="14"></td>
</tr>
</table>





<iframe src="menu.html"</iframe>





<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center" class="style1">::Menù::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center" class="style1">::Menù::</div></td>
</tr>
<tr>
<td height="150" valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br></td>
<td width="408" valign="top"><table width="9" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="360" height="16" valign="top" background="images/20.jpg"><div align="center" class="style1">::Contenuti::</div></td>
</tr>
<tr>
<td height="308" valign="top" background="images/21.jpg"><p>Grazie per aver visitato VocinelWeb.it e per aver scaricato questo template.<br>
<strong>Termini di Utilizzo:</strong><br>
Crediamo nella filosofia che internet debba rimanere gratis,così come le risorse in esso contenute,mettiamo perciò a vostra disposizione questi set di templates per costruire il vostro sito in pochi click!Quello che chiediamo è di lasciare intatti almeno uno dei link a vocinelweb.it!Grazie a questo piccolo gesto aiuterete questa sezione ad arricchirsi sempre più secondo i vostri gusti ed esigenze! <br>
E' vietata la vendita di questo template sotto qualsiasi forma!<br>
<strong>Istruzioni:</strong><br>
Scaricate il file .zip e decomprimetelo,all'interno troverete il file html,il foglio di stile css e le immagini;nella cartella psd troverete il file psd relativo al logo in alto,modificabile con photoshop, e per coloro che non hanno photoshop la base del logo senza scritte a cui potrete aggiungere il nome del vostro sito con qualsiasi programma di grafica.<br>
<strong>Info</strong>:<br>
Per informazioni o per aiuto scrivete nella sezione "<a href="http://www.freeforumzone.com/viewdiscussioni.aspx?f=2440&idc=36" target="_blank"><strong>web development</strong></a>" del forum.<br>
<strong>English User </strong><br>
English User can find instruction in the readme.txt file.<br><br>
<a href="mailto:donia@email.it">Donia</a> & <a href="mailto[SM=x39874]hoenixxx@vocinelweb.it">PhoeniXXX</a></td>
</tr>
<tr>
<td width="360"><img src="images/22.jpg" width="360"></td>
</tr>
</table><br><table width="9" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="16" width="149" background="images/20.jpg"> </td>
</tr>
<tr>
<td height="71" valign="top" background="images/21.jpg"><p></td>
</tr>
<tr>
<td width="360"><img src="images/22.jpg" width="360"></td>
</tr>
</table></td>
<td valign="top"><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center" class="style1">::Menù::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center" class="style1">::Menù::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center" class="style1">::Menù::</div></td>
</tr>
<tr>
<td height="150" valign="top" background="images/18.jpg">
<div align="center"><a href="http://www.vocinelweb.it" target="_blank"><img src="http://www.vocinelweb.it/links/vnw.gif" alt="Voci nel Web.it Faccine,Templates e molto Altro!" width="88" height="31" border="0"></a>
</li>
</div></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br></td>
<td width="18" valign="top" background="images/16.jpg"><img src="images/16.jpg" width="25" height="4"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/23.jpg" width="35" height="52"></td>
<td width="100%"background="images/24.jpg"> </td>
<td><a href="http://www.vocinelweb.it/template"><img src="images/25.jpg" alt="Templates Gratis" width="155" height="52" border="0"></a></td>
</tr>
</table>
</body>
</html>

E questa è la pagina " menu.html ": <table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="18" valign="top" background="images/15.jpg"><img src="images/15.jpg" width="25" height="4"></td>
<td valign="top"><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center" class="style1">::Menù::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
Mi potete dire coso ho sbagliato?
POi ho provato con il php utilizzando al posto di " <iframe src="menu.html"</iframe> " --> " <? include "menu.php";?>"
questa volta l'interfaccia grafica non e più scomposta solo che i link risultano fuori dalla tabella del Menù proprio vicino ad essa... [SM=x39934]
Grazie in anticipo per la risposta..[SM=x39890]
Modificato da Donia 09/09/2005 13.59
Giovanni89
00venerdì 9 settembre 2005 13:38
Oddio, non conviene mai mettere certi codici html nei messaggi [SM=x39911]
leobira
00venerdì 9 settembre 2005 13:57
Sopra non si vedeva il codice
Ciao!!! Complimentiper il sito!!!
Ieri ho deciso di cambiare di nuovo grafica al mio sito e cosi ho scaricato il template TUBES realizzato da PhoeniXXX .......
Tutto funzionava ma mi sono reso conto che dovrei rendere i menù indipendenti e anche la parte centrale della pagina.....perchè in questo modo e molto piuù pratico e facilmente aggioranabile..
Ho provato a utilizzare " iframe " ma la grafica del sito risultava scomposta(i menù da una parte ...le la parte bassa del sito non si vedeva più......)
Questa è la pagina(index.html):

<html>
<head>
<title>VocinelWeb.it - Free Web Templates</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<style type="text/css">
<!--
.style1 {
color: #365E81;
font-weight: bold;
}
-->
</style>
</head>

<body bgcolor="#BECCD7" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0"

marginheight="0">
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="264" height="92"><img src="images/logo.jpg" width="268" height="92"></td>
<td background="images/headerbg.jpg">&nbsp;</td>
<td width="88" height="92"><img src="images/headerdx.jpg" width="88" height="92"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/01.jpg" width="274" height="6"></td>
<td><img src="images/02.jpg" width="271" height="6"></td>
<td width="100%" background="images/04.jpg"></td>
<td><img src="images/03.jpg" width="48" height="6"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="211" height="16"><img src="images/05.jpg" width="211" height="16"></td>
<td width="327" align="center" background="images/06.jpg">|<a href="#">Link</a>|<a href="#">Link</a>|<a

href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a href="#">Link</a>|<a

href="#">Link</a>|<a href="#">Link</a>|</td>
<td width="18"><img src="images/07.jpg" width="18" height="16"></td>
<td width="140" background="images/09.jpg">&nbsp;</td>
<td width="54"><img src="images/08.jpg" width="54" height="16"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="199" height="14"><img src="images/10.jpg" width="199" height="14"></td>
<td width="346"><img src="images/11.jpg" width="346" height="14"></td>
<td width="12"><img src="images/13.jpg" width="12" height="14"></td>
<td WIDTH="100%" background="images/14.jpg"></td>
<td width="53"><img src="images/12.jpg" width="53" height="14"></td>
</tr>
</table>





<iframe src="menu.html"</iframe>




<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center"

class="style1">::Men&ugrave;::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center"

class="style1">::Men&ugrave;::</div></td>
</tr>
<tr>
<td height="150" valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br></td>
<td width="408" valign="top"><table width="9" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="360" height="16" valign="top" background="images/20.jpg"><div align="center"

class="style1">::Contenuti::</div></td>
</tr>
<tr>
<td height="308" valign="top" background="images/21.jpg"><p>Grazie per aver visitato VocinelWeb.it e

per aver scaricato questo template.<br>
<strong>Termini di Utilizzo:</strong><br>
Crediamo nella filosofia che internet debba rimanere gratis,così come le risorse in esso

contenute,mettiamo perci&ograve; a vostra disposizione questi set di templates per costruire il vostro sito in

pochi click!Quello che chiediamo è di lasciare intatti almeno uno dei link a vocinelweb.it!Grazie a questo

piccolo gesto aiuterete questa sezione ad arricchirsi sempre pi&ugrave; secondo i vostri gusti ed esigenze!

<br>
E' vietata la vendita di questo template sotto qualsiasi forma!<br>
<strong>Istruzioni:</strong><br>
Scaricate il file .zip e decomprimetelo,all'interno troverete il file html,il foglio di stile css e

le immagini;nella cartella psd troverete il file psd relativo al logo in alto,modificabile con photoshop, e per

coloro che non hanno photoshop la base del logo senza scritte a cui potrete aggiungere il nome del vostro sito

con qualsiasi programma di grafica.<br>
<strong>Info</strong>:<br>
Per informazioni o per aiuto scrivete nella sezione &quot;<a

href="http://www.freeforumzone.com/viewdiscussioni.aspx?f=2440&idc=36" target="_blank"><strong>web

development</strong></a>&quot; del forum.<br>
<strong>English User </strong><br>
English User can find instruction in the readme.txt file.<br><br>
<a href="mailto:donia@email.it">Donia</a> &amp; <a

href="mailto[SM=x39874]hoenixxx@vocinelweb.it">PhoeniXXX</a></td>
</tr>
<tr>
<td width="360"><img src="images/22.jpg" width="360"></td>
</tr>
</table><br><table width="9" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="16" width="149" background="images/20.jpg">&nbsp;</td>
</tr>
<tr>
<td height="71" valign="top" background="images/21.jpg"><p></td>
</tr>
<tr>
<td width="360"><img src="images/22.jpg" width="360"></td>
</tr>
</table></td>
<td valign="top"><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center"

class="style1">::Men&ugrave;::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center"

class="style1">::Men&ugrave;::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center"

class="style1">::Men&ugrave;::</div></td>
</tr>
<tr>
<td height="150" valign="top" background="images/18.jpg">
<div align="center"><a href="http://www.vocinelweb.it" target="_blank"><img

src="http://www.vocinelweb.it/links/vnw.gif" alt="Voci nel Web.it Faccine,Templates e molto Altro!" width="88"

height="31" border="0"></a>
</li>
</div></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br></td>
<td width="18" valign="top" background="images/16.jpg"><img src="images/16.jpg" width="25" height="4"></td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/23.jpg" width="35" height="52"></td>
<td width="100%"background="images/24.jpg">&nbsp;</td>
<td><a href="http://www.vocinelweb.it/template"><img src="images/25.jpg" alt="Templates Gratis" width="155"

height="52" border="0"></a></td>
</tr>
</table>
</body>
</html>






E questa è la pagina " menu.html ":[TESTO]<table width="750" border="0" align="center" cellpadding="0"




cellspacing="0">
<tr>
<td width="18" valign="top" background="images/15.jpg"><img src="images/15.jpg" width="25" height="4"></td>
<td valign="top"><table width="149" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="149" height="16" valign="top" background="images/17.jpg"><div align="center"

class="style1">::Men&ugrave;::</div></td>
</tr>
<tr>
<td valign="top" background="images/18.jpg"><ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul></td>
</tr>
<tr>
<td background="images/19.jpg"><img src="images/19.jpg"></td>
</tr>
</table><br><table width="149" border="0" cellspacing="0" cellpadding="0">

Mi potete dire coso ho sbagliato?
POi ho provato con il php utilizzando al posto di " <iframe src="menu.html"</iframe> " --> " <? include "menu.php";?>"
questa volta l'interfaccia grafica non e più scomposta solo che i link risultano fuori dalla tabella del Menù proprio vicino ad essa... [SM=x39934]
Grazie in anticipo per la risposta..[SM=x39890]
leobira
00sabato 10 settembre 2005 01:41
Ci sono quasi...
Bene..ho fatto un passo avanti..e sono riuscito a riprodurre l'interfaccia grafica completamente.. [SM=x39919]
Mi sono accorto che era meglio suddividere il template in 4 parti l[ header.php , menu.php , menu1.php , e main.php ] + il file index.php
che comprende questo codice :

<? include("header.php" ) ;
include("menu.php" ) ;
$p="main"; //pagina di default per i contenuti centrali
if(isset($_GET['page'])){ //pagina passata via parametro
$p=$_GET['page'];
if($p!=basename($p) || !preg_match("/^[A-Za-z0-9\-_]+$/",$p) || $p=="index" || !file_exists($p.".php" ))
$p="error"; //pagina di errore
}
include($p.".php" ) ;
include("menu1.php" ); ?>


Il problema è che quando clicco su un link dal menù non è che cambia SOLO il contenuto centrale(riportando al posto delle frasi di introduzione quelle del regolamento ) ma ..l'interfaccia grafica sparisce, tutto :menù header...e appare scritto semplicemente SOLO il contenuto ...della pagina corrispondente al link ... ...
Spero che qualcuno di voi possa rispondere........[SM=x40004]

leobira
00sabato 10 settembre 2005 02:11
Ci sono riuscito..!!!...
Sii!!! [SM=x39900] [SM=x39884]
Ecco..ho individuato l'errore .........[una cosa molto importante]
praticamente io nel menu avevo linkato la pagina cosi: " <a href="regolamento.php">Regole</a> " cosi facendo mi mandava diretamente ad essa non mantenendo l'interfaccia grafica(menu e header)....Invece dovevo linkare la pagina in questo modo per ottenere il risultato da me desiderato "<a href="index.php?page=regolamento">Regole</a> " (cosi la pagina non e più composta da header.php + menu.php + main.php +menu1.php --------> ma da header.php + menu.php + regolamento.php +menu1.php .

[SM=x39858]
Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 15:48.
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com