Image de font Beez5 Joomla 1.7.3

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

  • [Problème] Image de font Beez5 Joomla 1.7.3

    Bonjour à tous

    Voila plusieurs semaines que je cherche à inclure une image (calque) de font dans le template Beez5 sur Joomla 1.7.3.

    J'ai fait des recherches sur Google mais je ne trouve pas la solution.
    J'ai bien vu qu'on parle d'une ligne dans ce style :

    background: url(../images/nom_image.jpg) ;

    J'ai essayé dans beez5.css d'inclure cette ligne mais rien à faire l'image ne se place pas en font.

    Avez-vous une solution ?
    D'avance merci.

  • #2
    Re : Image de font Beez5 Joomla 1.7.3

    tout depend de ce que tu appelles par fond.
    Si c est pour couvrir tout ton site, il faut l attacher sur ton body et rendre toutes les couches au dessus transparent avec la propriété background:transparent.

    dans ton fichier css met
    body {
    background: url(../images/monimage.jpg) no-repeat scroll;
    }
    et normalement tu la verras si ton ecran fait plus de 1024Px de large.
    Et apres il faudras ajouter
    background:transparent;
    a tous les selécteurs concérnés.
    Mon site en cours de construction avec de nouvelles catégories de documents...
    https://informaticien51.fr

    Commentaire


    • #3
      Re : Image de font Beez5 Joomla 1.7.3

      Merci pour ta réponse

      En fait, je veux mettre une image de fond qui apparait sur toutes les pages du site automatiquement.
      Je dois mettre ou les codes que tu m'as donné ? templates.css ? Je dois modifier les background que je trouve dans tous les fichiers css pas transparent ? Je suis vraiment débutant dans la programmation et je suis un peu perdu
      Encore merci.

      Commentaire


      • #4
        Re : Image de font Beez5 Joomla 1.7.3

        oui dans template.css
        et ill faut que l'image de fond soit dans le dossier images de ton template
        Mon site en cours de construction avec de nouvelles catégories de documents...
        https://informaticien51.fr

        Commentaire


        • #5
          Re : Image de font Beez5 Joomla 1.7.3

          Merci beaucoup, pour que l'image continue dans mes articles je dois faire comment ?
          J'ai un fond blanc dans les articles.

          Georges

          Commentaire


          • #6
            Re : Image de font Beez5 Joomla 1.7.3

            utilise firebug et clique sur chaque élément a rendre transparent.
            tu obtiendras le selecteur css utilisé.
            Et a chaque fois tu met background: transparent; dans les propriétés de celui ci.

            Si tu n y arrives pas, alors reviens poster ici.je regarderais a ce moment la.
            Mon site en cours de construction avec de nouvelles catégories de documents...
            https://informaticien51.fr

            Commentaire


            • #7
              Re : Image de font Beez5 Joomla 1.7.3

              Merci encore pour ton aide je vais voir pour firebug que je ne connais pas.

              le lien http://www.la-chouette.org

              L'image de fond doit être de quelle dimension ?

              Commentaire


              • #8
                Re : Image de font Beez5 Joomla 1.7.3

                Je viens de faire des tests je n'arrive vraiment pas à réaliser cette option, c'est pas évident de comprendre les css quand on a pas l'habitude lol.

                Commentaire


                • #9
                  Re : Image de font Beez5 Joomla 1.7.3

                  je viens d aller jeter un coup d oeil sur ton site.
                  Dans firebug je vois ceci:
                  body {
                  background: url("../images/header_outer.jpg") repeat-x scroll 0 0 #EEEEEE;
                  color: #333333;
                  font-family: arial,helvetica,sans-serif;
                  }
                  L'image attachée sur la balise body fait 100px par 400px et est répétée sur l axe x.
                  Et le fichier correspondant est situé dans le dossier images du template.
                  Remplaces cette image par une image du meme nom et regardes ce qui se passe.
                  Si tu met un motif ou une texture de petite taille, alors il faudras aller dans le fichier beez5.css et supprimer repeat-x de la ligne 19.
                  Comme ca elle se repeteras sur l axe x et y.
                  Donc elle correspond uniquement a la partie grise du dessus.
                  Sinon contente toi de changer l'image en gardant le meme nom.
                  Et en actualisant tu verras le resultat. Apres si tu met une photo et que tu vois un debut de reptition sur la droite, agrandis la un peu.

                  Je vais verifier si le tuto que j ais écrit pour beez_20 marches aussi pour beez5.

                  Il y as plusieures couches (balises div) qui se superposent.Et ca ne fonctionnes pas si tu en oublies une.
                  Mon site en cours de construction avec de nouvelles catégories de documents...
                  https://informaticien51.fr

                  Commentaire


                  • #10
                    Re : Image de font Beez5 Joomla 1.7.3

                    Voila j'ai placé l'image, elle ne se met pas automatiquement à la grandeur de l'écran (elle est coupée suivant la page qu'on regarde) et elle ne remplit pas tout le site juste les bords.
                    En fait les bords se n'ets pas grave si l'image de fond n'est pas dessus se qui est important c'est dans les pages visitées.

                    En tout cas je te remercie sincèrement pour ton aide.

                    Commentaire


                    • #11
                      Re : Image de font Beez5 Joomla 1.7.3

                      non elle reste a la taille qu elle as et se repete.
                      Pour qu elle s adapte a la taille de ta page, modifies la ligne 19 du fichier beez5.css comme ceci:
                      body {
                      background: url("../images/header_outer.jpg") repeat-x scroll 0 #EEEEEE;
                      color: #333333;
                      font-family: arial,helvetica,sans-serif;
                      }
                      il y as juste un 0 a enlever.

                      apres je vais t indiquer quels sont les balises ou tu devras mettre background:tansparent.
                      Ce qui permettras de la voir sous le fond de tes articles.Comme je te l ais dit, c est une histoire de couches empilées.

                      Pour ta page de reglement interieur, je te conseilles un saut de page pour l afficher en deux parties:
                      1ere raison, ca te simplifieras la mise en page,
                      2eme raison, plus une page est longue, moins le visiteur as envie d aller au bout, donc il y as peu de chances qu'elle soit lue de bout en bout.
                      Or vu l importance de cette page. enfn c est juste un conseil
                      Mon site en cours de construction avec de nouvelles catégories de documents...
                      https://informaticien51.fr

                      Commentaire


                      • #12
                        Re : Image de font Beez5 Joomla 1.7.3

                        C'est modifié mais l'image n'est plus là maintenant
                        Ok pour la page du ROI

                        Commentaire


                        • #13
                          Re : Image de font Beez5 Joomla 1.7.3

                          Envoyé par GeorgesHaendle Voir le message
                          C'est modifié mais l'image n'est plus là maintenant
                          Ok pour la page du ROI
                          tu as du faire une erreur lors de la modif. verifies bien la ligne.
                          La elle n apparais plus ds firebug ton image, donc c est une erreur dans la syntaxe. Il y as bien les espaces autour du 0 ?
                          Mon site en cours de construction avec de nouvelles catégories de documents...
                          https://informaticien51.fr

                          Commentaire


                          • #14
                            Re : Image de font Beez5 Joomla 1.7.3

                            Oui j'ai fait copier-coller du code et mis des /* */ entre celle d'origine

                            voila le code tel qu il se trouve

                            body
                            {
                            background: #eee url(../images/header_outer.jpg) repeat-x scroll 0 #EEEEEE;
                            color: #333333;
                            font-family: arial, helvetica, sans-serif;
                            }


                            /*body
                            {
                            background: #eee url(../images/header_outer.jpg) repeat-x ;
                            color: #333;
                            font-family: arial, helvetica, sans-serif;
                            }
                            */
                            #all
                            {
                            color: #333;
                            border:solid 0px #ddd !important ;

                            Commentaire


                            • #15
                              Re : Image de font Beez5 Joomla 1.7.3

                              remet juste l ancienne que je verifies une chose.
                              Mon site en cours de construction avec de nouvelles catégories de documents...
                              https://informaticien51.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