modificare una barra di menu spry

Di: keyvan2 | 26/09/2020 17:56:52
eccomi di nuovo qui a chiedere ancora un aiuto,e spero almeno questa volta abbia una risposta,sto cercando di modificare un menu spry,cambiando i valori del colore delle barre in stato havor per esatezza,e fin qui nessun problema,ma il problema è che salvandomi il documento css me lo va a modificare in tutto il sito,cosa che non voglio,mi sapete dire per piacere come posso evitare questo inconveniente?

Risposte



Basta creare una regola di stile solo per la pagina in questione: quando salvi, selezioni il radiobutton "Solo questo documento.

Di: Gian Paolo | 26/09/2020 17:56:52


grazie mille Gian Paolo ,speriamo che la rana adesso,oltre la sua pozzangera incominci a vedere anche il mare
Adesso non ti chiedo cosa sono i radiobutton
Edit:scusa Gian Paolo ho fato pure una ricerca su google ma riguardo a radiobutton non ho trovato nulla che mi spiegi bene cosa è come lo devo usare.
Quello che ho fatto io era aprire il file "sprymenubarhorizontal.css" trovare ul.MenuBarHorizontal a e modificare il valore background-color: #EEE; a questo punto faccio clic col destro menu a tendina,stili css,nuovo,selettore e scelogo ul.MenuBarHorizontal a, e definisci solo per questo documento,pero quando vado a creare un altro menu i altra pagina vedo di nuovo tutto cambiato

Di: keyvan2 | 26/09/2020 17:56:52


Come si allinea la barra dei Menu spry?
Non riesco ad inserirla al centro foglio, neanche inserendola in una tabella.
Se hai un suggerimento, te ne sono grato.
Ciao

Di: mymilonga | 26/09/2020 17:57:52


[USER]mymilonga[/USER]

Come si allinea la barra dei Menu spry?
Non riesco ad inserirla al centro foglio, neanche inserendola in una tabella.
Se hai un suggerimento, te ne sono grato.
Ciao

Secondo me quando pensi di averlo messo in una tabella,in realta non è li e sbagli in qualcosa,controlla la tua operazione dal codice,stessa cosa vale anche se lo inserisci in un div pa.

Di: keyvan2 | 26/09/2020 17:57:52


La posizione del menu la vedi qua www.salentotenniscup.it
Ho creato una tabella 1 colonna allineamento cella centro, inserisco la barra menu e si posiziona a sx, e non trovo modo per posizionarla diversamente. Il codice appare cosi'.
<body>
<table width="100%" border="0" align="center">
<tr>
<td align="center"><ul id="MenuBar1" class="MenuBarHorizonta">
<li><a class="MenuBarItemSubmenu" href="#">Voce 1</a>
<ul>
<li><a href="#">Voce 1.1</a></li>
<li><a href="#">Voce 1.2</a></li>
<li><a href="#">Voce 1.3</a></li>
</ul>
</li>
<li><a href="#">Voce 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3.1</a>
<ul>
<li><a href="#">Voce 3.1.1</a></li>
<li><a href="#">Voce 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Voce 3.2</a></li>
<li><a href="#">Voce 3.3</a></li>
</ul>
</li>
<li><a href="#">Voce 4</a></li>
</ul></td>
</tr>
</table>
Grazie per la pazienza
Ciao

Di: mymilonga | 26/09/2020 17:57:52


scusa ma a me sembra normale e non vedo nessun anomalia tra la pagina che mi hai linkato e il tuo codice (<table width="100%" border="0" align="center"> ).

Di: keyvan2 | 26/09/2020 17:57:52


Prova ora, www.salentotenniscup.it ho visualizzato il bordo della tabella per chiarire il problema.
Vorrei spostare al centro la barra menu.
Il codice è il seguente:
<table width="100%" border="2" align="center">
<tr>
<td align="center"><ul id="MenuBar1" class="MenuBarHorizonta">
<li><a class="MenuBarItemSubmenu" href="#">Voce 1</a>
<ul>
<li><a href="#">Voce 1.1</a></li>
<li><a href="#">Voce 1.2</a></li>
<li><a href="#">Voce 1.3</a></li>
</ul>
</li>
<li><a href="#">Voce 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3.1</a>
<ul>
<li><a href="#">Voce 3.1.1</a></li>
<li><a href="#">Voce 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Voce 3.2</a></li>
<li><a href="#">Voce 3.3</a></li>
</ul>
</li>
<li><a href="#">Voce 4</a></li>
</ul></td>
</tr>
</table>
Grazie e ciao

Di: mymilonga | 26/09/2020 17:57:52


Penso che sia questo,quello che tu cerchi,se ho capito bene.
<table width="270" border="2" align="center">
<tr>
<td width="258" height="357"><ul id="MenuBar2" class="MenuBarHorizonta">
<li><a class="MenuBarItemSubmenu" href="#">Voce 1</a>
<ul>
<li><a href="#">Voce 1.1</a></li>
<li><a href="#">Voce 1.2</a></li>
<li><a href="#">Voce 1.3</a></li>
</ul>
</li>
<li><a href="#">Voce 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3.1</a>
<ul>
<li><a href="#">Voce 3.1.1</a></li>
<li><a href="#">Voce 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Voce 3.2</a></li>
<li><a href="#">Voce 3.3</a></li>
</ul>
</li>
<li><a href="#">Voce 4</a></li>
</ul>
</table>
se invece vuoi avere il menu al centro di una tabella piu grande,non vorrei dire ma credi basti nidificare una tabella dentro una piu grande di larghezza.

Di: keyvan2 | 26/09/2020 17:57:52


La tua soluzione in effetti centra i pulsanti, sembra un buon escamotage, il menu inserito nella tabella grande non si allinea a nostro piacimento come una immagine ad esempio...
Grazie

Di: mymilonga | 26/09/2020 17:57:52


Ora va decisamente meglio... www.salentotenniscup.it
<table width="100%" border="2">
<tr>
<td> </td>
<td width="520" height="57" align="center"><ul id="MenuBar1" class="MenuBarHorizonta">
<li><a class="MenuBarItemSubmenu" href="#">Voce 1</a>
<ul>
<li><a href="#">Voce 1.1</a></li>
<li><a href="#">Voce 1.2</a></li>
</ul>
</li>
<li><a href="#">Voce 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Voce 3.1</a>
<ul>
<li><a href="#">Voce 3.1.1</a></li>
<li><a href="#">Voce 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Voce 3.2</a></li>
</ul>
</li>
<li><a href="#">Voce 4</a></li>
</ul></td>
<td> </td>
</tr>
</table>
Grazie per le indicazioni

Di: mymilonga | 26/09/2020 17:58:52


Ne sono felice io pero quell border="2" ci metterei un bel zero e aumenterei il valore height="57" cosi quando uno ci clicca sulle voci del menu non copre quello che c'è sotto,ovviamente imho.
@Gian Paolo: grazie a te la rana comincia a vedere davvero il mare

Di: keyvan2 | 26/09/2020 17:58:52


Certo che il bordo lo tolgo, sto' modificando i pulsanti della barra e poi carico il tutto.
Grazie per la collaborazione...
ciao

Di: mymilonga | 26/09/2020 17:58:52


Non riesco a modificare il colore (ora Blu) al passaggio del mouse sopra il pulsante. Mi sto' incasinado con le molte opzioni delle class.
Grazie
www.salentotenniscup.it

Di: mymilonga | 26/09/2020 17:58:52


apri il file css che è associato alla tua pagina in dreamweaver e trova "a.MenuBarItemHover" cambia il colore dal blue a quello che vuoi e salva rinominandolo se non vuoi che ti cambi tutto il sito come è capitato a me e mi ha fatto aprire proprio questo thread

Di: keyvan2 | 26/09/2020 17:58:52
Di: Gian Paolo | 26/09/2020 17:58:52


Grazie a tutti....
Ciao

Di: mymilonga | 26/09/2020 17:58:52


Approfitto ancora della vs cortesia e sapienza, e chiedo come si puo' applicare un bordo colorato ai pulsanti della barra spry.
Ho provato a modificare le proprieta' border ma non applica le modifiche.
Grazie
www.salentotenniscup.it

Di: mymilonga | 26/09/2020 17:58:52


In ogni caso, a prescindere dalle proprietà degli oggetti, (immagini, oggetti moduli, tabelle, div ecc.) è sempre la regoletta di stile a occuparsi degli attributi da assegnare: se copi e incolli il codice che segue in una tua pagina di prova, ti accorgi dell'effetto.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bordo pulsante</title>
<style type="text/css">
<!--
.stato_pulsante {
border: 1px solid #FF9900;
cursor: pointer;
}
.stato_pulsante:hover {
border: 1px solid #FF0000;
cursor: pointer;
}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input name="Submit" type="submit" class="stato_pulsante" value="Invia" />
</form>
</body>
</html>

Di: Gian Paolo | 26/09/2020 17:59:52