Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 20/02/2021, à 10:02

CM63

Nouveau site : Quel est le CMS ou frame-work utilisé?

Bonjour,

J'aime beaucoup le design du nouveau site, peut-on savoir dans quel CMS ou frame-work il est écrit? Et si c'est Word-press quel est le theme? Car j'apprécie  les fonctionnalités d'élargissement et d'économie d'énergie, j'aimerais mettre cela sur mon site. Merci .


Quoi? Quelque chose que je ne connais pas et qui me fait l'affront d'exister?!

Hors ligne

#2 Le 20/02/2021, à 11:06

krodelabestiole

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

merci pour le compliment !

c'est du hugo, mais le design est un développement personnel.

les sources sont là :
https://gitlab.com/ubuntu-fr/code/ufr-cms

Hors ligne

#3 Le 20/02/2021, à 11:49

CM63

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

Ok, merci. Je vais voir comment mettre cette fonctionnalité d'élargissement dans un thème Wordpress.


Quoi? Quelque chose que je ne connais pas et qui me fait l'affront d'exister?!

Hors ligne

#4 Le 21/02/2021, à 10:19

krodelabestiole

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

il faut un thème responsive et bien conçu.

à partir de là on ajoute ou enlève (toggle) juste la classe wide sur l'élément html :

document.querySelector('#switcher-wide').addEventListener('click', function() {
  document.documentElement.classList.toggle('wide')
})

https://gitlab.com/ubuntu-fr/code/ufr-c … /js/app.js

cette classe définit simplement la largeur du contenu body (à ajuster si c'est un autre élément qui structure la page) :

:root {
  --page-narrow: 1080px;
  --page-wide: 1600px;
  --external-margin: 2rem;
}
body {
  /*** falkon fallback ***/
  max-width: var(--page-narrow);
  width: calc(100% - 2*var(--external-margin));
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: min(var(--page-narrow),calc(100% - 2*var(--external-margin)));
  transition: width .8s;
}
.wide body {
  /*** falkon fallback ***/
  max-width: var(--page-wide);
  width: 100%;
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: min(var(--page-wide), 100%);
}

https://gitlab.com/ubuntu-fr/code/ufr-c … s/main.css

(le falkon fallback, c'est parce que le navigateur falkon ne comprend pas la fonction min().)

Hors ligne

#5 Le 21/02/2021, à 14:08

CM63

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

Ok, génial, merci beaucoup!


Quoi? Quelque chose que je ne connais pas et qui me fait l'affront d'exister?!

Hors ligne