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

  • menu.zip
    7,6 KB · Visite: 158

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

  • menu_ad_albero.zip
    987 bytes · Visite: 161

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

  • menu.zip
    1.001 bytes · Visite: 159
Discussioni simili
Autore Titolo Forum Risposte Data
T problemi con dati menu a tendina HTML e CSS 2
A menu a tendina php PHP 1
M Accordion menu e posizione div HTML e CSS 0
F Menu responsive larghezza schermo HTML e CSS 2
G Colorare menu select attraverso ricerca php PHP 0
M Creazione menu a tendina Javascript 3
D menu con submenu orizzontale HTML e CSS 0
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
G creazione menu a tendina e invio a pagina php PHP 1
P Sub menu con Collapse. Javascript 0
R abilitare menu a tendina tramite relativa chekbox PHP 17
L Aiuto creazione menu mancante WordPress 0
S spostare il pulsante menu dropdown HTML e CSS 8
F Dropdown menu con tabella PHP 33
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
A [WordPress] Menu bar WordPress 0
W [WordPress] Non si vedono le categorie da aggiungerle al Top Menu WordPress 3
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M [PHP] Creare un menu a tendina con pdo PHP 18
M [Javascript] Caricamento menu da file esterno Javascript 8
W [HTML] Animazione menu mobile HTML e CSS 0
P [HTML] Eliminare doppio menu in wordpress WordPress 2
andreas88 [PHP] menu PHP 15
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
P [Javascript] Voce del menu evidenziata in base alla pagina attiva Javascript 48
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
P [Javascript] problema menu responsive su aruba, editor bk Javascript 1
Hellgrom90 Hamburger menu non si chiude jQuery 1
K [Javascript] Finestra menu Javascript 1
Selenio89 [HTML] creare menu di navigazione HTML e CSS 2
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
C 3 Bug CSS AND HTML: Overlay-Banner-Menu HTML e CSS 0
C 3 BUG CSS AND HTML: OVERLAY - BANNER- MENU HTML e CSS 0
M [PHP] Menu a tendina dinamico che non si aggiorna PHP 2
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
M Riadattamento funzioni per far scomparire un menu. jQuery 4
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
U [Javascript] Menu responsive non scompare col click sui link Javascript 0
A [Javascript] Problemi menu bootstrap Javascript 1
A [HTML] Menu con effetto slide down HTML e CSS 0
M [HTML] Menu a fisarmonica che non funziona in chrome HTML e CSS 2
M [Javascript] far scomparire il menu al click Javascript 0
Kolop [HTML] Menu a colonne stessa lunghezza HTML e CSS 7

Discussioni simili