En el material nuevo que estoy creando este año (por supuesto con eXeLearning), necesitaba un elemento en el menu que me llevase a una web. Es decir un elemento que no tenga ningún contenido dentro del material, sino que simplemente sea un enlace para dejar el material e ir a otra página web. Lo he solucionado con una «Personalización del HEAD» ya sabéis pulsando en Propiedades -> Opciones avanzadas -> Personalizar la sección HEAD. Podéis hacer que el elemento sea el primero del menú o el último simplemente cambiando una linea de código. Y sin más este es el código que tenéis que poner en la «personalización del head»

<script type="text/javascript">document.addEventListener('DOMContentLoaded', function() {
const navList = document.querySelector('#siteNav ul');
const newListItem = document.createElement('li');
const newLink = document.createElement('a');
newLink.href = 'https://lapaginaweb.que.quieras.com';
newLink.textContent = 'INICIO o el texto que tu quieras';
//newLink.style.setProperty('background-color', 'red', 'important');
newListItem.appendChild(newLink);
navList.insertBefore(newListItem, navList.firstChild);
});</script>

con ese código el elemento será el primero del menú, si queréis que sea el último, cambiar el «insertBefore» que hay casi al final por «appendChild»

Tambien podéis hacer que ese elemento del menú simplemente quitando las // que hay en la linea «//newLink.style.setProperty(‘background-color’, ‘red’, ‘important’);» y cambiando «red» por el color que queráis podéis usar cualquier color hexadecimal como #496691 si buscais ese mismo color en google os aparecerá un selector para elegir el color deseado y reemplazarlo.

Deja una respuesta

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies