Changer la PA

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer la PA

Message par Little_dragon Mar 16 Avr 2013 - 7:11

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


Changer la PA  Eeeee11 Merci beaucoup pour votre aide...


Dernière édition par Little_dragon le Sam 20 Avr 2013 - 6:00, édité 1 fois
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Matriochka Mar 16 Avr 2013 - 9:48

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% Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Little_dragon Mar 16 Avr 2013 - 19:35

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Matriochka Mar 16 Avr 2013 - 19:42

Little_dragon a écrit: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 scratch

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.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Little_dragon Mar 16 Avr 2013 - 19:47

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Little_dragon Jeu 18 Avr 2013 - 6:26

salut je remonte le sujet
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Little_dragon Ven 19 Avr 2013 - 6:35

je remonte le sujet ....
Little_dragon

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par missx Ven 19 Avr 2013 - 8:17

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+
missx

missx
Membre actif

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Little_dragon Sam 20 Avr 2013 - 5:59

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum