- Posts: 1955
- Thank you received: 410
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Créer un thème personnalisé : besoin de conseils
- Nickko
- Topic Author
- Offline
- LimeSurvey Community Team
Less
More
4 years 3 months ago #192312
by Nickko
Nickko
Head of ergonomics, UX & UI.
Créer un thème personnalisé : besoin de conseils was created 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
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.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
4 years 3 months ago #192326
by DenisChenu
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 .
I don't answer to private message.
Replied by DenisChenu on topic Créer un thème personnalisé : besoin de conseils
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.
… … …
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 .
I don't answer to private message.
The topic has been locked.
- Nickko
- Topic Author
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
4 years 3 months ago #192354
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on topic Créer un thème personnalisé : besoin de conseils
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 ?
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.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
4 years 3 months ago #192504
by DenisChenu
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 .
I don't answer to private message.
Replied by DenisChenu on topic Créer un thème personnalisé : besoin de conseils
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
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 .
I don't answer to private message.
The topic has been locked.
- Nickko
- Topic Author
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
4 years 3 months ago #192715
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on topic Créer un thème personnalisé : besoin de conseils
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 ?
Connaissez-vous la marche à suivre ?
Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
4 years 3 months ago #192717
by DenisChenu
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 .
I don't answer to private message.
Replied by DenisChenu on topic Créer un thème personnalisé : besoin de conseils
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
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 .
I don't answer to private message.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
4 years 3 months ago #192718
by DenisChenu
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 .
I don't answer to private message.
Replied by DenisChenu on topic Créer un thème personnalisé : besoin de conseils
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
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 .
I don't answer to private message.
The topic has been locked.
- Nickko
- Topic Author
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
4 years 3 months ago #192719
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on topic Créer un thème personnalisé : besoin de conseils
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 ?
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.
The topic has been locked.
- Nickko
- Topic Author
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
4 years 3 months ago #192721
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on topic Créer un thème personnalisé : besoin de conseils
Je suis sorti du bureau, je regarde ça demain, encore merci pour ton aide.
Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
4 years 3 months ago - 4 years 3 months ago #192722
by DenisChenu
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 .
I don't answer to private message.
Replied by DenisChenu on topic Créer un thème personnalisé : besoin de conseils
Soit par FTP,Nickko wrote: Je dois passer par le 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 .
I don't answer to private message.
Last edit: 4 years 3 months ago by DenisChenu.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13597
- Thank you received: 2487
4 years 3 months ago #192723
by DenisChenu
Tu peux tenter de le modifier en t'inspirant du tien.
Pas dans boostwatch (ou c'est dans les variations)
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 .
I don't answer to private message.
Replied by DenisChenu on topic Créer un thème personnalisé : besoin de conseils
Il est accessible dans skelvanilla.Nickko wrote: Où doit être le fichier bootstrap.css ? Je ne le vois pas dans l'éditeur.
Tu peux tenter de le modifier en t'inspirant du tien.
Pas dans boostwatch (ou c'est dans les variations)
Oui, mais un développeur l'a fait et pourait TRES facilement le faire pour skelvanilla …Je n'ai pas accès au code source de l'application, juste le CSS généré.
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 .
I don't answer to private message.
The topic has been locked.
- Nickko
- Topic Author
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
4 years 3 months ago #192742
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on topic Créer un thème personnalisé : besoin de conseils
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.
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.
The topic has been locked.
Moderators: Nickko