[RÉGLÉ] Insertion d'un background autour du site

[supersaby]

Je me pose la question de savoir comment on fait pour mettre un fond mais sur l'extérieur du site, je voudrais mettre une toile de jute, c'est le décor des produits de la marque du site que je fais mais quand j'ai mis une image en background sur la template l'horreur, l'image se met sur toute la page... Je voudrais garder du blanc sur le contenu du site. Pouvez-vous svp m'aiguiller ?
C'est ce thème pour info demo.favthemes.com/favourite/ et l'url de mon site www.lemongrasshouse.ch.
Je le mets hors maintenance si ça peut vous aider.

Merci d'avance.

Sabrina

[toffffe]

Re : Insertion d'un background autour du site

Salut
Si le site est en maintenance on ne peut pas t'aider.
Il faut que tu mettes ton fond, et avec l'inspecteur de chrome tu regarde quel CSS tu dois modifier pour ajouter un background blanc sous la partie centrale de ton site.
Bien entendu tout dépend du template

[supersaby]

Re : Insertion d'un background autour du site

Bonjour,

Je viens d'enlever le site en maintenance si cela peut vous aider.

Merci beaucoup pour votre aide.

Sabrina

[supersaby]

Re : Insertion d'un background autour du site

Là il faut m'expliquer car je n'ai pas compris quoi faire...
Personne pour m'aider ?
Voici le lien de la template exemple si cela peut aider : http://lemongrasshouse.ch/favouritenot/

Merci

[toffffe]

Re : Insertion d'un background autour du site

Il te faut mettre ton image en background dans le body et mettre une couleur de fond sur la div.row-fluid dans une feuille de style css si possible custom.css
soit :

.row-fluid{background: red;}

[supersaby]

Re : Insertion d'un background autour du site

Je dois aller sur le fichier index.php pour mettre le background ? Pour la feuille de style custom.css, c'est un fichier que je dois créer ?
Merciii

[toffffe]

Re : Insertion d'un background autour du site

Tout dépend de ton template
Non les css se mettent dans les fichiers .css
Certains template prévois un fichier custom.css dans template/tontemplate/css/custom.css et c'est dans celui-ci que tu ajoutes

.row-fluid{background: #ff0000;}

[supersaby]

Re : Insertion d'un background autour du site


Ci-joint une capture d'écran du contenu de ma template.

[toffffe]

Re : Insertion d'un background autour du site

Tu n'as pas l'air d'en avoir
Que propose le templater pour faire des override sans perdre tes modifications lors des mises à jour ?

[supersaby]

Re : Insertion d'un background autour du site

Souhaites-tu mes codes pour la template d'exemple que j'ai mise sur le serveur ?
Je pense que ça sera plus simple pour toi de voir ceci..
Mercii

[toffffe]

Re : Insertion d'un background autour du site

Non merci, le but du forum c'est que tu apprennes à le faire toi même, pas qu'on le face pour toi. (effectivement c'est moins rapide)

[PhilJ]

Re : Insertion d'un background autour du site

Bonsoir Sabrina,

[...] comment on fait pour mettre un fond mais sur l'extérieur du site, je voudrais mettre une toile de jute, c'est le décor des produits de la marque du site que je fais mais quand j'ai mis une image en background sur la template l'horreur, l'image se met sur toute la page... Je voudrais garder du blanc sur le contenu du site. Pouvez-vous svp m'aiguiller ?

Pour obtenir une image de fond avec ce template, vous pouvez essayer les modifications CSS suivantes (à adapter ensuite en fonction de vos souhaits) :

—

body {

padding: 3%; /* Ou bien 30px si vous préférez une marge interne invariable */
background: url("../images/wood_pattern.png") repeat;

}
#fav-containerwrap {

background: none; /* Élimine le fond devenu superflu en haut des pages */

}

Cordialement,




PhilJ

[supersaby]

Re : Insertion d'un background autour du site

Ok PhiL merci mais je dois modifier quel fichier de ma template ?

[manu93fr]

Re : Insertion d'un background autour du site

Juste comme ça ... tu as essayé l'extension Bgmax ? simple, rapide , efficace
si l'image est aussi en fond dans ton article ... c'est qu'il est ecrit sur un "fond" transparent ... il faudra mettre un fond de couleur pour retrouver un confort visuel de lecture

[PhilJ]

Re : Insertion d'un background autour du site

Ok PhiL merci mais je dois modifier quel fichier de ma template ?

Concrètement, vous avez 3 possibilités :
—

1. Modifier le fichier template.css de votre template.
2. Placer vos modifications dans un fichier /templates/nom-de-votre-template/css/custom.css.
3. Opérer sur une copie de votre template qui deviendra votre nouveau template.

Les 3 solutions sont également efficaces.

___________________

Plus de détails :


Solution 1 :
—

Conseil : regroupez vos modifications en fin de fichier.

Avantage de cette solution : c'est la plus facile.
Inconvénient : vos modifications seront écrasées en cas de mise à jour du template.

Solution 2 :
—

Avantage : le fichier custom.css personnalise le template sans toucher aux fichiers CSS d'origine. Cette solution permet également de centraliser toutes les modifications au même endroit et dans un seul et même fichier, que ces modifications concernent le template lui-même ou Joomla ou les extensions ajoutées à Joomla.

Le code appelant le chargement de ce fichier custom.css jouant le rôle de fichier de surcharge (anglais override) doit être injecté dans le code de toutes les pages. Pour cela, 2 méthodes sont envisageables :
—

1. [*=1]Ajouter cet appel dans le fichier /templates/nom-de-votre-template/index.php.
   Inconvénient : comme dans la solution 1, ce fichier d'origine étant modifié, il sera écrasé en cas de mise à jour du template.
   —
   [*=1]Utiliser un plugin qui injectera le code d'appel du fichier.
   Facile, et d'autant plus efficace que le plugin garantira que le fichier custom.css se chargera en dernier (notamment : après template.css) — idéalement juste avant la fermeture de l'en-tête (=</head>).
   —
   Utilisez par exemple l'une de ces 2 extensions :
   —
   • [*=1]Plugin 'Custom CSS' : http://lomart.fr/telecharger.html
     [*=1]Plugin 'Head and Body' : http://www.openpotion.com/website-de...oomla/#plugins
   
   

Solution 3 :

—
Voyez la documentation Joomla version française : https://docs.joomla.org/J3.x:Modifyi...a!_Template/fr.

Avantage : comme ci-dessus, aucun risque d'écrasement en cas de mise à jour.
Inconvénient : vous ne pouvez pas bénéficier des mises à jour du template puisque vous opérez sur une copie du template d'origine.

Cordialement,




PhilJ