Cambiare link html con slide effect

[zuk2]

Salve!

Ho un sito web in html/css e qualche javascript.

Sopra la barra di navigazione ho due link:

Login | Registrazione

...e che sono quelli che potete vedere in questa immagine.

Ho trovato l'effetto slide (qui ce il demo e qui istruzioni come usarlo) per far aprire il box del login dopo aver cliccato sul pulsante login, e fino qui mi funziona tutto. Ma non capisco come mettere il bottone al posto del link (login) accanto al link della registrazione!

Mi potete aiutare perfavore?

p.s. scusate se ho sbagliato sezione, e che non ero sicuro dove va scritto.

[Mich_]

Tra l'immagine 1 e la 2 la differenza e` lo sfondo del link.

In tal caso devi lavorare sul background (e magari anche color) del tag.

Esempio:

HTML:
<span id="bottoni">
  Login | Registrazione
</span>

CSS:
#bottoni a {
  background: #c44;     /* colore da sistemare - ho messo numeri a caso */
  color: white;
}

Pero` quello che stai facendo e` in pratica un menu, quindi andrebbe realizzato con i tag corretti:

HTML:
<ul id="bottoni">[*]Login[*]Registrazione>/li>[/list]

e definendo il CSS corridpondentemente: per i menu conviene copiare dalle raccolte (v. ad esempio nei "link utili")