Générateur de thèmes bootstrap Protostar gratuit

[electrocity]

Bonjour à tous,
Studio 42 à conçu un générateur de thème pour protostar, le template qui est livré d'origine dans joomla 3.x.

Le thème protostar étant entièrement gratuit, et cette outil aussi, vous pouvez personnaliser votre site sans rien dépenser.

Il reprend le principe du site de bootstrap, mais avec les changements fait dans protostar, donc le CSS généré sera adapté à protostar.

Ayant un color picker(nuancier) pour chaque couleur et une prévisualisation instantanée, cela devient un jeu d'enfant pour les débutants et un gain de temps considérable pour les autres.

Lorsque vous avez fini, il suffit d'enregistré votre CSS et vous pouvez aussi enregistrer le fichier less contenant vos variables.

Le générateur se trouve à cette adresse en version française :

http://www.st42.fr/protostar-theme-creator

Si vous avez un soucis ou une suggestion, il suffit de rajouter une réponse à ce post, que je lirais attentivement.

J' espères voir rapidement vos chef-d’œuvres...
Patrick

@ les modérateurs : merci d'épingler ce message, pour un meilleur partage.

[electrocity]

Ccovertion amelia pou protostar

Voici une convertion protostar fait avec le générateur.


L'original est le fichier less de "amelia" (pour bootstrap 2.3.2) qui est sur le site github de bootswatch.

Idem mais fichier cosmo
J'ai supprimer les lignes de style(comme expliqué dans + d'information du générateur). + la class body du fichier index.
N'oubliez pas que vous pouvez faire des copies de template dans l'administration de jomla 3.2 à la demande, cela permet de facilement modifier le template sans perdre l'original.

[soprano08]

Re : Ccovertion amelia pou protostar

Tes liens ne fonctionne pas pour info !!!

[electrocity]

Re : Générateur de thèmes bootstrap Protostar gratuit

Merci,
mais quel lien ?
Vers le générateur ou l'image ?
Car pour voir l'image , il faut être connecté. le lien vers le générateur de thèmes devrait fonctionner dans tous les cas.
Cdt,
Patrick

[PACHAT]

Re : Générateur de thèmes bootstrap Protostar gratuit

Même connecté, en cliquant sur le lien de la PJ, j'ai

Pièce jointe spécifié(e) non valide. Si vous suivez un lien valide, veuillez notifier l'administrateur

[lomart]

Re : Générateur de thèmes bootstrap Protostar gratuit

Bonjour

Vers le générateur ou l'image ?
Car pour voir l'image , il faut être connecté

L'image dans le forum, tu es le seul à la voir. C'est un problème ancien du forum.
Il faut mieux insérer une image qu'une pièce jointe (ou l'inverse, je ne suis plus sur !)

[electrocity]

Re : Générateur de thèmes bootstrap Protostar gratuit

Lien image corrigé.

[leondelyon]

Re : Générateur de thèmes bootstrap Protostar gratuit

Bonjour,
je viens de tester le générateur et j'ai le problème suivant:
Les modifs sur la partie navbar: voir fichier ci-après

ne sont pas pris en compte: voir ci dessous:



J'ai enregistré le css et le less, ensuite j'ai copier le template protostar origine vers protost42 puis j'ai remplacé les fichier template.css et variables.less par les nouveaux. j'utilise Joomla!v3.2.1
Autre question: a quoi sert le paramétre Minifier ?
A+

[electrocity]

Re : Générateur de thèmes bootstrap Protostar gratuit

Bonjour,
Pour que la prévisualisation et le fichier généré soit correct, il faut appuyez sur le bouton appliquer.
Pour une prévisualisation en direct, il faut cocher la case auto, mais cela ralenti la conception.
Minifier crée un fichier css avec tous les caractères inutiles supprimées.
Donc n'oubliez pas d'appuyez sur appliquer.
Merci de me signaler si cela ne fonctionne toujours pas.
Cordialement,
Patrick

[leondelyon]

Re : Générateur de thèmes bootstrap Protostar gratuit

OK,merci pour les précisions.

[electrocity]

Générateur de thèmes bootstrap Protostar, Sauvegarde Auto !

Pour info,
j'ai ajouté une sauvegarde automatique des variables en local storage.
Ce qui permet de continuer son travail même plusieurs jours après (sur le même PC + navigateur).

[Soundboy39]

Re : Générateur de thèmes bootstrap Protostar gratuit

Bonsoir

L'idée est bonne et permet un bon gain de temps. Par contre je suis pas certain qu'elle va bien être comprise par les novices, en particulier les "non webmaster" qui ne savent même pas ce qu'est le CSS.

Je crains que certains utilisent cet outils en pensant avoir mis la main sur un générateur de template "tout cuit", si c'est le cas il risque d'être très déçu...

Sinon globalement c'est du bon boulot !

[electrocity]

Re : Générateur de thèmes bootstrap Protostar gratuit

Merci SoundBoy pour le retour.
Le but est de facilement modifier le thème, pas de refaire un template complet. Sinon repartir d'un index.php vide, directement, n'est pas plus long. Par exemple le .well d'origne, coté droit, impossible à supprimer sans modifier le template, est vraiment bizard. L'impossibilité d'origine d'utiliser le nav-collapse et autres petit tracas, enfin protostar est simple à comprendre mais n'est pas complet.

P.S : Je suis aller faire un tour sur ton site.belle modif de protostar.
Pour info déplace > js/template.js aprés

<jdoc:include type="head" /> 

cela provoque une erreur javascript.

[ManuelVoileux]

Re : Générateur de thèmes bootstrap Protostar gratuit

Bonjour à tous,
Studio 42 à conçu un générateur de thème pour protostar, le template qui est livré d'origine dans joomla 3.x.
Le thème protostar étant entièrement gratuit, et cette outil aussi, vous pouvez personnaliser votre site sans rien dépenser.

Bonjour,
merci beaucoup pour cet outil pratique et ce travail pédagogique