Autore Topic: resizing header menu  (Letto 6714 volte)

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
resizing header menu
« il: 01 Novembre, 2015, 17:52:28 »
salve a tutti, integrando Animated Header di tympanus in questo test www.wowx.altervista.org
nella visualizzazione responsive come mai il testo si allinea a sinistra? dipende dall integrazione?
« Ultima modifica: 01 Novembre, 2015, 18:15:53 da Studio Vox »

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #1 il: 01 Novembre, 2015, 19:14:47 »
noto che da smartphone il menu non appare

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:resizing header menu
« Risposta #2 il: 01 Novembre, 2015, 22:08:40 »
noto che da smartphone il menu non appare


Se si mette codice nell'header è "normale" con l'attuale 12.

Se nel menu non hai niente, non può visualizzarsi il menu hamburger, devi inserire altri codici.

Qui c'è un esempio fatto con la 11, dove viene mantenuto il menu del programma: http://lemonsong.altervista.org/test_header_scrollTop/

Qui due righe sul funzionamento dello script: http://www.unofficialwsx5.com/index.php?topic=1966.msg13870#msg13870

Non l'ho provato con la 12... lo puoi fare tu, hai tutto l'occorrente.


Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #3 il: 01 Novembre, 2015, 23:03:10 »
allora non appariva poich mancavano un paio di codici in esperto, ora funziona, il problema è, in visualizzazione responsive quindi <960px, far scomparire le voci del menu e far apparire l hamburgher, meglio uno da integrare che quello di default.


ci sono soluzioni ?


grazie lemonsong

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:resizing header menu
« Risposta #4 il: 01 Novembre, 2015, 23:25:43 »
Per far scomparire le voci di quel menu devi usare media query: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Il menu hamburger del programma, come già detto, NON può visualizzarsi se non hai nessuna voce del menu principale.

Dal sorgente di questo esempio fatto con la 11, puoi ricavare i codici per un menu mobile: http://lemonsong.altervista.org/test_media_query/

Altrimenti in Rete ne puoi trovare numerosi.

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #5 il: 02 Novembre, 2015, 12:12:54 »
grazie lemonsong ma questo menu ha in sè gia il menu hamburger e funziona alla perfezione, riscontro solo due problematiche:


- attivando la responsività in 12pro, il menu sparisce, mentre se non la attivo funziona.
- gli allineamenti me li dà tutti a sinistra e vorrei centrarli.


qui il test www.wowx.altervista.org

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #6 il: 02 Novembre, 2015, 13:02:25 »
se il menu con il responsive non andrebbe messo in header, dove andrebbe messo ? ^_^

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #7 il: 02 Novembre, 2015, 13:25:29 »
proprietà del tag body?

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #8 il: 02 Novembre, 2015, 13:32:25 »
la mia procedura di inserimento :


[size=78%]widget intestazione codice tra il tag body[/size]
[/size][size=78%]pass 4 esperto : allego js e css e prima della chiusura del tag head codici script e linkrel.[/size]
[/size][size=78%]filerebbe tutto liscio se non spunto "visualizzazione responsive"[/size]
quando vado a selezionarla poichè mi serve x i contenuti, il menu integrato sparisce.
gli allineamenti (forse sarà per il menu) mi vengono tutti a sinistra.


mi aiutereste a risolvere ?! grazie......




lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:resizing header menu
« Risposta #9 il: 02 Novembre, 2015, 15:13:01 »
grazie lemonsong ma questo menu ha in sè gia il menu hamburger e funziona alla perfezione


Tu hai scritto:

[...] meglio uno da integrare che quello di default.


... ed io ti ho risposto.

La comunicazione tra noi sembra a senso unico.

Qui trovi l'esempio su WS dell'integrazione da te richiesta: http://lemonsong.altervista.org/test_animated_header/

Come ti ho già scritto su Answers, prima di affrontare personalizzazioni bisognerebbe conoscere i linguaggi base.

Controlla di non aver lasciato tag orfani.
 

Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #10 il: 02 Novembre, 2015, 15:20:21 »
lemonsong, ripeto, non sono un gran masticatore, cerco di adattarmi, tutto qui.
potrei avere il iwzip di quel progetto? cosi vedendolo capisco cosa o come andava fatto.


il post scritto prima faceva riferimento ad un altro menù, che presenteva l'anomalia di allineare a sinistra tutto il contenet. ho sbagliato a portarlo coe commento, avrei dovuto fare un altro topic forse -> https://github.com/kickdrop/resizing-navigation-menu


quest ultimo , abilitando in 12 la spunta a responsive, scompare. credo anche come quell'altro.


Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #11 il: 02 Novembre, 2015, 15:49:58 »
ecco il mio test.

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:resizing header menu
« Risposta #12 il: 02 Novembre, 2015, 16:35:27 »
non sono un gran masticatore

Questo si può imparare.

Hai inserito un sacco di roba inutile.

Come già detto ed è risaputo (lo sa anche il mio gatto), la 12 in modalità responsive nasconde tutto quello che inserisci in header e footer.

Ti serve un CSS:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Se masticare non è il tuo forte, almeno leggi  ;)


P.S.
Spero per te (e soprattutto per i tuoi eventuali clienti) che tu non faccia parte della categoria descritta nel primo link della mia firma.


Studio Vox

  • Nuovo arrivato
  • *
  • Post: 45
Re:resizing header menu
« Risposta #13 il: 02 Novembre, 2015, 17:26:49 »
ineffetti, non mi suvveniva :/


ho aggiornato la modifica ma il problema cardine resta:
l'adattamento e allineamento dei contenuti, ripeto, credo che influisca dall'integrazione menu, ma non capisco cos è che non permette la corretta visualizzazione.


allego screen da smartphone,
desk : www.wowx.altervista.org

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:resizing header menu
« Risposta #14 il: 02 Novembre, 2015, 17:46:58 »
Perché posti una cosa e poi lavori su un'altra?

Quello che hai online adesso ti sembra uguale al file .rar che hai allegato prima?

Non sai masticare, non sai leggere e fai un sacco di confusione.

Rileggi bene tutto il topic.

Ti do un indizio:

Controlla di non aver lasciato tag orfani.

In quella prova online c'è un gran bordello.

Buona fortuna!