Changer la PA

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

Résolu Changer la PA

Message par Little_dragon le 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


Merci beaucoup pour votre aide...


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

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 le 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

Matriochka
+ Hyperactif +

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 le 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
****

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

Matriochka
+ Hyperactif +

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 le 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
****

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 le Jeu 18 Avr 2013 - 6:26

salut je remonte le sujet

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 le Ven 19 Avr 2013 - 6:35

je remonte le sujet ....

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 le 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
+ Hyperactif +

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

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer la PA

Message par Little_dragon le 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
****

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