Problema collegamenti ipertestuali

[macper86]

Buongiorno, ho un piccolo problema a livello di collegamenti ipertestuali, inseriti all'interno di un sito. Il sito in questione è questo: www.carrergroup.com

In particolare:

1) non riesco a fare in modo che rimanga di colore nero il collegamento ipertestuale relativo ad ogni pagina web (HOME, CONTATTI, NEWS ed ORDINI) - riesco solamente a fare in modo che il collegamento diventi nero al passaggio del mouse. Il risultato è che non so in che pagina mi trovo e ciò non va bene.
2) se provo a dare la proprietà di collegamento ad una parola, questa assume lo stesso carattere e colore dei collegamenti HOME, CONTATTI, NEWS, ORDINI.

Spero di essere stato chiaro

[Simo990]

1) per avere un colore diverso a seconda della pagina ti basta creare una classe, ad esempio .pagina_corrente, da applicare al giusto link.

esempio:

<style>
  .pagina_corrente {
     color:black
  }
</style>

Home

News

Contatti

Ordini

2) ti conviene settare uno stile di default a tutti i link e uno stile particolare solo per i link del menù.

esempio:

<style>
a { color:black }
#menu a { color:green }
</style>
<div id=menu>
Home

News

Contatti

Ordini
</div>
Un link generico
Un altro link qualsiasi

Se hai dubbi chiedi pure.

[macper86]

Ti ringrazio Simo990, ho perfettamente risolto con il primo metodo essendo un sito di poche pagine non sono stato lì a fare uno stile di default, ho semplicemente modificato direttamente ogni pagina.

Un'ultima cosa: come si può notare, ogni volta che creo un collegamento ipertestuale questo ha tutte le caratteristiche delle parole che fanno parte del menù (Home, Contatti ecc). Domanda: posso farli in modo diverso? Ad esempio sottolineati, di carattere, colore e grandezza diversi...?

[macper86]

Già che ci sono, come si può vedere nella Homepage ho incorporato un piccolo slideshow, creato utilizzando Motools. Mi piacerebbe far scorrere le immagini da destra a sinistra anzichè da sinistra a destra. Sai come si fa?

Posto il codice per essere più chiaro ("a naso" il problema dovrebbe essere nella parte in grassetto):

<table style="width: 56%">
<tr>
<td>

</script>
<div id="qscroller3" class="qscroller" style="left: 104px; top: -2px">
<div id="qscroller3-nav" class="auto-style49">
<div>
<a id="go-prev2" href="javascript:void(0)">
[img]prev.gif[/img]
</a>
<a id="play" href="javascript:void(0)">
[img]play.gif[/img]
</a>
<a id="stop" href="javascript:void(0)">
[img]stop.gif[/img]
</a>
<a id="go-next2" href="javascript:void(0)">
[img]next.gif[/img]
</a>
</div>
</div>
</div>
<div class="hide">
<div class="qslide3">
[img]images/foto 0.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 1.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 2.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 3.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 4.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 5.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 6.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 7.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 8.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 9.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 10.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 11.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 12.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 13.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 14.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 15.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 16.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 17.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 18.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 19.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 20.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 21.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 22.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 23.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 24.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 25.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 26.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 27.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 28.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 29.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 30.jpg[/img]
</div>
<div class="qslide3">
[img]images/foto 31.jpg[/img]
</div>
</div>
<script type="text/javascript">
<!--
window.addEvent('domready', function() {
var opt = {
slides: 'qslide3',
duration: 1500,
delay: 3000,
auto:true,
direction: 'h',
transition:Fx.Transitions.Quad.easeOut,
buttons: {next:'go-next2',prev:'go-prev2',play:'play',stop:'stop'},
onMouseEnter: function(){
var el = $('qscroller3-nav');
el.effects({
duration:500,
transition: Fx.Transitions.linear
}).start({
bottom:[-el.getStyle('height').toInt(),-1],
opacity:[0.8,0.8]
});
},
onMouseLeave: function(){
var el = $('qscroller3-nav');
el.effects({
duration:500,
transition: Fx.Transitions.linear
}).start({
bottom:[-1,-el.getStyle('height').toInt()],
opacity:[0.8,0.8]
});
}
}
var scroller = new QScroller('qscroller3',opt);
scroller.load();
});
//-->
</script>

</td>
</tr>
</table>

[Simo990]

posso farli in modo diverso? Ad esempio sottolineati, di carattere, colore e grandezza diversi...?

Certo che puoi

Vai qui: http://www.w3schools.com/css/

Ci trovi tanti esempi di cosa si può fare col CSS, troverai tutto quel che fa al caso tuo.

Per quanto riguarda lo slideshow cerca nella sua documentazione, molto probabilmente hai azzeccato il parametro giusto, devi solo vedere quali valori può assumere.

[macper86]

E dove la trovo la sua documentazione?

Grazie!

[Simo990]

Non ne ho idea... magari è allegata insieme al plugin?

Altrimenti c'è Google