css – Tic & Net https://blog.datacargo.fr Le blog notes de Fred Wed, 24 Jul 2019 13:01:06 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.4.7 https://blog.datacargo.fr/wp-content/uploads/2019/05/cropped-bannière-ticnet-3-32x32.png css – Tic & Net https://blog.datacargo.fr 32 32 Comment modifier le thème dans MARP https://blog.datacargo.fr/2017/12/01/comment-modifier-le-theme-dans-marp/ https://blog.datacargo.fr/2017/12/01/comment-modifier-le-theme-dans-marp/#comments Fri, 01 Dec 2017 11:35:59 +0000 http://tic-et-net.org/?p=6298 Créer un nouveau thème sous MARP, est en réalité très compliqué et parfaitement inaccessible au commun des mortels, en aucun cas je ne peux imaginer demander à mes étudiants de suivre la procédure décrite dans ce slide.

La première raison est que ce ne sont pas des informaticiens, enfin cela irait à l’encontre de l’intérêt principal de cet outil, à savoir la rapidité et l’efficacité.

Fort heureusement, il existe une solution qui n’est pas vraiment développée dans le guide technique du logiciel et qui passe par l’insertion de styles dans la zone d’édition.

Voici un exemple de ce qui peut être fait :

<style>
.slide {
 background-color: black;
 font: 40px arial, sans-serif;
 }
.slide a {
 color: indigo;
 }
.slide h1 {
 color: fuchsia !important;
 text-align: center;
 }
.slide h2 {
 color: darkviolet;
 }
.slide p {
 color: darkorchid;
 }
</style>

Quelques explications :
. slide s’applique aux paramètres des diapositives, ici on a appliqué une police Arial de taille 40px et un arrière plan noir.
. slide a modifie la couleur des liens.
. slide h1 modifie les titres de niveau 1 (#)  !important  permet de passer outre le style défini par le thème.
.slide p applique une couleur aux paragraphes.
Pour mettre en œuvre ces styles, il  faut utiliser le style par défaut et non Gaïa.
Ces commandes s’insèrent en haut de la zone d’édition, cependant il est possible de créer un fichier externe appelé par cette commande :

<link rel="stylesheet" type="text/css" href="style.css">

Enjoy !

]]> https://blog.datacargo.fr/2017/12/01/comment-modifier-le-theme-dans-marp/feed/ 3 How to change the theme in MARP https://blog.datacargo.fr/2017/11/30/how-to-change-the-theme-in-marp/ https://blog.datacargo.fr/2017/11/30/how-to-change-the-theme-in-marp/#respond Thu, 30 Nov 2017 19:40:27 +0000 http://tic-et-net.org/?p=6292 In reality it is very complicated, in any case inaccessible to ordinary people, do not I see myself explaining to students the procedure described in this link.
Quite simply because they are not computer scientists and secondly, the interest of using MARP is precisely to be efficient, effective and fast.
On the other hand, as the description indicates, you can easily add styles at the beginning of the slideshow. And then it becomes accessible…
Here is a very short example of what can be done :

<style>
.slide {
 background-color: black;
 font: 40px arial, sans-serif;
 }
.slide a {
 color: indigo;
 }
.slide h1 {
 color: fuchsia !important;
 text-align: center;
 }
.slide h2 {
 color: darkviolet;
 }
.slide p {
 color: darkorchid;
 }
</style>

A few explanations:
. slide is about slide related settings
. slide a modifies the links
. slide h1 the titles of level 1 (#)! important clears the parameter setting set by the theme
You need to  use default theme and not Gaia to make it work.
There are two ways to do this, either integrate an external file with a link:

<link rel="stylesheet" type="text/css" href="style.css">

or include the style at the top of the page but it’s less clean.
Enjoy !

]]> https://blog.datacargo.fr/2017/11/30/how-to-change-the-theme-in-marp/feed/ 0 [Moodle] Comment modifier le CSS d'une page de cours sans accèder au thème https://blog.datacargo.fr/2017/08/27/moodle-comment-modifier-le-css-dune-page-de-cours-sans-modifier-le-theme/ https://blog.datacargo.fr/2017/08/27/moodle-comment-modifier-le-css-dune-page-de-cours-sans-modifier-le-theme/#respond Sun, 27 Aug 2017 10:22:47 +0000 http://tic-et-net.org/?p=5677 Dans les paramètres d’administration Moodle, une permission autorise la modification du thème au niveau du cours. Afin d’assurer la continuité de la charte graphique, les administrateurs sont rares à activer cette option.

Si malgré tout vous avez besoin d’outrepasser cette limitation, voici comment procéder grâce à un petit bout de code JQUERY qui injecte du CSS dans le code de la page.

Bien évidemment, selon le thème, la mise en place sera différente.

Le code ci-dessous s’insère en mode code source dans une étiquette de la page.

On reconnaît facilement la méthode JQUERY CSS qui modifie la couleur de l’arrière-plan de la page. D’autres hacks sont possibles…

En savoir plus :

Manipuler le CSS

 
 
 

]]> https://blog.datacargo.fr/2017/08/27/moodle-comment-modifier-le-css-dune-page-de-cours-sans-modifier-le-theme/feed/ 0