Image de fond transparente dans mon template

[thierryvc84]

Bonjour,

J'utilise le template Cassiopea sur mon site joomla version 4.2.7 et j'aimerais pouvoir mettre une image de fond transparente sur toutes mes pages.

Avant (sur joomla 2 et 3) j'ajoutais dans le css ceci :

body {

width:100%;
margin: 0;
padding: 0;
background: transparent url(../images/monimage.jpg)center no-repeat fixed;
font-family: arial,helvetica,sans-serif;
color: #333333;
text-align: center;

}

Mais aujourd'hui avec le template Cassiopea, cela ne fonctionne pas du tout.

Alors je me tourne vers la communauté pour obtenir un éclairage sur la procédure que je dois à présent appliquer pour obtenir le résultat :
obtenir une image fixe transparente en fond d'écran sur tout mon site en utilisant le css de Cassiopea.

Merci beaucoup de m'avoir lu et pour votre aide.

[pmleconte]

Bonjour et bienvenue,

Sauf erreur de ma part, vous devez avoir une erreur 404 sur votre fichier image au niveau de la console de votre explorateur internet (F12 sur votre PC).

En Joomla 4, pour le template Cassiopeia, les adaptations CSS sont à mettre dans le répertoire media\templates\site\cassiopeia\css de votre site, dans le fichier user.css.

l'accès à votre image devient background: transparent url(../../../../../images/monimage.jpg)center no-repeat fixed;

Pascal

[thierryvc84]

Bonjour, merci pour votre réponse.

Je n'ai pas d'erreur 404 en faisant F12 et en ciblant l'ensemble de ma page

Je ne vois pas de fichier user.css.
Chez moi je vois ceci :

global
system
vendor
editor.css
editor.min.css
offline.css
offline.min.css
template-rtl.css
template-rtl.min.css
template.css
template.min.css

Et je tentais d'écrire dans template.css.
Dois-je donc créer le fichier user.css ?
Si oui, où devrais-je ensuite indiquer que ce fichier doit-être lu et pris en compte par le système ?

[pmleconte]

Bonjour,
Le template Cassiopeia cherche le fichier user.css dans le répertoire media\templates\site\cassiopeia\css.
Il suffit de le créer pour qu'il soit pris en compte.
Ne pas écrire dans le fichier template.css car il peut être replacé lors des mises à jour Joomla (il est considéré comme un fichier "core" de Joomla).
Pascal
PS: quelques trucs sur ce template : https://magazine.joomla.org/all-issues/ ... ips-tricks

[thierryvc84]

Bonjour,

Merci pour votre réponse.
J'ai créé le fichier user.css sous media\templates\site\cassiopeia_modifie\css

et j'ai inscrit ceci :

Code: Select all

body.site {
background-repeat: no-repeat;
background-size: cover;
}
.site-grid {
background-image: url (../images/sampledata/cassiopeia/nasa4-400.jpg);
max-width: 1200px;
margin: 0 auto;
}

Voici ce que F12 sur la page me répond :


J'ai donc l'impression que la commande css background-image ne fonctionne pas.

Pouvez-vous m'indiquer où je fais une erreur ?

Merci beaucoup, belle journée.

[pmleconte]

Bonjour,

Comme écrit plus haut, l'accès à l'image est différent car le fichier css n'est plus au même endroit :
background: transparent url(../../../../../images/monimage.jpg)center no-repeat fixed;
Pascal

[thierryvc84]

Bonsoir,

Merci beaucoup, cela fonctionne à présent.
Je passe le sujet en résolu.

Belle soirée à vous.