WebSite X5Help Center

 
Andrea M.
Andrea M.
User

Menu in stile wordpress  it

Автор: Andrea M.
Просмотрено 952, Подписчики 1, Размещенный 0  

Ciao a tutti,

il mio sito prevede un menù orizzontale alto nella pagina principale, fin qui tutto ok.

Ho creato una seconda pagina chiamata Gallery, dove all'interno ho creato 6 tasti con i relativi collegamenti per altre pagine.... una specie di sottomenù.

Ora quei sei tasti mi piacerebbe vederli tutti a sx allineati uno sotto l'altro, ma a scomparsa.... vorrei che al passaggio del mouse uscissero fuori e naturalmente cliccabili.... in stile wordpress.

E' fattibile con website creare un menù del genere?

Grazie

Размещено
12 Ответы
Mirko Boschetti
Mirko Boschetti
Moderator

cerca con google un menu a comparsa in jquery che ti piace, poi si vedrài il modo per inserirli dove vuoi...

Читать больше
Размещено От Mirko Boschetti
Andrea M.
Andrea M.
User
Автор

Ho trovato questo che fa al caso mio, ho importato il codice html e css.... ma il jquery non so dove va..... in più non è allineato a dx ma a sx

Читать больше
Размещено От Andrea M.
Mirko Boschetti
Mirko Boschetti
Moderator
Andrea M.
Ho trovato questo che fa al caso mio......

quale???

Читать больше
Размещено От Mirko Boschetti
Skeggia 12
Skeggia 12
Moderator

il codice jquery va racchiuso tra <script> e </script> e posizionato in fondo al codice html che hai inserito...

Читать больше
Размещено От Skeggia 12
Andrea M.
Andrea M.
User
Автор

Ottimo, adesso ho il menù a scomparsa.... ora mi interessa mettrlo allineato a dx ed in basso...

Читать больше
Размещено От Andrea M.
Skeggia 12
Skeggia 12
Moderator

ho provato empiricamente, non essendo pratico di js a posizionarlo sulla destra...meglio non dire il risultato...

Читать больше
Размещено От Skeggia 12
Skeggia 12
Skeggia 12
Moderator

ho fatto un'altra prova...in questo codice cambia in 97% la parte in neretto..

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}

e togli il segno meno nel codice javascript qui (in neretto), cioè deve diventare così, e vedi se funziona...

<script>$('#navigation a').stop().animate({'marginLeft':'50px'},1000);
    $('#navigation > li').hover(
        function () {
            $('a',$(this)).stop().animate({'marginLeft':'7px'},200);
        },
        function () {
            $('a',$(this)).stop().animate({'marginLeft':'50px'},200);
        }
    );</script>

_________________

...non va bene se si ridimensiona la finestra...

Читать больше
Размещено От Skeggia 12
Andrea M.
Andrea M.
User
Автор

Funziona, ho impostato right al posto di left e abbassato i tasti aggiungendone altri due.... però l'effetto non mi piace, rimane lo schermo vuoto.

Ti faccio vedere un esempio, questo link è il menì mio attuale:

http://www.andreamesolella.it/gallery.html

Mentre questo sarebbe il nuovo.... ma ripeto non mi piace... credevo fosse più pieno:

http://www.andreamesolella.it/pagina-19.html

Читать больше
Размещено От Andrea M.
Andrea M.
Andrea M.
User
Автор
MirKo Boschetti

L'idea mi piace, ma non ho valutato che al centro rimarrebbe troppo vuoto.... ho in mente di creare un blog con il backstage delle mie foto, così al centro ci sarà il testo con le spiegazioni ed al lato il menù a scomparsa... allora si ;)

Grazie a tutti per l'aiuto.

Читать больше
Размещено От Andrea M.