Aide pour modifier template Protostar sous Joomla 3x

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

  • [RÉGLÉ] Aide pour modifier template Protostar sous Joomla 3x

    Bonjour,

    J'ai besoin d'aide pour modifier mon template:

    - Mettre une image sur le fond de mon site.
    - Mettre toutes les parties "blanche" en semi transparence pour voir l'image de fond.
    - Changer la couleur du texte "noir" par defaut dans une autre couleur.

    Merci

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

Nom : 10403470_463279157139875_1918316745110903528_n.jpg 
Affichages : 1 
Taille : 53,8 Ko 
ID : 1820453
    Dernière édition par AlexBarmy à 02/07/2014, 14h01

  • #2
    Re : Aide pour modifier template Protostar sous Joomla 3x

    Bonjour,

    Les 2 premiers points sont résolu par mon module bgmax
    Pour le 3ème, plusieurs solutions:
    1 - modifier la couleur du texte dans le fichier variable.less de protostar. L'idéal mais le plus compliqué
    2 - ajouter la règle "body {color:#???;}" au fichier template.css de protostar. Attention, il ne faut plus utiliser less après
    3 - ajouter "body {color:#???;}" dans le code complémentaire du module bgmax. Le plus simple
    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


    • #3
      Re : Aide pour modifier template Protostar sous Joomla 3x

      ok, je vais essayer et je vous tient au courant. Merci

      Commentaire


      • #4
        Re : Aide pour modifier template Protostar sous Joomla 3x

        En dehors de choisir l'image, avec le template protostar il suffit de définir .container comme sélecteur de contenu et d'indiquer le niveau de transparence.
        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


        • #5
          Re : Aide pour modifier template Protostar sous Joomla 3x

          Je viens d'installer le module et dans la documentation je lis ceci :

          "le module bgmax est activé et publié en position debug (ou une autre position située en fin de votre template si la position debug n'existe pas)."

          Comment on fait pour publié en position debug ?

          Commentaire


          • #6
            Re : Aide pour modifier template Protostar sous Joomla 3x

            J`ai réussi

            Mais il certain module qui ont encore un fond blanc comme le module de conneciion ou le fil de navigation par exemple :/

            J'aimerais aussi changer la couleur des boutons et des autres éléments de protostar...

            Commentaire


            • #7
              Re : Aide pour modifier template Protostar sous Joomla 3x

              Bonjour,

              Il faut t'aider d'un inspecteur de code tel que firebug sous Firefox

              Dans le cas du module connexion, on s’aperçoit que la couleur de fond est gérée par la classe well.
              A partir de là, 2 possibilités:
              1- l'inclure dans les sélecteurs de contenu en ajoutant son nom séparé par une virgule à la classe .container: .container, .well
              Cette façon de faire va lui donner un coefficient de transparence identique au container mais moins transparent puisque 50% + 50%

              2- ajouter cette ligne dans le code complémentaire: .well {background-color: transparent;}
              Comme cela, il n'aura que les X% de container

              Pour les boutons, l'idéal serait de modifier les variables less. Mais je n'ai pas l'impression que cela va t'être facile pour l'instant
              Donc une solution est d'ajouter dans le code complémentaire de bgmax la ligne suivante en adaptant les couleurs
              .btn-primary {
              background-color: #006dcc;
              background-image: linear-gradient(to bottom, #08c, #0044cc);
              border-color: #0044cc #0044cc #002a80;
              }


              Même principe pour les autres éléments
              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


              • #8
                Re : Aide pour modifier template Protostar sous Joomla 3x

                Merci celà fonctionne

                J'ai un autre soucis, je n'arrive pas a centrer le titre de mes articles :/

                edit : Je ne trouve pas non plus pour changer la couleur du texte du fil de navigation...

                En tout cas bravo pour Bgmax, c'est un module vraiment utile
                Dernière édition par AlexBarmy à 23/06/2014, 16h24

                Commentaire


                • #9
                  Re : Aide pour modifier template Protostar sous Joomla 3x

                  Bonjour,
                  Pour modifier en direct ou voir le CSS de votre page, il suffit d'appuyez sur F12 dans firefox ou chrome (ie fonctionne mais c'est pas top).
                  A droite dans l'onglet styles, en cliquant entre une balise css, vous pouvez éditer le CSS, il faut juste un peu apprendre le CSS avant.
                  Après un p'tit copier/coller dans votre feuille CSS et le tour est joué.
                  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 : Aide pour modifier template Protostar sous Joomla 3x

                    Merci pour toutes les explications, je vois plus clair à présent.

                    Maintenant je voudrais que la colonne de gauche de mon site a les même paramètres que la colonne de droite. Même dimensions, même écart, ...


                    Dernière édition par AlexBarmy à 27/06/2014, 01h29

                    Commentaire


                    • #11
                      Re : Aide pour modifier template Protostar sous Joomla 3x

                      Normalement dans bootstrap (protostar utilise bootstrap); il y a un system de grille qui permet d'avoir les mêmes dimensions., si on a pas magouillé le css et bien balisé ses colonnes.
                      Le principe est de diviser 12 collones et d'utilisé une classe différente selon le nombre de collonne(span1 à span12).
                      dans protostart les colonnes sont en class span3 et la partie central en span6, donc pas de soucis de largeur.
                      Si cela ne fonctionne plus, c'est que vous avez certainement modifier cela.
                      donc pour avoir des colonnes symétrique il faut toujours que le total fasse 12.
                      En se basant plus ou moins sur protostar et une division 3/6/3 par exemple :
                      Code HTML:
                      <div class="row-fluid">
                      	<div id="sidebar" class="span3"> 
                      		contenu HTML de gauche
                      	</div>
                      	<div id="content" role="main" class="span6"> 
                      		contenu principal
                      	</div>
                      	<div id="aside" class="span3"> 
                      		contenu HTML de droite
                      	</div>
                      </div>
                      mais rien empéche d'utiliser span2/span8/span2 ... tant que le total fait 12.
                      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 : Aide pour modifier template Protostar sous Joomla 3x

                        Merci

                        Commentaire


                        • #13
                          Re : Aide pour modifier template Protostar sous Joomla 3x

                          Envoyé par electrocity Voir le message
                          Bonjour,
                          Pour modifier en direct ou voir le CSS de votre page, il suffit d'appuyez sur F12 dans firefox ou chrome (ie fonctionne mais c'est pas top).
                          A droite dans l'onglet styles, en cliquant entre une balise css, vous pouvez éditer le CSS, il faut juste un peu apprendre le CSS avant.
                          Après un p'tit copier/coller dans votre feuille CSS et le tour est joué.
                          N'y-a-t-il pas de pb de sécurité si n'importe qui peut accéder au détail du template à partir du site frontal.
                          Y-a-t-il un moyen de verrouiller cet affichage ?
                          D'avance merci.

                          Commentaire


                          • #14
                            Re : Aide pour modifier template Protostar sous Joomla 3x

                            Bonjour,

                            Il n'y a pas de problème de sécurité et je ne pense pas que ce soit possible de verrouiller ça car le navigateur affiche simplement ce qu'il lit (et c'est impératif pour pouvoir afficher le site ).
                            Tu peux tester cette manip sur tout les sites, tu verra que tu as accès à tout les CSS et structure HTML concerné par la page.
                            Mon site de créa web: pixsweb.fr

                            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