Créer un thème personnalisé : besoin de conseils

More
3 months 2 weeks ago #192312 by Nickko
Bonjour à tous,

Je souhaite créer un thème Limesurvey qui s'inspire de ce site www.medispring.be/

Quel thème me conseillez-vous d'utiliser comme base ?

Merci d'avance

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

LimeSurvey Partners
More
3 months 2 weeks ago #192326 by DenisChenu
Ca va être long ;)

Pas du bootsrap ça :).

Perso : je créerais un fichier de variables less pour bootsrap : que j'appliquerais à gitlab.com/SondagesPro/SurveyThemes/less-skelvanilla

Je générerais le boostrap par défaut , puis je créé un fork de gitlab.com/SondagesPro/SurveyThemes/skelvanilla avec seulement ce théme.

… … …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
3 months 1 week ago #192354 by Nickko
Merci Denis pour très précieux conseils.

J'imaginais plutôt customiser un thème via l'éditeur de LS ou directement avec un éditeur de texte et tripatouiller un peu le CSS (parce que ça je sais bien le faire).

LESS, ça ne me parle que vaguement, je connais un peu le principe.
Je pense être à même de modifier un fichier existant pour y mettre les bonnes variables.

Je me dis que si j'arrive déjà à placer le logo et utiliser les deux couleurs dominante du site, ce sera plus que suffisant pour "être semblable".

Là où j'ai plus de mal c'est lorsque tu dis "Je générerais le boostrap par défaut , puis je créé un fork de gitlab.com/SondagesPro/SurveyThemes/skelvanilla avec seulement ce théme."

Créer un fork dans github, ça va mais je ne sais pas comment faire avec seulement une partie du repository.

Tu pourrais m'en dire plus s'il te plait ?

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
2 months 4 weeks ago #192504 by DenisChenu
Salut,

Créer un fork : c'est au final faire une copie et l'adapter :).

En fait : tu peux travailler sur le css, mais comme actuellement : tout est géré via boostrap : c'est plus rapide de le faire totalement grâce à boostrap.

C'est d'un coté un perte, d'un autre coté un avantage …

Donc:
1. Apprendre un peu plus comment gérer less : lesscss.org/
2. Copier les fichiers du répertoire ./skelvanilla-default sur ./ (il faut que je simplifie cela …)
3. Créer son propre fichier de variable : exemples : gitlab.com/SondagesPro/SurveyThemes/less...ruity-sea_green.less ou gitlab.com/SondagesPro/SurveyThemes/less...ables/bootstrap.less comme base.
4. Le mettre sur ./variables.less
5. Générer le bootsrap.css par «lessc theme-button_awesome.less bootstrap.css» (ici avec les boutons awesome).
6. Prendre ce fichier pour remplacer celui de skelvanilla
7. Supprimer les variations de SkelVanilla (ou les laisser …) gitlab.com/SondagesPro/SurveyThemes/skel...aster/config.xml#L82

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192715 by Nickko
J'ai une bonne nouvelle (pour moi) notre application, utilise bootstrap, j'ai la feuille de style, j'ai naïvement cru pouvoir appliquer ce style en dupliquant le thème vanilla et en copiant l'intégralité de la feuille de style dans "custom.css" mais il n'en est rien.

Connaissez-vous la marche à suivre ?

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192717 by DenisChenu
Si votre application utilise boostrap : tu as sans doute un fichier variables.less ;)

Mais sinon, tente en remplaceant le fichier boostrap.css de SkelVanilla directement.

Puis il faudra ajouter quelques lignes correctives pour être proche de la perfection …

La partie sur gitlab.com/SondagesPro/SurveyThemes/less...lvanilla/slider.less
Voire si tu veux du gitlab.com/SondagesPro/SurveyThemes/less...lla/nomoretable.less
etc …

ici : en fait les @line-height-base sont des paramètres de boostrap

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192718 by DenisChenu
Sinon, prend le bootswatch
Met ton fichier bootstrap dans github.com/LimeSurvey/LimeSurvey/tree/3....watch/css/variations


Ajoute le ici : github.com/LimeSurvey/LimeSurvey/blob/a8...ons/options.twig#L32 (sur la copie : tu peux copier ce fichier)


Et passe le par défaut ici : github.com/LimeSurvey/LimeSurvey/blob/a8...watch/config.xml#L75

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192719 by Nickko
Je n'ai pas accès au code source de l'application, juste le CSS généré.
Où doit être le fichier bootstrap.css ? Je ne le vois pas dans l'éditeur.

Je dois passer par le FTP ?

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192721 by Nickko
Je suis sorti du bureau, je regarde ça demain, encore merci pour ton aide.

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago - 2 months 2 weeks ago #192722 by DenisChenu

Nickko wrote: Je dois passer par le FTP ?

Soit par FTP,

Soit en faisant un zip … mais par FTP : ce sera plus facile.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .
Last edit: 2 months 2 weeks ago by DenisChenu.

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192723 by DenisChenu

Nickko wrote: Où doit être le fichier bootstrap.css ? Je ne le vois pas dans l'éditeur.

Il est accessible dans skelvanilla.
Tu peux tenter de le modifier en t'inspirant du tien.


Pas dans boostwatch (ou c'est dans les variations)

Je n'ai pas accès au code source de l'application, juste le CSS généré.

Oui, mais un développeur l'a fait et pourait TRES facilement le faire pour skelvanilla …
getbootstrap.com/docs/3.3/getting-started/#grunt

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192742 by Nickko
On a plus de dev, toute l'équipe se barre (CEO, CTO, PO), je vais me faire dégager sous peu...

C'est un peu compliqué mais je tiens à faire cette étude avant mon départ et à la faire bien.

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192792 by Nickko
Je m'en suis sorti avec les codes couleurs finalement et dans les paramètres du thème, j'ai inversé l'ordre des fichiers CSS, pour que custom.css soit appelée après les autres (ou avant, je ne sais pas quel était l'ordre par défaut) maintenant, j'ai un résultat nickel.

Je t'enverrais une copie d'écran, je ne peux pas diffuser l'URL du sondage, il est en ligne.

Merci encore pour ton aide.

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192793 by DenisChenu
Avec quel théme ?

De mon coté : je tente tous pour que custom.css soit appelé en dernier : gitlab.com/SondagesPro/SurveyThemes/skel...ws/header/theme.twig

Mais si j'avais un moyen plus sur …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in or Create an account to join the conversation.

More
2 months 2 weeks ago #192796 by Nickko
Vanilla

Nickko
Head of ergonomics, UX & UI.
The following user(s) said Thank You: DenisChenu

Please Log in or Create an account to join the conversation.

Moderators: Nickko

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!