Veuillez patienter...
/
https://clarolineconnect.univ-lyon1.fr/
/
/themes/lyon-1/bootstrap.css?v=3371d7f312bd1ffce4432176f54dff3a
fr_FR
Vous utilisez un navigateur non pris en charge. Pour éviter tout fonctionnement indésirable, veuillez utiliser une version récente d'un navigateur majeur. (http://browsehappy.com). Internet Explorer est supporté à partir de la version 11.

[Sujet] Comment insérer une image à la place du texte d'un onglet

Messages par page
Auteur Messages

01/12/17 15:41

Bonjour,

Pour personnaliser mes onglet je souhaite y remplacer le texte par une image.

Comment faut-il faire ?

Merci pour vos éclairages

Il y a 7 années


05/12/17 09:20

Bonjour, 

Il faut au préalable uploader l'image en question sur claroline connect, récupérer le lien de cette image, puis insérer du code html dans le titre de votre onglet (ex: <h4><img style="max-width: 100%;" src="https://claco.univ-lyon1.fr/file/resource/media/......."/>&nbsp; </span></h4>)

Il n'existe pas de de solution plus simple pour l'instant.

Bien cordialement
L'assistance Claroline Connect

Il y a 7 années


05/12/17 11:56

Bonjour,

Merci pour votre réponse.

J'ai téléchargé l'image et copié le lien dans l'extrait de code html transmis, oui j'ai copier celui-ci dans le "titre" de l'onglet sans succès (cadre bleu avec point d'interrogation).

Ci-après les 2 lignes de codes testées :

<h4><img style="max-width: 100%;" src="https://clarolineconnect.univ-lyon1.fr/resource/open/file/1471600"/>&nbsp; </span></h4>

<img src="https://clarolineconnect.univ-lyon1.fr/resource/open/file/1471600"/>

 

...Et l'image que je souhaite insérer dans l'onglet accueil :

Accueil.png

 

Y-a-til des restriction sur la taille de l'image ou son format ?

Merci pour votre aide.

Bien cordialement

Il y a 7 années


05/12/17 12:01

... Sur un autre espace où une autre image est insérée dans le titre de l'onglet, la ligne de code est :

<img src="/file/resource/media/148039" alt="WORKSPACE_17210/1689B977-E4FA-4866-BE13-40B98BF8677D.png">

Mais cela avait peut-être été fait avant la bascule vers "Claroline Connect".

Bien cordialement

 

Il y a 7 années


07/12/17 15:38

Bonjour, 

c'est le lien qui n’était pas bon, dans le code mettez juste:   <img src="/file/resource/media/1471600"> (avec éventuellement un pourcentage pour réduire la taille: <img style="max-width: 80%;" src="/file/resource/media/1471600">   et cela devrait fonctionner.

Bien cordialement
L'assistance Claroline Connect

Il y a 7 années


09/12/17 18:59

Bonjour,

Désormais l'image s'affiche (il faut descendre le pourcentage en dessous de 10% pour que l'onglet garde sa hauteur initiale) par contre l"onglet prend entièrement la largeur de la fenêtre (quel que soit le pourcentage choisi).

Bien cordialement

Aina Rajohnson

Il y a 7 années