Collegamenti alle pagine del menu in un template css

Printable View

01-01-2008, 13.32.30

Collegamenti alle pagine del menu in un template css

Innanzitutto buon anno a tutti voi...Sono qui per un problema che mi ha bloccata. E' la prima volta che ho voluto fare un sito con i fogli di stile, ma non so come fare per quanto riguarda i collegamenti con le pagine del sito. Vi posto qui indirizzo e se c'è un'anima buona che mi aiuti ne sarei felice :lol:
http://mgscart.altervista.org

Poi un'altra cosa ...Penso che una volta cliccato sulla pagina desiderata nel menu del template...la grafica dello stesso template rimanga statica...ossia com'è....Quindi dovrei ripetere la stessa grafica di contorno (header,footer e lato destro nel mio caso) per ogni pagina...sbaglio? E come faccio col colore dei pusanti? L'arancione (nel mio caso quando viene cliccato) della home mi rimane sempre acceso anche se (ho provato in dreamweaver) metto selected quando sono nella pagina "azienda"
Scusate ma nn sono molto tecnica nell'esprimermi ma spero di aver reso l'idea. Grazie a dopo :roll:
01-01-2008, 13.34.42

Tu di preciso vuoi collegare una pagina web ad un foglio di stile esterno?

Ciao...
01-01-2008, 13.38.50

se hai visto la home page del sito di cui ho dato indirizzo c'è lo spazio bianco dove inserire anche il contenuto delle altre pagine, quindi non credo mi debba collegare ad un foglio di stile esterno...ma internamente al sito
01-01-2008, 13.39.47

Quindi vuoi inserire iframe?

Ciao...
01-01-2008, 13.42.50

diciamo di si...se ho capito bene..mi spieghi meglio?
01-01-2008, 13.43.52

Vuoi il codice?
01-01-2008, 13.44.50

completo? ok grz
01-01-2008, 13.47.09

Tieni questo è il codice, io ti do le dimensioni 100x100 pixel, poi ridimensionalo tu a tuo piacere:

Codice:

<iframe width="100" height="100" src="sorgente pagina web"></iframe>

Ciao...
01-01-2008, 13.48.58

sono imbranata lo so...ma dove devo inserirlo? Non potresti farmi vedere l codice completo della home page con inserito questo codice? Ti prego,,,grazie
01-01-2008, 13.58.29

Mah, il codice lo inserisci dove vuoi che la pagina si visualizzi. Non ho esempi da farti vedere.

Ciao...
01-01-2008, 14.02.59

grazie lo stesso ciao
01-01-2008, 14.03.41

Ma funziona come vuoi tu?

Ciao...
01-01-2008, 14.05.54

Io sconsiglio i frame ed iframe.. usa PHP piuttosto.

Codice PHP:

<?php include("/membri/mgscart/percorso_file/file.inc"); ?>

oppure

Codice PHP:

<?php include("/membri2/mgscart/percorso_file/file.inc"); ?>

Asseconda se il tuo sito è presente in membri o membri2

Poi crei il file.inc con il blocco note e scrivi il codice html che vuoi venga inserito nella pagina dove lo includi con include()..
la pagina dove metti include deve avere estensione .php

Ti faccio un esempio
my_pagina.php

Codice HTML:

<html> <head> <title>titolo</title> </head> <body> <div align="center"> <div id="testata"> <?php include("/membri/mgscart/script/testata.inc"); ?> </div> <div id="centro"> contenuto </div> <div id="footer"> <?php include("/membri/mgscart/script/footer.inc"); ?> </div> </div> </body> </html>

Dove testata.inc e footer.inc contengono i codici che tu avresti inserito al posto di include()

comunque hai commesso alcuni errori, come il percosrso di questo foglio di stile

Codice HTML:

<link rel="stylesheet" type="text/css" href="file:///C|/Documents%20and%20Settings/blade-victor/Desktop/nuovi%20template/turn_it_up/turn_it_up/style/orange.css" />

Ti rimando qui
01-01-2008, 14.09.07

Ho provato ma non funziona come dico io. Le altre pagine del menu devono essere incluse nella grafica principale della home..Quando clicco su azienda o su servizi o su prodotti o su cantatti, mi deve comparire la pagina azienda o la pagina servizi o la pagina prodotti o la pagina contatti nel "contenitore bianco", chiamiamolo così, che è al centro della home page.
01-01-2008, 14.16.47

grazie willy ma ora sono completamente fusa...non riesco più a seguire...
01-01-2008, 14.21.07

Citazione:

Originalmente inviato da mgscart

grazie willy ma ora sono completamente fusa...non riesco più a seguire...

Spiega quello che non hai capito.

Ciao...
01-01-2008, 14.33.38

Heidi io volevo solo sapere se era possibile vedere tramite il menu le pagine all'interno del box bianco come sta nella mia home page. ecco tutto qui
01-01-2008, 14.35.04

Citazione:

Originalmente inviato da mgscart

Heidi io volevo solo sapere se era possibile vedere tramite il menu le pagine all'interno del box bianco come sta nella mia home page. ecco tutto qui

Quale menu?

Ciao...
01-01-2008, 14.39.35

Il menu del mio sito

http://mgscart.altervista.org

Ora devo lasciarti...alle 16 sono di nuovo qui ciao e buon pranzo
01-01-2008, 14.53.38

Facciamo così. Fai esattamente quello che ti dico e vedi se è quello che desideri fare con il tuo sito.
Crea la pagina inizio.htm.
Carica questa pagina, e tutte le altre di seguito, nella root del tuo sito
In questa pagina(inizio.htm) incolla questo codice

Codice HTML:

<html> <head> <title>pagina iniziale</title> <style type="text/css"> #testata{ width: 600px; border: 2px solid black; } #navigazione{ width: 200px; border: 2px solid black; float: left; } #footer{ width: 600px;: border: 2px solid black; clear: both } </style> </head> <body> <div align="center"> <div id="testata"> Questa è la mia testata </div> <div id"navigazione"> <a href="contattami.htm">contattami</a> <br /> <a href="scopo_sito.htm">Perché nasce questo sito</a> <br /> <a href="azienda.htm">azienda</a> </div> <div> Ciao, questo è il mio sito. clikka sui link del menu a sinistra per visitare le pagine del mio sito </div> <div id="footer"> questo è il footer, ovvero fondo pagina </div> </div> </body> </html>

nella pagina contattami.htm incolla questo codice

Codice HTML:

<html> <head> <title>pagina iniziale</title> <style type="text/css"> #testata{ width: 600px; border: 2px solid black; } #navigazione{ width: 200px; border: 2px solid black; float: left; } #footer{ width: 600px;: border: 2px solid black; clear: both } </style> </head> <body> <div align="center"> <div id="testata"> Questa è la mia testata </div> <div id"navigazione"> <a href="contattami.htm">contattami</a> <br /> <a href="scopo_sito.htm">Perché nasce questo sito</a> <br /> <a href="azienda.htm">azienda</a> </div> <div> Ciao, hai deciso di contattarmi.. quale sarà mai il motivo? mmm :P</div> <div id="footer"> questo è il footer, ovvero fondo pagina </div> </div> </body> </html>

nella pagina scopo_sito.htm incolla questo

Codice HTML:

<html> <head> <title>pagina iniziale</title> <style type="text/css"> #testata{ width: 600px; border: 2px solid black; } #navigazione{ width: 200px; border: 2px solid black; float: left; } #footer{ width: 600px;: border: 2px solid black; clear: both } </style> </head> <body> <div align="center"> <div id="testata"> Questa è la mia testata </div> <div id"navigazione"> <a href="contattami.htm">contattami</a> <br /> <a href="scopo_sito.htm">Perché nasce questo sito</a> <br /> <a href="azienda.htm">azienda</a> </div> <div> Lo scopo di questo sito è.... </div> <div id="footer"> questo è il footer, ovvero fondo pagina </div> </div> </body> </html>

nella pagina azienda.htm copia questo

Codice HTML:

<html> <head> <title>pagina iniziale</title> <style type="text/css"> #testata{ width: 600px; border: 2px solid black; } #navigazione{ width: 200px; border: 2px solid black; float: left; } #footer{ width: 600px;: border: 2px solid black; clear: both } </style> </head> <body> <div align="center"> <div id="testata"> Questa è la mia testata </div> <div id"navigazione"> <a href="contattami.htm">contattami</a> <br /> <a href="scopo_sito.htm">Perché nasce questo sito</a> <br /> <a href="azienda.htm">azienda</a> </div> <div> Questa è la pagina azienda.. </div> <div id="footer"> questo è il footer, ovvero fondo pagina </div> </div> </body> </html>

Ricorda di caricare tutto online nella root del tuo sito, oppure crea queste pagine senza caricarle, ma devono stare tutte nella stessa cartella, ad esempio sul desktop. se li metti online è meglio, perché così vedo se hai copiato bene il codice.

per fare queste pagine usa semplicemente il blocco note e poi sostituisci l'estensione.txt con .htm

edit: ho visto nel tuo sito che i collegamenti sono sbagliati. ad esempio in azienda c'è questo collegamento

Codice HTML:

http://mgscart.altervista.org/#azienda

che è sbagliato, devi togliere il cancelletto #, e anche aggiungere l'estensione. se è php metti .php, se è htm metti .htm e se è html metti .html

Codice HTML:

http://mgscart.altervista.org/azienda.htm
01-01-2008, 19.05.32

Scusa se solo ora mi sono sbrigata. Sei stato di grande aiuto willy....veramente grande con quell'esempio e quella diritta su # mi hai risolto il problema.
Ho fatto i cambiamenti direttamente sul sito. Quando andrò a completare le pagine con il loro contenuto metterò il footer come nella pagina index.htm . Nel menu in alto a destra dove c'e' azienda e servizi non sono stati fatti ancora i collegamenti. Vai a vedere e grazie tantissimo :)))