menu

[terry]

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]

Scusate, se volete dare un'occhiata al mio sito il link è:
www russellove.altervista.org

 

[Kobra]

L'hai scritto senza un puntino, il tuo indirizzo è questo:

www.russellove.altervista.org

Il menu ad albero com'è? Indica qualeche sito che ce l'abbia così vediamo se possiamo aiutarti...ciao :byebye:

 

[Kobra]

...naturalmente intendevo "qualche sito"...

 

[terry]

Girando per il web ho trovato questo sito:
http://www.allwebfree.it/script_index.php?numscri=1&tipscri=1
ci sono dei menu molto carini vi elenco i numeri degli script:
i primi due mi piacciono molto!
script n. 59 (solo se si può adattare anche verticale)
script n. 87
script n. 770
script n. 852
Grazie infinite. :byebye:

 

[Kobra]

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]

Si ho guardato ma volevo qualcosa di originale. Ma se mi sconsigli quelli che ti ho indicato perchè complicati cercherò ancora.

 

[Kobra]

Aspetta, qui ci sono vari esperti e potrebbero darti una manina...appena leggeranno il tuo post ti diranno la loro...ciauz! :byebye:

 

[terry]

Grazie mille, sei veramente molto gentile.:byebye:

 

[metalgemini]

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]

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]

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.

 

[terry]

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
Il link è: www.russellove.altervista.org
Ciao e grazie per la tua collaborazione, sei gentilissimo :byebye:

 

[metalgemini]

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.

 

[terry]

Grazie è molto carino ma come mai ho provato a inserirlo nel sito e non mi si vede?

 

[metalgemini]

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.

 

[terry]

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 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]

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 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]

Sai, ho preso una decisione: anche se a malincuore e scocciata di non riuscire a farlo 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
:byebye:

 

[metalgemini]

Sai, ho preso una decisione: anche se a malincuore e scocciata di non riuscire a farlo 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
: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