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

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • 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.

    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.
    Dernière édition par electrocity à 31/12/2013, 11h09
    http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
    http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

  • #2
    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.
    Dernière édition par electrocity à 27/12/2013, 12h32
    http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
    http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

    Commentaire


    • #3
      Re : Ccovertion amelia pou protostar

      Tes liens ne fonctionne pas pour info !!!

      Commentaire


      • #4
        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
        http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
        http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

        Commentaire


        • #5
          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

          Commentaire


          • #6
            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 !)
            Dernière édition par lomart à 25/12/2013, 17h25
            Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
            ---
            UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


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

              Lien image corrigé.
              http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
              http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

              Commentaire


              • #8
                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
                Cliquez sur l'image pour l'afficher en taille normale

Nom : Sélection_007.jpg 
Affichages : 1 
Taille : 18,6 Ko 
ID : 1803192
                ne sont pas pris en compte: voir ci dessous:

                Cliquez sur l'image pour l'afficher en taille normale

Nom : Sélection_008.png 
Affichages : 1 
Taille : 3,7 Ko 
ID : 1803193

                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+

                Commentaire


                • #9
                  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
                  http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                  http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                  Commentaire


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

                    OK,merci pour les précisions.

                    Commentaire


                    • #11
                      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).
                      http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                      http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                      Commentaire


                      • #12
                        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 !

                        Commentaire


                        • #13
                          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
                          Code PHP:
                          <jdoc:include type="head" /> 
                          cela provoque une erreur javascript.
                          http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                          http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                          Commentaire


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

                            Envoyé par electrocity Voir le message
                            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
                            Manuel
                            --------
                            voileux.org

                            Commentaire

                            Annonce

                            Réduire
                            1 sur 2 < >

                            C'est [Réglé] et on n'en parle plus ?

                            A quoi ça sert ?
                            La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                            Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                            Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                            Comment ajouter la mention [Réglé] à votre discussion ?
                            1 - Aller sur votre discussion et éditer votre premier message :


                            2 - Cliquer sur la liste déroulante Préfixe.

                            3 - Choisir le préfixe [Réglé].


                            4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                            2 sur 2 < >

                            Assistance au forum - Outil de publication d'infos de votre site

                            Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                            Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                            Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                            UTILISER À VOS PROPRES RISQUES :
                            L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                            Problèmes connus :
                            FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                            Installation :

                            1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                            Archive zip : https://github.com/AFUJ/FPA/zipball/master

                            2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                            3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                            4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                            5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                            6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                            et remplacer www. votresite .com par votre nom de domaine


                            Exemples:
                            Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/
                            Pour executer le script: http://www..com/fpa-fr.php

                            Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                            Télécharger le script fpa-fr.php dans: /public_html/cms/
                            Pour executer le script: http://www..com/cms/fpa-fr.php

                            En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                            Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                            Voir plus
                            Voir moins
                            Travaille ...
                            X