[Problème] Image de font Beez5 Joomla 1.7.3

[GeorgesHaendle]

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.

[lefabdu51]

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.

[GeorgesHaendle]

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.

[lefabdu51]

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

[GeorgesHaendle]

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

[lefabdu51]

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.

[GeorgesHaendle]

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 ?

[GeorgesHaendle]

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.

[lefabdu51]

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.

[GeorgesHaendle]

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.

[lefabdu51]

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

[GeorgesHaendle]

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

[lefabdu51]

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

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 ?

[GeorgesHaendle]

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 ;

[lefabdu51]

Re : Image de font Beez5 Joomla 1.7.3

remet juste l ancienne que je verifies une chose.