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

Más
3 meses 2 semanas antes #192312 por 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.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

LimeSurvey Partners
Más
3 meses 2 semanas antes #192326 por 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 .

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
3 meses 1 semana antes #192354 por 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.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 4 semanas antes #192504 por 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 .

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192715 por 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.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192717 por 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 .

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192718 por 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 .

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192719 por 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.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192721 por Nickko
Je suis sorti du bureau, je regarde ça demain, encore merci pour ton aide.

Nickko
Head of ergonomics, UX & UI.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes - 2 meses 2 semanas antes #192722 por DenisChenu

Nickko escribió: 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 .
Última Edición: 2 meses 2 semanas antes por DenisChenu.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192723 por DenisChenu

Nickko escribió: 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 .

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192742 por 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.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192792 por 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.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192793 por 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 .

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Más
2 meses 2 semanas antes #192796 por Nickko
Vanilla

Nickko
Head of ergonomics, UX & UI.
El siguiente usuario dijo gracias: DenisChenu

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Moderadores: Nickko

¡Comenzar ahora!

Simplemente cree una cuenta y comience a usar LimeSurvey hoy mismo.

Registrarse ahora
¡Únase a nuestro boletín informativo!

Iniciar sesión