Modifier skin sunrise pour opale

--fontStyle est une variable, elle est déclaré dans :root, plus la peine d’y retoucher.

Ajouter la règle font-size par défaut, les icones sont déjà à 2em, baissez donc cette valeur si vous voulez plus petit.

L’inspecteur vous montre la structure HTML de la publication, vous pouvez maintenant posez vos règles CSS en fonction. Pour masquer l’icone de module, vous pouvez ajouter :

.default #tools li.home .item {
display: none;
}
1 « J'aime »

Pour fontsize, c’était une mauvaise copie d’écran.
Je progresse, j’ai bien diminué les icônes, mais en fait, c’est le cadre qu’il faut aussi réduire :

Je vous invite à utiliser l’inspecteur d’élément, d’un côté vous avez la structure HTML et de l’autre, les règles CSS associés, vous pouvez modifier ces règles directement dans le navigateur, quand vous avez trouvé votre bonheur, recopier dans votre atelier styler.

Je vous invite également à consulter des aides sur le web sur le CSS, ça ne manque pas.

Mickaël

bonjour,
Je reviens un an après suite au passage en opale 5.
Je souhaite modifier le skin sunrise 5 et dans scenariChain.
J’ai donc importé styler opale 5.
Je crée un item habillage guidé :

Mais je ne sais plus comment exporter cela en skinpack. Il me semblait qu’il fallait glisser le sunrise-web.skin en bas, mais il ne se passe rien :

Que dois-je faire ?

Bonjour,

Il faut créer un item « Jeu d’habillages graphiques » (.skinset), c’est sur cet item que vous pourrez lier les items .skin et compiler le skinpack.

Mickaël

ça marche, merci !

Y-a-t-il un moyen d’ajouter sur le skin surise une icône permettant comme dans les versions dys d’augmenter la taille des caractères affichés comme ceci :

image

Si par « y a-t-il moyen » tu veux dire « est-il possible que je », oui, tout à fait, il faut :

  • créer un nouveau skin à partir des sources du skin sunrise
  • prendre les sources du skin dys, et y voir le code qui ajoute ces boutons
  • mettre ce code dans le nouveau skin que tu crées
    Pas super trivial, mais possible.

Si par « y a-t-il moyen » tu veux dire « est-il possible que vous », c’est peut-être possible aussi, il faudrait le proposer comme demande d’évolution : Place des évolutions Opale - Forums Communauté Scenari

Après, si tu souhaites avoir ces boutons pour générer ton contenu avec un police plus grosse, le plus simple est de modifier le skin en mode formulaire et de mettre une police plus grosse. :slight_smile:

Merci Loïc de ta réponse.
Je sais déjà modifier le skin pour augmenter la taille la police, mais ponctuellement, ça peut être pratique de l’augmenter avec le zoom qu’on trouve dans le skin dys, pour un élève ayant des problèmes de vue.
J’ai déjà regardé dans dys et dans sunrise en mode habillage graphique guidé, mais je ne vois rien permettant l’ajout de cet icône de zoom. L’an dernier, Sam m’avait transmis une version pour opale 4 Empêcher le zoom du cadre - #19 par sam, je me demandais donc si cette version pouvait être modifée (par moi, donc simplement) pour opale 5.

Bonjour,
Dans Styler, j’importe le skin Dys, sachant que j’ai créé un parcours test (très simple) pour faire une prévisualisation.
Au lieu de faire le test directement dans Styler, je clique sur l’icône terre, ce qui ouvre la prévisualisation dans mon navigateur préféré.
Là, je fais un clic droit => Inspecter l’élément et dans 90% des cas je trouve mon bonheur.
Pour les 10% restant, et bien l’inspecteur m’a mis sur la voie et en fouillant dans les css, je trouve mon bonheur :slight_smile:

Ok je vois @emmanuel_farcy.
Du coup, si c’est pour rendre tout un peu plus gros, la méthode native du navigateur pour zoomer une page (ctrl+roulette en général) n’est pas satisfaisante ?

Si, bien sûr, mais cela zoom également l’encadrement avec les icônes, le bandeau de gauche avec le plan du cours…

Génère un contenu avec le skin dys, télécharge-le, dézippe-le.

En regardant vite fait, manifestement il y a du code javascript dans skin.js donc à mettre dans le block js de ton skin guidé modifié de Sunrise, et tout un dossier « dys » à mettre aussi dans ton skin (à bien placer pour qu’il se retrouve au même endroit dans le site généré).

Saut, nous sommes en train de revoir Dys pour sortir des versions Sunrise ou Daylight plus facilement.

1 « J'aime »

c.f. https://forums.scenari.org/t/nouvelle-version-de-lhabillage-aurora-dys-5-3

1 « J'aime »

Merci Sam. Y-aurait-il possibilité d’avoir le wsppack OpaleSunriseDys ?

Merci par avance

Pas actuellement, c’est pas mal de travail pour produire un extension styler avec scbuilder.

OK, merci quand même :grinning:

En fait, moi, ce qui m’intéresse, c’est juste d’augmenter la largeur maximale du contenu pour diminuer les bandes latérales, c’est peut-être faisable simplement ?

Dans ce cas :

  • prenez les sources des skinpacks en bas de la page OpaleSkinDys
  • assurez vous d’avoir installé Opale 5.0.5, le wsppack Styler de Sunrise et Daylight
  • Importer le scwsp dans scchain puis modifiez /sunrise/sunrise-web.skin à votre guise pour produire votre skin sunrise avec /sunriseDys.skinset