menu

terry

Nuovo Utente
12 Feb 2006
13
0
0
Ciao a tutti,
volevo sapere se qualcuno di voi può aiutarmi a risolvere un problema.
Vorrei cambiare il menu del mio sito e vorrei metterne uno ad albero. Purtroppo sono inesperta e volevo sapere da voi se potete indicarmi dove trovarlo e come devo fare per inserirlo.
Grazie mille :byebye:
 

terry

Nuovo Utente
12 Feb 2006
13
0
0
Scusate, se volete dare un'occhiata al mio sito il link è:
www russellove.altervista.org
 

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Capisco...ma hai guardato anche qui su mr.Webmaster?

Tempo fa avevo scaricato un menu per la prima versione del mio sito davvero molto semplice ed intuitivo...
 

terry

Nuovo Utente
12 Feb 2006
13
0
0
Si ho guardato ma volevo qualcosa di originale. Ma se mi sconsigli quelli che ti ho indicato perchè complicati cercherò ancora.
 

Kobra

Utente Attivo
27 Giu 2005
72
0
0
Aspetta, qui ci sono vari esperti e potrebbero darti una manina...appena leggeranno il tuo post ti diranno la loro...ciauz! :byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Visita sito
prova questo è fatto in CSS dal mitico Lukeonweb;)

<!--LO SCRIPT-->
<script type="text/javascript">
function ApriMenu(i)
{
document.getElementById("SM" + i).style.visibility = "Visible";
}
function ChiudiMenu(i)
{
document.getElementById("SM" + i).style.visibility = "Hidden";
}

</script>

<!--GLI STILI-->
<style type="text/css">
div
{
font: Normal 11px Verdana;
}
#MENU_CONTAINER
{
width: 190px;
}
a.MENU
{
display: Block;
position: Relative;
background: #EEEEEE;
color: #000000;
font-weight: Bold;
text-decoration: None;
padding: 3px 3px 3px 3px;
}
a.MENU:hover
{
display: Block;
position: Relative;
background: #CCCCCC;
color: #000000;
font-weight: Bold;
text-decoration: None;
}
a.SMENU
{
display: Block;
position: Relative;
color: #000000;
text-decoration: None;
padding: 3px 3px 3px 3px;
}
a.SMENU:hover
{
display: Block;
position: Relative;
background: #EEEEEE;
color: #000000;
text-decoration: None;
padding: 3px 3px 3px 3px;
}
div.SMENU
{
visibility: Hidden;
position: Absolute;
margin: -21px 0px 0px 190px;
background: #EEEEEE;
width: 190px;
}

</style>
<!--IL MENU-->

<div id="MENU_CONTAINER">
<div onmouseover="ApriMenu(1)" onmouseout="ChiudiMenu(1)">
<a href="#" class="MENU">Link # 1</a>
<div id="SM1" class="SMENU">
<a href="#" class="SMENU">Voce # 1</a>
<a href="#" class="SMENU">Voce # 2</a>
<a href="#" class="SMENU">Voce # 3</a>
<a href="#" class="SMENU">Voce # 4</a>
<a href="#" class="SMENU">Voce # 5</a>
</div>
</div>
<div onmouseover="ApriMenu(2)" onmouseout="ChiudiMenu(2)">
<a href="#" class="MENU">Link # 2</a>
<div id="SM2" class="SMENU">
<a href="#" class="SMENU">Voce # 1</a>
<a href="#" class="SMENU">Voce # 2</a>
<a href="#" class="SMENU">Voce # 3</a>
<a href="#" class="SMENU">Voce # 4</a>
<a href="#" class="SMENU">Voce # 5</a>
</div>
</div>
<div onmouseover="ApriMenu(3)" onmouseout="ChiudiMenu(3)">
<a href="#" class="MENU">Link # 3</a>
<div id="SM3" class="SMENU">
<a href="#" class="SMENU">Voce # 1</a>
<a href="#" class="SMENU">Voce # 2</a>
<a href="#" class="SMENU">Voce # 3</a>
<a href="#" class="SMENU">Voce # 4</a>
<a href="#" class="SMENU">Voce # 5</a>
</div>
</div>
</div>
 

terry

Nuovo Utente
12 Feb 2006
13
0
0
Ti ringrazio, è veramente molto carino solo che c'è un problema: mi serve ad apertura a discesa verticale altrimenti non mi compare sulla pagina vista la conformazione del mio template.
Si può fare?:byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Visita sito
terry ha scritto:
Ti ringrazio, è veramente molto carino solo che c'è un problema: mi serve ad apertura a discesa verticale altrimenti non mi compare sulla pagina vista la conformazione del mio template.
Si può fare?:byebye:
Avevo provato a modificarlo x renderlo verticale ma senza riuscirci...ne ho un altro ma bisogna smanettarci un po'...te lo allego poi al limite ti aiuto a modificarlo, io ce l'avevo fatta a capire come si fa.
 

Allegati

terry

Nuovo Utente
12 Feb 2006
13
0
0
Forse è meglio che ti posti il link del mio sito così potrai renderti conto e vedere, visto che tu sei molto più esperto di me ( io tapina sono una principiante alle prime armi:crying: ), quale menu posso mettere.
Vedrai che, dato l'argomento del sito le pagine aumentano a vista d'occhio, ecco perchè ho bisogno di un menu ad albero.
Sono mesi che lo cerco e non lo trovo:mad:
Il link è: www.russellove.altervista.org
Ciao e grazie per la tua collaborazione, sei gentilissimo :byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Visita sito
Ah ad albero intendi quelli ke si sfogliano come quando esplori le risorse in windows...non ci crederai ma ce l'ho e anche facilissimo da personalizzare, al limite se non ci riesci ti aiuto io.Te lo allego.Fammi sapere.
 

Allegati

terry

Nuovo Utente
12 Feb 2006
13
0
0
Grazie è molto carino ma come mai ho provato a inserirlo nel sito e non mi si vede?
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Visita sito
terry ha scritto:
Grazie è molto carino ma come mai ho provato a inserirlo nel sito e non mi si vede?
Lo hai copiato e incollato a caso?

Devi inserire tra <head> e </head> questo:

<style type="text/css">
<!--
body {
font: .80em verdana, helvetica, sans-serif;
}
ul {
list-style: disc url(doc.gif);
margin:0;padding:0 2em;
}
li.menu { list-style: square url(cartellachiusa.gif); }
-->
</style>
<script type="text/javascript">
<!--
function mmenu(mID) {
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.listStyleImage = (display == "block") ? "url(cartellachiusa.gif)" : "url(cartellaaperta.gif)";
}

window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls.className=="submenu")uls.style.display = "none";
}
}
//-->
</script>


e questo dove vuoi che appaia il menu:

<ul>
<li class="menu"><a href="javascript:mmenu('submenu-1')">Canale 1</a>
<ul class="submenu" id="submenu-1">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="menu"><a href="javascript:mmenu('submenu-1-1')">Sotto menu Canale 1</a>
<ul class="submenu" id="submenu-1-1">
<li><a href="#">Link s1.1</a></li>
<li><a href="#">Link s1.2</a></li>
<li><a href="#">Link s1.3</a></li>
<li><a href="#">Link s1.4</a></li>
<li class="menu"><a href="javascript:mmenu('submenu-1-1-1')">Sotto Sotto menu Canale 1</a>
<ul class="submenu" id="submenu-1-1-1">
<li><a href="#">Link s1.1.1</a></li>
<li><a href="#">Link s1.1.2</a></li>
<li><a href="#">Link s1.1.3</a></li>
<li><a href="#">Link s1.1.4</a></li>
</ul>
</li>
<li><a href="#">Link s1.5</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu"><a href="javascript:mmenu('submenu-2')">Canale 2</a>
<ul class="submenu" id="submenu-2">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="menu"><a href="javascript:mmenu('submenu-2-1')">Sotto menu Canale 2</a>
<ul class="submenu" id="submenu-2-1">
<li><a href="#">Link s1.1</a></li>
<li><a href="#">Link s1.2</a></li>
</ul>
</li>
<li class="menu"><a href="javascript:mmenu('submenu-2-2')">Sotto menu Canale 2</a>
<ul class="submenu" id="submenu-2-2">
<li><a href="#">Link s1.1</a></li>
<li><a href="#">Link s1.2</a></li>
<li><a href="#">Link s1.3</a></li>
</ul>
</li>

</ul>
</li>

<li class="menu"><a href="javascript:mmenu('submenu-3')">Canale 3</a>
<ul class="submenu" id="submenu-3">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>

<li class="menu"><a href="javascript:mmenu('submenu-4')">Canale 4</a>
<ul class="submenu" id="submenu-4">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>


</ul>
Ovviamente stai attenta che tra <head> e </head> non ci sia già il tag <style> potrebbero andare in conflitto e non visualizzarti gli stili.
Fammi sapere.
 
Ultima modifica:

terry

Nuovo Utente
12 Feb 2006
13
0
0
Ti chiedo scusa ma, sono una super principiante.
Il mio sito, fatto con template ha un commom e una pagina menu a parte che, trasporta automaticamente l menu in ogni pagina quindi, dovrei creare un file menu senza dover trasportarlo su ogni singola pagina.
Non so se sono stata chiara :rolleyes: ma forse dovresti guardare la struttura del mio menu per renderti conto di cosa ti sto dicendo.
Scusa ma sono una frana ahahahahahah:mavieni:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Visita sito
terry ha scritto:
Ti chiedo scusa ma, sono una super principiante.
Il mio sito, fatto con template ha un commom e una pagina menu a parte che, trasporta automaticamente l menu in ogni pagina quindi, dovrei creare un file menu senza dover trasportarlo su ogni singola pagina.
Non so se sono stata chiara :rolleyes: ma forse dovresti guardare la struttura del mio menu per renderti conto di cosa ti sto dicendo.
Scusa ma sono una frana ahahahahahah:mavieni:
Non ho mai lavorato con templates purtroppo...quindi non so cosa sia un commom.Per quel poco che ho capito hai il menù in un file esterno alla pagina...giusto?Se è giusto, è li che devi inserire la seconda parte del codice.Mentre la prima devi inserirla dove vanno dichiariati gli stili e cioè tra <head> e </head>.
 

terry

Nuovo Utente
12 Feb 2006
13
0
0
Sai, ho preso una decisione: anche se a malincuore e scocciata di non riuscire a farlo :confused: credo sia meglio che ci rinunci a cambiare menu anche se questo mi limita molto ma, purroppo, non sono all'altezza di risolvere la situazione.
Ti ringrazio dell'attenzione ma non vedo via d'uscita purtroppo:mad:
:byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Visita sito
terry ha scritto:
Sai, ho preso una decisione: anche se a malincuore e scocciata di non riuscire a farlo :confused: credo sia meglio che ci rinunci a cambiare menu anche se questo mi limita molto ma, purroppo, non sono all'altezza di risolvere la situazione.
Ti ringrazio dell'attenzione ma non vedo via d'uscita purtroppo:mad:
:byebye:
Se ti arrendi per cosi poco non diventerai mai una Webmaster;)
Mi sono permesso di dare una sbirciata alla struttura del tuo sito ed ho notato che hai usato degli iframe...erano quelli i file esterni di cui parlavi:). Ti ho allegato il file menu.htm dove ho apportato le modifiche, basta che lo sovrascrivi (fanne una copia di sicurezza di quello originale naturalmente) ora devi solo aggiungere le voci del menu.
Nel file ho inserito dei commenti che ti saranno di aiuto per capire come fare ad aggiungere nuove sezioni e sotto sezioni.
Non è difficile...se ci fai caso le varie sezioni principali hanno un ancoraggio di questo tipo:
<a href="javascript:mmenu('submenu-1')">
<a href="javascript:mmenu('submenu-2')">
<a href="javascript:mmenu('submenu-3')">

ecc ecc...
tu per aggiungerne delle altre basta che copi ed incolli e modifichi il numero...es:
<a href="javascript:mmenu('submenu-4')">
<a href="javascript:mmenu('submenu-5')">
capit?
Poi in ogni sezione principale puoi inserire il link alla pagina:
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>

o addirittura una sottosezione:
<li class="menu">
<a href="javascript:mmenu('submenu-1-1')">
Sotto menu Canale 1
</a>
<ul class="submenu" id="submenu-1-1">
<li><a href="#">Link s1.1</a></li>
<li><a href="#">Link s1.2</a></li>

Dai non è complicatissimo basta incrementare di uno i numeretti:)
Fammi sapere al limite se proprio sei di coccio te lo modifico io:D
 

Allegati