Cambiare il colore di alcuni collegamenti

15-06-2011, 19.34.27

Ma si può cambiare il colore solo di alcuni links, mantenendo gli altri del colore originale?

**lc12net** · 15-06-2011, 19.50.46

Originalmente inviato da FunivieMiniatura

Ma si può cambiare il colore solo di alcuni links, mantenendo gli altri del colore originale?

No non credo sia possibile. Devi cambiare tutti i colori dei collegamenti credo

**karl94** · 15-06-2011, 19.52.40

Posso chiedere a che pro?

15-06-2011, 19.58.21

Perché vorrei che i collegamenti nel testo di ogni pagina rimanessero in rosso, mentre quelli della barra fatta da me in html di bianco. è solo una questione di estetica, perché la barra che ho adesso rosso su grigio chiaro non è il massimo. Mi sono fatto la barra da solo perché volevo collegare il link "Gallery" alla galleria in modo immediato, senza passare in una pagina vuota con scritto "per visualizzare la gallery clicca qua".

**karl94** · 15-06-2011, 20.24.30

Ho riscritto il codice seguendo la sintassi del menù di navigazione, così puoi personalizzarlo tranquillamente tramite l'interfaccia.

Codice HTML:

<ul class="nav">
	<li><a href="/">Home</a></li>
	<li><a href="gallery/page/gallery/">Gallery</a></li>
	<li><a href="pagina-54495.html">Impianti</a></li>
	<li><a href="pagina-50341.html">Video</a></li>
	<li><a href="pagina-96723.html">Modellini</a></li>
	<li><a href="pagina-50757.html">Consigli</a></li>
	<li><a href="blog/">Blog</a></li>
	<li><a href="pagina-86077.html">Links</a></li>
	<li><a href="pagina-55561.html">Contatti</a></li>
	<li><a href="pagina-164887.html">Wallpaper</a></li>
</ul>

15-06-2011, 20.56.06

Grazie, quindi devo modificare il codice html? Ma quale parte devo cambiare?
Se può esserti utile ecco qua il codice attuale:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Untitled document</title>

</head>

<body>

<p><span style="background-color: #17a0e7;"><span style="color: #ffffff;"><span style="font-size: small;"><span style="background-color: #167fe8;"><span style="font-size: medium;"><span style="color: #ffffff;"><span style="background-color: #c0c0c0;">&nbsp;<a href="http://www.funivieminiatura.altervista.org/">Home</a> &nbsp;<a href="http://funivieminiatura.altervista.org/gallery/page/gallery/">Gallery</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-54495.html">Impianti</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-50341.html">Video</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-96723.html">Modellini</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-50757.html">Consigli</a> &nbsp;<a href="http://funivieminiatura.altervista.org/blog/">Blog</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-86077.html">Links</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-55561.html">Contatti</a> &nbsp;<a href="http://www.funivieminiatura.altervista.org/pagina-164887.html">Wallpaper</a>&nbsp;</span></span></span></span></span></span></span></p>

</body>

</html>

Sono semplicemente andato sul pannello di controllo è ho creato un file html. Poi con l'editor avanzato l'ho modificato a piacere(sono una frana a modificare/creare i codici). Infine l'ho copiato e inserito sul sito.

**karl94** · 15-06-2011, 20.57.21

Sostituiscilo interamente.

15-06-2011, 21.26.34

Ma hai già fatto in modo che compaia in bianco su sfondo azzurro?

**karl94** · 15-06-2011, 21.52.25

Originalmente inviato da karl94

puoi personalizzarlo tranquillamente tramite l'interfaccia.

Trovi tutto nel menù Avanzate alla voce Menù orizzontale.

16-06-2011, 11.47.42

Grazie 1000, veramente!!
Adesso la barra funziona a meraviglia.
Ma si può aggiungere il fatto che andando sopra un link si visualizzino le proprie "sottopagine".
Ad esempio sul mio sito andare su "consigli", senza cliccare e visualizzare i link alle pagine interne

**karl94** · 16-06-2011, 18.53.39

Si chiama menù a tendina (in inglese dropdown menu) se cerchi trovi centinaia di esempi.

16-06-2011, 20.21.20

Ho cercato su Google, ma mi sembra un po' diverso da quello che intendo io.
Vorrei una cosa uguale a questa:

Se riesci a farlo, ma ti servono tutti i link, chiedi pure.

**karl94** · 16-06-2011, 21.26.12

Quello in immagine è un menù a tendina. Se ti serve aiuto al riguardo, apri una discussione nella sezione HTML, XHTML e CSS spiegando dettagliatamente il risultato da ottenere, nonché le voci che devono apparire.
P.s.: come hai realizzato l'immagine?

**saitfainder** · 17-06-2011, 10.56.32

Comunque anche il menu orizzontale di Alterpages si comporta in quel modo: nella gestione delle pagine basta indentare le voci cliccando sulla freccia verso destra.

**karl94** · 17-06-2011, 10.59.22

Originalmente inviato da saitfainder

Comunque anche il menu orizzontale di Alterpages si comporta in quel modo: nella gestione delle pagine basta indentare le voci cliccando sulla freccia verso destra.

Il problema è che lui non lo può usare:

Originalmente inviato da FunivieMiniatura

Mi sono fatto la barra da solo perché volevo collegare il link "Gallery" alla galleria in modo immediato, senza passare in una pagina vuota con scritto "per visualizzare la gallery clicca qua".

17-06-2011, 12.05.33

Originalmente inviato da karl94

P.s.: come hai realizzato l'immagine?

L'immagine l'ho fatta con il cellulare...

**karl94** · 17-06-2011, 12.09.01

Originalmente inviato da FunivieMiniatura

L'immagine l'ho fatta con il cellulare...

Quello l'ho notato, la prossima volta ti consiglio di usare metodi più pratici...
La domanda era: come l'hai realizzato il menù a tendina? Con l'elemento Menù di navigazione?

17-06-2011, 12.22.21

Sì, però l'ho messo solo per fare la foto, altrimenti ha quel problema... ho aperto la nuova discussione qua.

Originalmente inviato da karl94

Quello l'ho notato, la prossima volta ti consiglio di usare metodi più pratici...
La domanda era: come l'hai realizzato il menù a tendina? Con l'elemento Menù di navigazione?

Grazie, ma il tasto non mi funziona...

**karl94** · 17-06-2011, 12.44.46

Se si può fare normalmente con AlterPages allora è più facile: inserisci nuovamente l'elemento come nell'immagine che hai indicato, salva le modifiche e visualizza la pagina normalmente. Copia dal sorgente il codice tra i tag <div class="widget widget-nav"> e </div>, in questa porzione di codice devi modificare solo il collegamento alla Gallery e hai il nuovo menù.
Se hai problemi, inserisci semplicemente l'elemento Menù di navigazione e avvertimi, così ti indico il codice già pronto.

17-06-2011, 13.04.30

Fatto, collega anche il blog direttamente. Ed elimina l'ultima pagina (vecchie novità).

**karl94** · 17-06-2011, 13.10.27

Ecco:

Codice HTML:

<ul class="nav">
	<li><a href="/">Home</a></li>
	<li><a href="/gallery/">Gallery</a></li>
	<li>
		<a href="/pagina-54495.html">Impianti</a>
		<ul>
			<li><a href="/pagina-178805.html">Monografia Bard</a></li>
			<li><a href="/pagina-185197.html">4MGD Kriens - Krienseregg - Fräkmüntegg </a></li>
			<li><a href="/pagina-190245.html">50ATW Frakmuntegg-Pilatus Kulm</a></li>
			<li><a href="/pagina-195433.html">2MGF Valle Asili-Colle Pigna</a></li>
		</ul>
	</li>
	<li><a href="/pagina-50341.html">Video</a></li>
	<li>
		<a href="/pagina-96723.html">Modellini</a>
		<ul>
			<li><a href="/pagina-98295.html">Skilift Alpe I</a></li>
			<li><a href="/pagina-98303.html">Cabinovia Monte della Luna</a></li>
		</ul>
	</li>
	<li>
		<a href="/pagina-50757.html">Consigli</a>
		<ul>
			<li><a href="/pagina-94165.html">Seggiola</a></li>
			<li><a href="/pagina-94171.html">Morsa</a></li>
			<li><a href="/pagina-94173.html">Puleggia</a></li>
			<li><a href="/pagina-94175.html">Reti di protezione</a></li>
			<li><a href="/pagina-94177.html">Motore</a></li>
			<li><a href="/pagina-94181.html">Colori</a></li>
			<li><a href="/pagina-94183.html">Rulliera</a></li>
		</ul>
	</li>
	<li><a href="/blog/">Blog</a></li>
	<li><a href="/pagina-86077.html">Links</a></li>
	<li><a href="/pagina-55561.html">Contatti</a></li>
	<li><a href="/pagina-164887.html">Wallpaper</a></li>
</ul>

Dimmi se ho dimenticato qualcosa.

17-06-2011, 13.28.43

Funziona molto bene, grazie!!!
Però quando vado su un sottolink la schermata si blocca all'inizio perché sotto c'é il html per le traduzioni.
Come posso fare? Devo eliminare il html sottostante o c'é qualche trucco?

**karl94** · 17-06-2011, 13.32.38

Cambia la prima riga del codice così:

Codice HTML:

<ul class="nav" style="position: absolute;">

17-06-2011, 13.47.29

Originalmente inviato da karl94

Cambia la prima riga del codice così:

Codice HTML:

<ul class="nav" style="position: absolute;">

Il mio codice è questo:

Codice HTML:

<html><head><meta NAME="GENERATOR" Content="AlterVista - Editor HTML"><title></title></head><body><p><strong><span style="color: #ff9900;">Questo sito è disponibile anche in <a href="http://www.funivieminiatura.altervista.org/">Italiano</a> - <a href="http://translate.google.it/translate?js=n&prev=_t&hl=it&ie=UTF-8&layout=2&eotf=1&sl=it&tl=en&u=http%3A%2F%2Fwww.funivieminiatura.altervista.org%2F&act=url">Inglese</a> - <a href="http://translate.google.it/translate?js=n&prev=_t&hl=it&ie=UTF-8&layout=2&eotf=1&sl=it&tl=fr&u=http%3A%2F%2Ffunivieminiatura.altervista.org%2F&act=url">Francese</a> - <a href="http://translate.google.it/translate?hl=it&sl=it&tl=de&u=http%3A%2F%2Ffunivieminiatura.altervista.org%2F">Tedesco</a> - <a href="http://translate.google.it/translate?hl=it&sl=it&tl=es&u=http%3A%2F%2Fwww.funivieminiatura.altervista.org%2F">Spagnolo</a></span></strong></p></body></html>

Me lo potresti inserire/cambiare tu? Grazie

**karl94** · 17-06-2011, 13.48.57

No, no quello, quello del menù. Devi solo sostituire la prima riga.

17-06-2011, 13.55.09

Grande! Perfetto! Proprio quello che desideravo.
Solo più una curiosità:
se volessi prossimamente aggiungere qualche pagina o sotto pagina come dovrei fare?

**karl94** · 17-06-2011, 14.05.16

Devi capire com'è strutturato il codice, è semplice: tutto il menù è racchiuso da due tag uno di apertura

Codice HTML:

<ul class="nav" style="position: absolute;">

e uno che lo chiude

Codice HTML:

</ul>

Questi delimitano l'elemento ul, che costituisce il tuo menù. Dentro questo elemento ul (che è un normale elemento HTML, definisce una lista non ordinata) trovi le voci del menù, dentro elementi li. A loro volta dentro gli elementi li trovi i collegamento, l'elemento a che ha un attributo href, che indica la pagina di destinazione, il testo del collegamento è invece il contenuto dell'elemento, ciò che trovi tra <a href="qui c'è l'indirizzo"> e </a>.
Le voci (elementi li) che hanno un sotto-menù non racchiudono solo un elemento a (il collegamento) ma anche il sotto-menù stesso, sempre come elemento ul.
Per aggiungere una voce ti sarà quindi sufficiente copiare una delle tante righe (per esempio la seconda), incollarla nella posizione desiderata e personalizzare l'indirizzo di destinazione e il testo.

23-06-2011, 20.06.29

Oggi ho dovuto aggiungere qualche sottopagina.
Ho controllato eventuali errori, ma niente:
L'errore è che il link delle 2 ultime sottopagine (4CLF Colle di Tenda e 4CLF Carosello), nella sezione impianti non vanno!
Controllate un po':

Codice HTML:

<ul class="nav" style="position: absolute;">
	<li><a href="/">Home</a></li>
	<li><a href="/gallery/page/gallery/">Gallery</a></li>   
	<li>
		<a href="/pagina-54495.html">Impianti</a>
		<ul>
			<li><a href="/pagina-178805.html">Monografia Bard</a></li>
			<li><a href="/pagina-185197.html">4MGD Kriens - Krienseregg - Fräkmüntegg</a></li>
			<li><a href="/pagina-190245.html">50ATW Frakmuntegg-Pilatus Kulm</a></li>
			<li><a href="/pagina-195433.html">2MGF Valle Asili-Colle Pigna</a></li>
                        <li><a herf="/pagina-223431.html">4CLF Colle di Tenda</a></li>
                        <li><a herf="/pagina-223609.html">4CLF Carosello</a></li>
		</ul>
	</li>
	<li><a href="/pagina-50341.html">Video</a></li>
	<li>
		<a href="/pagina-96723.html">Modellini</a>
		<ul>
			<li><a href="/pagina-98295.html">Skilift Alpe I</a></li>
			<li><a href="/pagina-98303.html">Cabinovia Monte della Luna</a></li>
		</ul>
	</li>
	<li>
		<a href="/pagina-50757.html">Consigli</a>
		<ul>
			<li><a href="/pagina-94165.html">Seggiola</a></li>
			<li><a href="/pagina-94171.html">Morsa</a></li>
			<li><a href="/pagina-94173.html">Puleggia</a></li>
			<li><a href="/pagina-94175.html">Reti di protezione</a></li>
			<li><a href="/pagina-94177.html">Motore</a></li>
			<li><a href="/pagina-94181.html">Colori</a></li>
			<li><a href="/pagina-94183.html">Rulliera</a></li>
		</ul>
	</li>
	<li><a href="/blog/">Blog</a></li>
        <li><a href="/pagina-214929.html">Gite</a></a></li>
	<li><a href="/pagina-86077.html">Links</a></li>
	<li><a href="/pagina-55561.html">Contatti</a></li>
	<li><a href="/pagina-164887.html">Wallpaper</a></li>
</ul>

02-09-2011, 12.45.00

Ma si può aggiungere alla barra un link a una pagina che non appartiene al sito?
Mi servirebbe tantissimo!

08-09-2011, 14.20.27

Allora?...!
Ho fatto una nuova barra, ma il link alla galleria (appena installata della Coppermine) non funziona! Sapete dirmi il perché?

Codice HTML:

<ul class="nav" style="position: absolute;">
	<li><a href="/">Home</a></li>
        <li><a herf="/cpg15x/index.php">Galleria</a></li>  
        <li><a href="/Itinerari.html">Itinerari</a></li>
        <li><a href="http:www.funivieminiatura.altervista.org/forum/">Forum</a></li>
	<li><a href="/pagina-348687.html">WebTv</a></li>
        <li><a href="/Wallpaper.html">Wallpaper</a></li>
	<li><a href="/Links.html">Links</a></li>
	<li><a href="/Contatti.html">Contatti</a></li>
</ul>

Discussione: Cambiare il colore di alcuni collegamenti

LinkBack

Strumenti discussione

Display

Cambiare il colore di alcuni collegamenti

Regole di scrittura