Changer la PA

[Little_dragon]

salut voila j'aimerais pouvoir que l'image en dessous apparaisse plus clairement... voila une image de ce que je veux j'ai tout essaye ce soir mais rien n'a fonctionner


Merci beaucoup pour votre aide...

[Matriochka]

Bonjour,

Il suffit d'utiliser ceci :
http://www.alsacreations.com/tuto/lire/909-CSS-transparence-couleur-rgba.html

Au lieu de mettre background:#000000; par exemple, on mettra : background:rgba(0, 0, 0, 0.5); pour que le fond soit opaque à 50%

[Little_dragon]

salut merci beaucoup mais juste une chose pourquoi quand mes le code la pa ce deforme telle ? tenshi-sama.forum-canada.com

[Matriochka]

salut merci beaucoup mais juste une chose pourquoi quand mes le code la pa ce deforme telle ? tenshi-sama.forum-canada.com

Je ne comprends pas

Le code donné plus haut n'influe pas sur la forme de ton message d'accueil. Vérifie que tu n'aies pas touché à autre chose dans tes codes par inadvertance.

[Little_dragon]

salut j'ai rien touche pourtant je te donne le code pour montrer ou je les mis

Code:

/*
        |--------------------------------------------------------------------------
        | CSS MESSAGE ACCUEIL
        |--------------------------------------------------------------------------
        */
       
        /* Propriétés générales */
        .block, .titre, .lien {
          background: #000000; 
          color: #ffffff;
          background-opacity: 50%
       
          border: 2px #ffffff solid;
          -moz-border-radius:20px 20px 20px 20px;
          -webkit-border-radius:20px 20px 20px 20px;
          border-radius:20px 20px 20px 20px;
       
          text-shadow: 0px 0px 8px #ffffff;
          -moz-box-shadow: 1px 1px 5px #ffffff;
          -webkit-box-shadow: 1px 1px 5px #ffffff;
         
        }
       
        .block, .lien {
          text-align: center;
          padding: 10px;
        }
       
        td {
          vertical-align: top;
        }
       
       
        /* Images */
        .block-partenaires img, .thumbnail > div {
            -moz-transition: opacity 1s;
            -o-transition: opacity 1s;
            -webkit-transition: opacity 1s;
            -htm-transition: opacity 1s;
            transition: opacity 1s;
        }
       
        .block-partenaires img {
          block-style: Opacity=50%
          width: 80px;
          height: 40px;
          padding: 1px;
          -moz-opacity padding:40%
       
          opacity: 0.5;
          -moz-opacity: 0.5;
          filter: alpha(opacity=50);
        }
             
        .block-partenaires img:hover {
          opacity: 1;
          -moz-opacity: 1;
          filter: alpha(opacity=40);
     
}
       
        .thumbnail {
          position: absolute;
          z-index: 0;
        }
       
        .thumbnail:hover{
          background-color: transparent;
          z-index: 50;
        }
       
        .thumbnail > div {
          position: absolute;
          left: -2000px;
          padding: 5px;
          margin: auto;
          background-color: #000000;
          color: #ffffff;
          text-shadow: 0px 0px 8px #000000;
          border: #ffffff 1px solid;
       
          opacity: 0.5;
          -moz-opacity: 0.5;
          filter: alpha(opacity=50);
        }
       
        .thumbnail:hover > div {
          top: 0px;
          left: 0px;
          width: 78px;
          height: 78px;
       
          opacity: 1;
          -moz-opacity: 1;
          filter: alpha(opacity=100);
       
        }
       
       
        /* Liens */
        .lien{
          display: block;
          width: 110px;
          margin-right: 10px;
       
          text-decoration: none;
          color: #ffffff;
        }
       
        .lien:hover{
          background: #ffffff;
          color: #000000;
        }
       
        a.tstaff {
          display: block;
          text-align: center;
          margin-top: 95px;
        }
       
        .block a {
          text-decoration: none;
        }
       
        /* Blocs */
        .block-welcome, .block-staff {
          height: 100x;
          overflow: auto;
          text-align: justify;
        }
       
        .block-welcome {
          width: 500px;
        }
       
        .block-staff {
          width: 332px;
        }
       
        .block-staff table {
          margin: auto;
        }
       
        .block-staff td {
          width: 92px;
        }
       
        .block-partenaires, .block-nouveautes, .block-credits {
          width: 280px;
          height: 120px;
            background:rgba(0, 0, 0, 0.5
        }
       
        .block-partenaires > div, .block-nouveautes > div, .block-credits > div {
          width: 180px;
          height: 70px;
          overflow: auto;
        }
       
       
        /* Titres */
        .titre {
          font-family: impact;
          font-size: 14px;
          padding: 4px;
          margin: auto;
          margin-bottom: 5px;
        }
       
        .titre-welcome {
          height: 130px;
          width: 20px;
          padding: 7px;
          margin-right: -4px;
          margin-top: 15px;
          text-align: center;
       
          border-right: 0px #ffffff solid;
        }
       
        .titre-staff {
          width: 130px;
          text-align: center;
        }
       
        .titre:hover {
          background: #FFFFFF;
          color: #000000;
          text-shadow: 0px 0px 8px #000000;
        }
       
        .titre-welcome:hover {
          background: #000000; 
          color: #ffffff;
          text-shadow: 0px 0px 8px #ffffff;
        }


[Little_dragon]

salut je remonte le sujet

[Little_dragon]

je remonte le sujet ....

[missx]

salut
dans ton css ,
.block,.lien,.titre
tu supprime

Code:

background: #000000;

          background-opacity: 50%

que tu remplace par

Code:

 background:rgba(0, 0, 0, 0.5);

A+

[Little_dragon]

super merci beaucoup a vous deux pour votre aide c'etait exactement sa que je voulais