Image de logo transparente

[mika.drones]

Bonjour,
Je débute sur Joomla (et sur tout ce qui est site web, graphisme, etc ...)
J'ai fait un début de site web avec Joomla 3.7.
J'utilise protostar comme template.
Je voudrais une image de fonds sur l'ensemble du site, y compris sous le logo
J'ai créé un fichier custom.css dans lequel j'ai mis le code suivant :

body {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    // background: #0000FF; 
  background-color: transparent;
  background-image: url(../../../images/DroneApprivoise2.jpg); 
}

.body .container {
    background: rgba(232, 232, 232, 0.62)!important;
}

Jusque là, ça fonctionne pour presque tout : j'ai bien un fonds transparent sur lequel vient mon premier article.
J'ai mis en guise de logo une image avec un fond transparent (j'ai essayé .png et .gif), mais pour cette partie, impossible de faire apparaître l'arrière plan.
Je suppose qu'il faut trouver la bonne classe CSS, mais le fichier template.css fait plus de 800 lignes, et, comme je l'ai déjà écrit, je ne connais pas grand chose dans ce domaine.

Comme une image vaut mille mots, j'ai mis un aperçu de ma page qui montre ce que je veux faire.


D'avance merci à celles et ceux qui prendront du temps pour me renseigner.

Mika

[cavo789]

Re : Image de logo transparente

Bonjour

Dans ce cas de figure, le mieux est d'utiliser l'inspecteur CSS de votre nagivateur web (touche F12 sous Windows). Ensuite cliquez sur la zone à inspecter (le cade avec le fond gris) et analysez le code CSS.

Si vous publiez ici votre URL, quelqu'un pourra peut-être vous aider très précisement (il faut l'URL pour faire cela).

Bonne soirée.

[mika.drones]

Re : Image de logo transparente

Merci cavo789 pour ta réponse.

Le problème est que je ne sais pas bien me servir de Firebug (je rappelle que je débute dans ce domaine)
J'ai essayé, mais ce n'est pas vraiment concluant : il faudrait que je commence par me "taper" un tuto sur le CSS et un autre sur Firebug ..
Pour ta seconde proposition, je vais essayer de publier mon (ébauche de) site pour pouvoir donner une URL et je relancerai la question.

Encore merci

Mika

Bonjour

Dans ce cas de figure, le mieux est d'utiliser l'inspecteur CSS de votre nagivateur web (touche F12 sous Windows). Ensuite cliquez sur la zone à inspecter (le cade avec le fond gris) et analysez le code CSS.

Si vous publiez ici votre URL, quelqu'un pourra peut-être vous aider très précisement (il faut l'URL pour faire cela).

Bonne soirée.

[cavo789]

Re : Image de logo transparente

Note que Firebug est un logiciel mort; les fonctionnalités de Firebug sont maintenant native dans des navigateurs comme Firefox ou Chrome.

Oui, bonne idée pour un petit tuto car savoir utiliser l'inspecteur CSS est vraiment une chose à connaître dès lors qu'on touche à la programmation web.

Bonne soirée.

[woluweb]

Re : Image de logo transparente

Soit dit en passant, pour Protostart on met son CSS dans un fichier nommé user.css et pas custom.css comme pour beaucoup d'autres templates...