Fòrum Àgora-NODES

Menu desplegable sota la capçalera

Menu desplegable sota la capçalera

by carles lopez -
Number of replies: 36

Bon dia,

he estat buscant al fòrum i no he sabut veure si ja s'ha solucionat la limitació de la plantilla que ens heu facilitat als centres de no poder posar un menú desplegable sota la capçalera.

He vist que les primeres demandes sobre aquest tema són del 2016 i que els dèieu que la plantilla dels serveis educatius eren diferents, però que estava previst revisar el menú de l'aparença que tenim els centres per tal que també permetin incorporar-ho de forma similar als SE.

Em podeu dir si això ja està fet i com crear el menú desplegable?

Gràcies

Carles López
Cap d'estudis de Formació professional
Institut Vall d'Hebron

In reply to carles lopez

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -

Hola, Carles,

de moment no tenim cap novetat al respecte. Hem traslladat la consulta a l'Àrea de Consulta Digital, en quant tinguem tinguem novetats us ho farem saber de seguida.

Fins ara,

Mònica

In reply to MONICA GRAU PRIETO

Re: Menu desplegable sota la capçalera

by ROSA M. OBRADORS PUIGDELLIVOL -

Bon dia,

La demanda que fa el Carles és molt interessant. Des dels inicis de Nodes s'ha realitzat aquest suggeriment.

Creiem que és una llàstima que la plantilla dels SE no pugui ser utilitzada per a les escoles i instituts. El menú que es desplega a sota la capçalera és molt més visual que el que actualment podem utilitzar.

Esperem que ben aviat tinguem notícies sobre aquest menú desplegable.

Rosa

In reply to ROSA M. OBRADORS PUIGDELLIVOL

Re: Menu desplegable sota la capçalera

by JORDI CALDERO CLUET -

Bona tarda,


Jo també penso el mateix. El menú que ara mateix tenim les escoles no és pràctic, necessitaríem poder optar a la mateixa plantilla que els SE.


Gràcies


Jordi

In reply to JORDI CALDERO CLUET

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -

Bon dia,

des de l'Àrea de Cultura Digital s'està treballant en una solució provisional per poder tenir un menú horitzontal com el dels SE.

Us avisarem en quant estigui disponible perquè ho pugueu configurar.

Fins ara,

Mònica

In reply to MONICA GRAU PRIETO

Re: Menu desplegable sota la capçalera

by FRANCESC BUSQUETS BURGUERA -

Hola,

He fet un petit desenvolupament en JavaScript que permet mostrar el menú d'una manera semblant al de la plantilla dels serveis educatius.

Veureu que en acabar la càrrega de la pàgina es mostra la part superior del menú en una franja horitzontal. Els submenús apareixen en passar el ratolí per damunt d'aquest menú, o en tocar-lo en dispositius tàctils.

Aquí trobareu les instruccions per activar-ho al vostre Nodes.

Tingueu en compte que és un arranjament que acaba de sortir del forn. Aviseu-nos si trobeu alguna cosa que no funcioni, o si teniu qualsevol dubte.

Més endavant, i si el pressupost ens ho permet, encarregarem a l'empresa que porta el manteniment  de l'aplicació que faci una integració més completa d'aquesta funcionalitat en els Nodes de centre. De moment, però, esperem que aquesta solució provisional us serveixi.


Francesc Busquets
Àrea de Cultura Digital

In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by AGUSTI BARBOLLA RODRIGUEZ -

Ho intentat fer però no apareix.

https://agora.xtec.cat/esc-assis

Gràcies

Agustí

In reply to AGUSTI BARBOLLA RODRIGUEZ

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -

Bon dia, Agustí,

veig que ja us apareix el menú.

Fins ara,

Mònica

In reply to MONICA GRAU PRIETO

Re: Menu desplegable sota la capçalera

by AGUSTI BARBOLLA RODRIGUEZ -

Sí, gràcies. Però en ordinadors Mac no es veu. 

Podem fer alguna cosa?

In reply to AGUSTI BARBOLLA RODRIGUEZ

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -

Hola, Agustí,

ens pots confirmar si us passa amb tots els navegadors? Necessitem saber també quina versó d'IOS i navegador has fet servir per provar-ho.

Per la nostra part hem provat amb dos macs diferents i en un es veien i en l'altre no, el que fa pensar que potser és una qüestió de configuració del sistema operatiu i no del navegador.

Fins ara,

Mònica

In reply to AGUSTI BARBOLLA RODRIGUEZ

Re: Menu desplegable sota la capçalera

by FRANCESC BUSQUETS BURGUERA -

Hola Agustí,

Això és degut a que el servidor on hem penjat l'script (clic.xtec.cat) té un certificat emès per l'Agència Catalana de Certificació, que és una entitat encara no reconeguda per Apple (si que ho és per a la resta d'empreses i fundacions que desenvolupen navegadors: Mozilla, Google, Microsoft i Òpera).

Davant aquesta situació tenim  tres opcions:

1- Demanar als usuaris de productes Apple (Mac OS i iOS) que s'instal·lin manualment el certificat arrel de l'ACC. Això és complicat de fer en alguns sistemes.

2 - Copiar el contingut de l'script original dins del giny HTML de la vostra web. És a dir, en comptes del que hi ha ara (etiqueta <script src="....."></script>), enganxar directament l'script (<script>xxx</script>) traient el "src="..."" de la primera etiqueta i substituïnt "xxx" pel text de l'script que trobaràs aquí. S'ha de fer amb cura perquè és llarg i cal copiar-lo tot sencer!
Aquesta opció té el problema que quan fem canvis, correccions o millores en l'script hauràs de tornar a copiar-lo i enganxar-lo.

3 - Penjar l'script en algun altre servidor que utilitzi un certificat reconegut per Apple. De moment, per fer una prova, l'he penjat en una carpeta pública de Google Drive. Espero que funcioni correctament en tots els sistemes i que a Google no li doni per canviar l'adreça, cosa que de vegades passa!. Si ho vols provar, substitueix el contingut del giny HTML per aquest altre:

<script src="https://drive.google.com/uc?id=1w4lcCiOdHt6lboY-DH-2ZzwoMAAkg8K5&export=download"></script>

Ja ens diràs si alguna d'aquestes tres opcions et funciona!


In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by FRANCESC BUSQUETS BURGUERA -

Hola de nou Agustí,

Hem trobat una solució encara millor: hem pogut pujar l'script al servidor Àgora, de manera que ara vindrà del mateix servidor, amb el mateix certificat. Ja no hi haurien d'haver problemes amb els Mac.

He actualitzat la documentació. Bàsicament, el contingut del giny HTML que heu d'utilitzar a partir d'ara és aquest:

<script src="https://agora.xtec.cat/portal/file.php?file=menu_nodes/menu-nodes.js"></script>

És una mica més llarg d'escriure (millor copiar i enganxar!) però més segur, ja que no depèn d'altres servidors.



In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by RICARD XAVIER VALERO MORA -

Moltes gràcies... Una consulta: quan passes per damunt es desplega el menú, però queda visible encara que moguis el ratolí fora... Es pot solucionar d'alguna manera?

In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by FRANCESC MORILLA GOMEZ -
Benvolgut Francesc,
no me'n 'surto', amb qui puc contactar perquè em doni un cop de mà??
Gràcies
In reply to FRANCESC MORILLA GOMEZ

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -
Hola, Francesc,
quin problema tens?
Si ens expliques una mica i ens passes l'URL del vostre Nodes et podem ajudar.

Fins ara,
Mònica
In reply to MONICA GRAU PRIETO

Re: Menu desplegable sota la capçalera

by FRANCESC MORILLA GOMEZ -
(també treballem amb MAC)
He seguit les indicacions corresponents
https://github.com/projectestac/agora-hacks/blob/master/menu-nodes/README.md
i ... no visualitzo la interacció en el menú...
https://agora.xtec.cat/escolajverdaguer/
Gràcies
In reply to FRANCESC MORILLA GOMEZ

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -
Hola, Francesc,
havíeu posar el giny a la "Barra esquerra" i no a "Portada (barra esquerra)". Hem mogut el giny al lloc correcte i ja es visualitza el menú.

Fins ara,
Mònica
In reply to MONICA GRAU PRIETO

Re: Menu desplegable sota la capçalera

by FRANCESC MORILLA GOMEZ -
Bona nit Mónica,
disculpa si he d'obrir fil, em dius i faig...
Insereixo un en menú sota capçalera un enllaç extern: youtube i no l'obre directament, has de 'dir-li: obrir 'obrir enllaç en pestanya nova', sinó, dona error.
Disculpa i gràcies.
In reply to FRANCESC MORILLA GOMEZ

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -
Hola, Francesc,
per a temes nous millor obrir un fil nou, però no pateixis que no passa res.
A mi l'enllaç em funciona, ho heu pogut resoldre?

Un petit consell per si t'és d'utilitat. Si vas a "Opcions de pantalla" podràs marcar l'opció "Destinació de l'enllaç" i triar si vols que l'enllaç s'obri directament en pestanya nova. Pot ser útil si no vols que en fer clic al vídeo, l'usuari perdi la pàgina principal del Nodes.



Fins ara,
Mònica
In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by JOSE CARLOS ALTAVA PRADA -
Aquí a l'Escola Miquel Granell (Amposta):  també ho hem activat, i estem molt agraïts pel codi, això sí, he posat majúscules i la mida, però el codi del color va amb paraula en anglès, números separats per comes o amb el coixinet?

Si algú vol aportar possibles millores del web, estic en pla RENOVE... vaig començar ahir amb les taules responsives, text alternatiu, avui menú desplegable, però encara voldria anar fent més.

Moltes gràcies.
In reply to JOSE CARLOS ALTAVA PRADA

Re: Menu desplegable sota la capçalera

by FRANCESC BUSQUETS BURGUERA -
En l'ús avançat de l'script, el codi de color pot ser qualsevol de les paraules angleses que trobaràs aquí:
https://developer.mozilla.org/es/docs/Web/CSS/color_value#palabras_clave_de_colores

Si el color exacte que busques no hi surt, també pots indicar-lo amb coixinet seguit de tres valors hexadecimals per als nivells de vermell, verd i blau. Millor si ho fas amb algun programa auxiliar com ara la que surt a Google quan escrius "selector de color":
https://www.google.com/search?q=Selector%20de%20color

Quan escolliu colors de text i de fons, tingueu en compte els criteris d'accessibilitat. Heu de garantir sempre que hi hagi un contrast suficient per complir els requeriments "AA".
Amb aquesta eina podreu comprovar si la vostra combinació de colors els compleix:

In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by JOSE CARLOS ALTAVA PRADA -
Gràcies. Tot correcte, l'accessibilitat també vindrà comentada pel claustre i els usuaris, en principi no ha de provocar grans alteracions i problemes.

PD: per cert, hi ha més efectes estacionals possibles amb CSS més enllà dels flocs de neu?
In reply to JOSE CARLOS ALTAVA PRADA

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -
Hola, Jose Carlos,
no tinc present cap altre efecte, a veure si algun company en coneix algun.

Fins ara,
Mònica
In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by MIREIA GARCIA CONCHILLO -
Hola,
He intentat seguir les passes però no veig el menú horitzontal.
Passo enllaç https://agora.xtec.cat/ceiplanovaelectra/
Moltes gràcies
Mireia
In reply to MIREIA GARCIA CONCHILLO

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -
Hola, Mireia,
no veig el giny a cap dels apartats del vostre Nodes. Potser no vas desar? Has d'afegir un giny d'HTML Personalitzat i l'hauries de veure així:


Fins ara,
Mònica
In reply to MONICA GRAU PRIETO

Re: Menu desplegable sota la capçalera

by MIREIA GARCIA CONCHILLO -
Gràcies Mónica,
Si estava el giny però on no tocava.
Moltíssimes gràcies per l’ajuda.
Mireia
In reply to FRANCESC BUSQUETS BURGUERA

Re: Menu desplegable sota la capçalera

by PATRICIA PEÑARROYA VILLALTA -
L'Escola La Torreta ja té també menú desplegable! Gràcies per l'ajuda.

Ara remeno a veure si aconsegueixo personalitzar-ho. Ni idea com fer-ho!
In reply to PATRICIA PEÑARROYA VILLALTA

Re: Menu desplegable sota la capçalera

by MONICA GRAU PRIETO -
Hola, Patricia,
el menú es configura com abans, des d'aquesta pàgina: https://agora.xtec.cat/ceiplatorreta/wp-admin/nav-menus.php

Fins ara,
Mònica
In reply to carles lopez

Re: Menu desplegable sota la capçalera

by BIBIANA NUÑEZ MARTIN -

Moltes gràcies!

Ajuda molt i ja el tenim en funcionament.

https://agora.xtec.cat/esc-elgegantdelrec/

In reply to BIBIANA NUÑEZ MARTIN

Re: Menu desplegable sota la capçalera

by JAUME FUSTE ESCUDE -

Hola a tothom, sóc nou amb NODES i estic meravellat amb aquest xat.

He fet el desplegable sense problemes...

Moltes gràcies