Image de logo transparente

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

  • Image de logo transparente

    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 :
    Code:
    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.
    Cliquez sur l'image pour l'afficher en taille normale

Nom : hc_page.jpg 
Affichages : 2 
Taille : 25,7 Ko 
ID : 1824822

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

    Mika

  • #2
    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.
    Christophe (cavo789)
    Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
    Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

    Commentaire


    • #3
      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


      Envoyé par cavo789 Voir le message
      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.

      Commentaire


      • #4
        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.
        Christophe (cavo789)
        Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
        Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

        Commentaire


        • #5
          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...
          Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

          Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

          Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X