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
    UP, le plugin universel à 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.
        UP, le plugin universel à 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
              UP, le plugin universel à 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
                            Aucune annonce pour le moment.

                            Partenaire de l'association

                            Réduire

                            Hébergeur Web PlanetHoster
                            Travaille ...
                            X