Unofficial WebSite X5

Area JS => Richieste Integrazioni => Topic aperto da: Studio Vox - 01 Novembre, 2015, 17:52:28

Titolo: resizing header menu
Inserito da: Studio Vox - 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?
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 01 Novembre, 2015, 19:14:47
noto che da smartphone il menu non appare
Titolo: Re:resizing header menu
Inserito da: lemonsong - 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/ (http://lemonsong.altervista.org/test_header_scrollTop/)

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

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

Titolo: Re:resizing header menu
Inserito da: Studio Vox - 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
Titolo: Re:resizing header menu
Inserito da: lemonsong - 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 (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/ (http://lemonsong.altervista.org/test_media_query/)

Altrimenti in Rete ne puoi trovare numerosi.
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 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
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 02 Novembre, 2015, 13:02:25
se il menu con il responsive non andrebbe messo in header, dove andrebbe messo ? ^_^
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 02 Novembre, 2015, 13:25:29
proprietà del tag body?
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 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......



Titolo: Re:resizing header menu
Inserito da: lemonsong - 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/ (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.
 
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 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.

Titolo: Re:resizing header menu
Inserito da: Studio Vox - 02 Novembre, 2015, 15:49:58
ecco il mio test.
Titolo: Re:resizing header menu
Inserito da: lemonsong - 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.

Titolo: Re:resizing header menu
Inserito da: Studio Vox - 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
Titolo: Re:resizing header menu
Inserito da: lemonsong - 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!

Titolo: Re:resizing header menu
Inserito da: Studio Vox - 02 Novembre, 2015, 18:22:24
i tag orfani sono andati via, quali errori rimarrebbero?
Titolo: Re:resizing header menu
Inserito da: stesil - 02 Novembre, 2015, 21:47:49
Al selettore che ti ha indicato lemon devi aggiungere la proprietà overflow con valore visible aumentandone il peso con !important ed impostare uno z-index adeguato.
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 03 Novembre, 2015, 17:06:48
prova: www.wowx.altervista.org


l'hamburger una volta cliccato, ricliccandolo non richiude il menu,
come sostituire il div logo e minilogo con un immagine?


Grazie........
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 03 Novembre, 2015, 17:09:35
Grazie stesil =)



Titolo: Re:resizing header menu
Inserito da: stesil - 03 Novembre, 2015, 22:47:16
Prego.

Hai una doppia libreria jQuery. Togli quella che hai aggiunto, il programma la mette già di suo.

Controlla perché hai anche altri script doppi. Anche un br perso nell'head.

Titolo: Re:resizing header menu
Inserito da: Studio Vox - 03 Novembre, 2015, 23:28:36
VA MEGLIO? www.wowx.altervista.org
VEDO PERò CHE IL FOOTER ME LO ARTICOLA DIVERSAMENTE...

avrei voluto come nel'altro topic, sostituire il pallino blu con un immagine avente stessa funzionalità
Titolo: Re:resizing header menu
Inserito da: stesil - 04 Novembre, 2015, 00:04:37
Ti ho scritto di eliminare la libreria jQuery, non anche il file bootstrap.min.js. Rimetti quel file dove era prima.
Titolo: Re:resizing header menu
Inserito da: Studio Vox - 04 Novembre, 2015, 00:34:41
è ok ora? anche se noto delle anomalie, credo qualche zindex da regolare...
www.wowx.altervista.org


se completerò questa integrazione, oltre ai dovuti ringraziamenti, farò un urlo di gioia che si sentirà dall'altra parte dell'equatore.