code css

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

Résolu code css

Message par msfeettoes le Sam 7 Sep 2013 - 7:06

bonjour
j'ai voulu mettre un code css ,mais ce dit



Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

savez ce que cela veut dire

ps: peut t'on revenir au css de base si oui comment procéde t'on
merci


cdlt



bonjour
merci a vous tout est rentré dans l'ordre..
vive forumactif
bon dimanche Very Happy 


Dernière édition par msfeettoes le Dim 8 Sep 2013 - 7:11, édité 1 fois

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par Milouze14 le Sam 7 Sep 2013 - 9:04

Salut msfeettoes ,
il aurait été judicieux de déposer la totalité de ta feuille de style Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par msfeettoes le Sam 7 Sep 2013 - 14:22

ok desolée Embarassed 

voici ..


Code:
#quick_reply #av_quickreply{
          display: table-cell;
          width: 200px;
}
        
        #quick_reply #textarea_content{
          width: 800px !important;
          display: table;
        }
        
        #quick_reply #text_editor_controls{
          position: relative;
          left: 100px;
        }


        /* Début - Styles pour la colorisation des codes */
        
        .str { color: #080; }
        .kwd { color: #008; }
        .com { color: #800; }
        .typ { color: #606; }
        .lit { color: #066; }
        .pun { color: #660; }
        .pln { color: #000; }
        .tag { color: #008; }
        .atn { color: #606; }
        .atv { color: #080; }
        .dec { color: #606; }
        pre.prettyprint { padding: 2px; }
        ol.linenums { margin-top: 0; margin-bottom: 0 }
        li.L0,
        li.L1,
        li.L2,
        li.L3,
        li.L5,
        li.L6,
        li.L7,
        li.L8 { list-style-type: none }
        li.L1,
        li.L3,
        li.L5,
        li.L7,
        li.L9 { background: #eee }
        @media print {
          .str { color: #060; }
          .kwd { color: #006; font-weight: bold; }
          .com { color: #600; font-style: italic; }
          .typ { color: #404; font-weight: bold; }
          .lit { color: #044; }
          .pun { color: #440; }
          .pln { color: #000; }
          .tag { color: #006; font-weight: bold; }
          .atn { color: #404; }
          .atv { color: #060; }
        }
        
        /* Fin - Styles pour la colorisation des codes */

        .fa_postbody_xy{
           background: url("http://i45.servimg.com/u/f45/17/45/19/77/xy10.png");
        min-height: 500px;
        }
        
        .fa_postbody_xx {
           background: url("http://i45.servimg.com/u/f45/17/45/19/77/xx10.png");
        min-height: 500px;
        }

        @charset 'utf-8';
        /*************************************************!
        *
        *  project:    liteAccordion - a horizontal accordion plugin for jQuery
        *  author:    Nicola Hibbert
        *  url:        http://nicolahibbert.com/liteaccordion-v2/
        *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
        *
        *  Version:    2.0.2
        *  Copyright:  (c) 2010-2011 Nicola Hibbert
        *  Licence:    MIT
        *
        **************************************************/
        /****************************************** Core */
        .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
        .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
        .accordion .slide > h2 {
          color: black;
            font-size: 16px;
          font-weight: normal;
          margin: 0;
          z-index: 100;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transform: translateX(-100%) rotate(-90deg);
          -webkit-transform-origin: right top;
          -moz-transform: translateX(-100%) rotate(-90deg);
          -moz-transform-origin: right top;
          -o-transform: translateX(-100%) rotate(-90deg);
          -o-transform-origin: right top;
          transform: translateX(-100%) rotate(-90deg);
          transform-origin: right top;
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
        .accordion .slide > h2 span {
            display: block;
            padding-right: 8%;
            text-align: right;
            height: 90%;
            margin-top: 5px;
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
        }
        .accordion .slide > h2 b {
            display: inline-block;
            position: absolute;
            top: 13%;
            left: 10%;
            text-align: center;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        }
        .accordion .slide > h2:hover { cursor: pointer }
        .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
        .accordion noscript p { padding: 10px; margin: 0; background: white }
        
        /***************************************** Light */
        .accordion {
            border: 9px solid white;
            border-bottom-width: 8px;
            padding: 5px 5px 6px 0;
            background: #a0a0a0;
            -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
        }
        .accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
        .accordion .slide > h2 span {
            background: #fcfcfc;
            background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
            background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
            -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
            color: #909090;
        }
        .accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
        .accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
        .accordion .slide > div { background: #a0a0a0; margin-left: 5px }
        
        /*************************************** Rounded */
        .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
        .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
        
        /******************************************** IE */
        .ie .slide > h2 b { top: 42%; left: 5% }
        .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
        .ie.accordion .slide > h2 b { top: 44% }
        .accordion .slide > h2 span { filter: none }
        
        /******************************************** FA */
        .accordion figure .full { width: 100%; height: 100%; }
        .accordion h2 { border: none; }
        
        /* centrer l'accordéon */
        .accordion { margin: auto; }

a {
    text-shadow: 1px 3px 20px #E6F3F1;
}

a.decorated-link:before {
  content: "♫ ";    /* Décoration avant le lien */
}
a.decorated-link:after {
  content: " ♫";    /* Décoration après le lien */
}

.bodyline{ -moz-border-radius: 10px;}
input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;
}
.code
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.button2{ -moz-border-radius: 5px;}

.forumline{
    border-bottom: 5px #bab3ae solid;
    border-top:    5px #bab3ae solid;
    border-right:  2px #bab3ae solid;
    border-left:   2px #bab3ae solid;

    border-radius: 7px;
}

 
/* Bloc principal */
.monBloc {
  position: relative; /* important ! */
  overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
  width: 250px; /* largeur du bloc */
  height: 150px; /* hauteur du bloc */
  background: red; /* couleur de fond */
}

/* Bloc de recouvrement */
.blocVolet {
  position: absolute; /* positionnement absolu (important) */
  top: 0; /* (important) */
  left: 0; /* (important) */
  width: 250px; /* largeur du bloc (identique au bloc principal) */
  height: 150px; /* hauteur du bloc (identique au bloc principal) */
  background: green; /* couleur de fond */
  /* réglage de la transition */
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}

/* Changement au survol */
.monBloc:hover > .blocVolet {
  left: -250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}

.defil {
  color: pink;
    font-size: 16px;
    font-weight:bold;
  }




a img
{
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=1);
}
a img:hover
{
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=0.5);
}.rotate {
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

.rotate:hover {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}.slideshow,
.slide {
    width: 300px;
    height: 200px;
}

.slideshow {
    margin: 0;
    overflow: hidden;
    
    background-color: black;
    
    border: 4px double white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.slideshow div {
    position: relative;
    top: 0;
    left: 0;
}
    
.slide {
    margin: 0;
    overflow: auto;
    
    display: inline-block;
    vertical-align: middle;
        
    text-align: center;
    color: white;
}

.slide p {
    margin: 10px;
    text-align: justify;
}.img-zoom {
    width: 100px; /*largeur image réduite*/

    /* Effet de transition du changement de valeur */
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    transition: width 1s linear;
}

.img-zoom:hover {
    width: 200px; /*largeur image agrandie*/
}
/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
   .cssactif_pa_main {
      width: 800px;  
      padding: 30px;
      margin: 0 auto;
   }
  
   .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;   /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #fcca00; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
   }
  
   .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
   }
  
   .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 400px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
  
      opacity: 0.9; /* Opacité des colonnes */
      
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

  
   }
  
   .cssactif_pa_colonne p { /* Paragraphe des colonnes */
   padding: 0 10px; /* Padding */
   text-indent: 10px; /* Alinéa */
   text-align: justify;   /* Alignement du texte */
   }
   .cssactif_pa_colonne:hover { /* Colonne au survol */
   /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

   }
  
.cssactif_pa_header { /* Style commun des header de couleur */
   padding: 10px;
   height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;   /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;   } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
   margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
   padding: 5px; /* Padding */
   border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
  
   text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
   color: #d9015d;  /* Couleur du texte */
   text-transform: uppercase; /* Transformation du texte en majuscule */
   font-style: normal; /* Enlève le italic par défaut de la balise em */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
   content: " ►";   /* Ajoute la flèche après les dates */
}

.pers { /* Cadre des personnages */
 border: 1px solid #7fbf33;   /* Bordure des personnages */
 margin: 10px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px solid #7fbf33; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;    

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par Milouze14 le Sam 7 Sep 2013 - 16:16

Re,
recherches ceci:
Code:

/* Changement au survol */
    .monBloc:hover > .blocVolet {
      left: -250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
    }
Attention aux commentaires tronqués Wink 
La class devra être comme ceci:
Code:

/* Changement au survol */
    .monBloc:hover > .blocVolet {
      left: -250px; /* le bloc se décalera vers la gauche de 250px largeur du bloc*/
    }
Évites les caractères (parenthèses, accolades, point virgule etc) dans les commentaires Wink :

Code:

/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
Code:

/* Titre principal (Bienvenue sur...) */

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par msfeettoes le Sam 7 Sep 2013 - 17:18

toujours pareil meme erreur..

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par Milouze14 le Sam 7 Sep 2013 - 18:47

Re,

je pense que cela doit venir de cette class:
Code:


        li.L0,
        li.L1,
        li.L2,
        li.L3,
        li.L5,
        li.L6,
        li.L7,
        li.L8 { list-style-type: none }
        li.L1,
        li.L3,
        li.L5,
        li.L7,
        li.L9 { background: #eee }
je viens de modifier toute la css , supprimes et remplaces par celle-ci

Code:

    #quick_reply #av_quickreply
{
              display: table-cell;
              width: 200px;
    }
           
            #quick_reply #textarea_content
{
              width: 800px !important;
              display: table;
            }
           
            #quick_reply #text_editor_controls
{
              position: relative;
              left: 100px;
            }


            /* Debut  Styles pour la colorisation des codes */
           
            .str { color: #080; }
            .kwd { color: #008; }
            .com { color: #800; }
            .typ { color: #606; }
            .lit { color: #066; }
            .pun { color: #660; }
            .pln { color: #000; }
            .tag { color: #008; }
            .atn { color: #606; }
            .atv { color: #080; }
            .dec { color: #606; }
            pre.prettyprint { padding: 2px; }
            ol.linenums { margin-top: 0; margin-bottom: 0 ;}

            li.L0,
            li.L1,
            li.L2,
            li.L3,
            li.L5,
            li.L6,
            li.L7,
            li.L1,
            li.L3,
            li.L5,
            li.L7,
            li.L9 { background: #eee }
            li.L8 { list-style-type: none; }
            @media print {
              .str { color: #060; }
              .kwd { color: #006; font-weight: bold; }
              .com { color: #600; font-style: italic; }
              .typ { color: #404; font-weight: bold; }
              .lit { color: #044; }
              .pun { color: #440; }
              .pln { color: #000; }
              .tag { color: #006; font-weight: bold; }
              .atn { color: #404; }
              .atv { color: #060; }
            }
           
            /* Fin Styles pour la colorisation des codes */

            .fa_postbody_xy{
              background: url("http://i45.servimg.com/u/f45/17/45/19/77/xy10.png");
            min-height: 500px;
            }
           
            .fa_postbody_xx {
              background: url("http://i45.servimg.com/u/f45/17/45/19/77/xx10.png");
            min-height: 500px;
            }

            @charset 'utf-8';
            /*************************************************!
            *
            *  project:    liteAccordion - a horizontal accordion plugin for jQuery
            *  author:    Nicola Hibbert
            *  url:        http://nicolahibbert.com/liteaccordion-v2/
            *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
            *
            *  Version:    2.0.2
            *  Copyright:  (c) 2010-2011 Nicola Hibbert
            *  Licence:    MIT
            *
            **************************************************/
            /****************************************** Core */
            .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
            .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
            .accordion .slide > h2 {
              color: black;
                font-size: 16px;
              font-weight: normal;
              margin: 0;
              z-index: 100;
              position: absolute;
              top: 0;
              left: 0;
              -webkit-transform: translateX(-100%) rotate(-90deg);
              -webkit-transform-origin: right top;
              -moz-transform: translateX(-100%) rotate(-90deg);
              -moz-transform-origin: right top;
              -o-transform: translateX(-100%) rotate(-90deg);
              -o-transform-origin: right top;
              transform: translateX(-100%) rotate(-90deg);
              transform-origin: right top;
              -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
                filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            }
            .accordion .slide > h2 span {
                display: block;
                padding-right: 8%;
                text-align: right;
                height: 90%;
                margin-top: 5px;
                -moz-user-select: none;
                -khtml-user-select: none;
                user-select: none;
            }
            .accordion .slide > h2 b {
                display: inline-block;
                position: absolute;
                top: 13%;
                left: 10%;
                text-align: center;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
              -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
                filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
            }
            .accordion .slide > h2:hover { cursor: pointer; }
            .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white ;}
            .accordion noscript p { padding: 10px; margin: 0; background: white ;}
           
            /***************************************** Light */
            .accordion {
                border: 9px solid white;
                border-bottom-width: 8px;
                padding: 5px 5px 6px 0;
                background: #a0a0a0;
                -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
                -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
                -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
                -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
              box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
            }
            .accordion .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% ;}
            .accordion .slide > h2 span {
                background: #fcfcfc;
                background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
                background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
                -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
                -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
                -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
              box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
                color: #909090;
            }
            .accordion .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white; }
            .accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff; }
            .accordion .slide > div { background: #a0a0a0; margin-left: 5px; }
           
            /*************************************** Rounded */
            .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
            .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px ;}
           
            /******************************************** IE */
            .ie .slide > h2 b { top: 42%; left: 5%; }
            .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top ;}
            .ie.accordion .slide > h2 b { top: 44%; }
            .accordion .slide > h2 span { filter: none; }
           
            /******************************************** FA */
            .accordion figure .full { width: 100%; height: 100%; }
            .accordion h2 { border: none; }
           
            /* centrer l'accordéon */
            .accordion { margin: auto; }

    a {
        text-shadow: 1px 3px 20px #E6F3F1;
    }

    a.decorated-link:before {
      content: "♫ ";    /* Decoration avant le lien */
    }
    a.decorated-link:after {
      content: " ♫";    /* Decoration après le lien */
    }

    .bodyline{ -moz-border-radius: 10px;}
    input,textarea, select {
    border-radius: 10px 10px;
    -moz-border-radius: 10px;
    padding-left: 3px;
    }
    .code
    {
    -moz-border-radius: 15px;
    padding-left: 10px;
    }
    .quote
    {
    -moz-border-radius: 15px;
    padding-left: 10px;
    }
    .button2{ -moz-border-radius: 5px;}

    .forumline{
        border-bottom: 5px #bab3ae solid;
        border-top:    5px #bab3ae solid;
        border-right:  2px #bab3ae solid;
        border-left:  2px #bab3ae solid;

        border-radius: 7px;
    }

   
    /* Bloc principal */
    .monBloc {
      position: relative; /* important ! */
      overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet depasse, retirez cette ligne */
      width: 250px; /* largeur du bloc */
      height: 150px; /* hauteur du bloc */
      background: red; /* couleur de fond */
    }

    /* Bloc de recouvrement */
    .blocVolet {
      position: absolute; /* positionnement absolu important */
      top: 0; /* (important) */
      left: 0; /* (important) */
      width: 250px; /* largeur du bloc identique au bloc principal */
      height: 150px; /* hauteur du bloc identique au bloc principal */
      background: green; /* couleur de fond */
      /* reglage de la transition */
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -ms-transition: all 1s linear;
      -o-transition: all 1s linear;
      transition: all 1s linear;
    }

    /* Changement au survol */
    .monBloc:hover > .blocVolet {
      left: -250px; /* le bloc se decalera vers la gauche de 250px largeur du bloc */
    }

    .defil {
      color: pink;
        font-size: 16px;
        font-weight:bold;
      }




    a img
    {
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=1);
    }
    a img:hover
    {
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=0.5);
    }.rotate {
        -webkit-transition: all 0.5s linear;
          -moz-transition: all 0.5s linear;
            -o-transition: all 0.5s linear;
                transition: all 0.5s linear;
    }

    .rotate:hover {
        -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
                transform: rotate(45deg);
    }.slideshow,
    .slide {
        width: 300px;
        height: 200px;
    }

    .slideshow {
        margin: 0;
        overflow: hidden;
       
        background-color: black;
       
        border: 4px double white;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .slideshow div {
        position: relative;
        top: 0;
        left: 0;
    }
       
    .slide {
        margin: 0;
        overflow: auto;
       
        display: inline-block;
        vertical-align: middle;
           
        text-align: center;
        color: white;
    }

    .slide p {
        margin: 10px;
        text-align: justify;
    }.img-zoom {
        width: 100px; /*largeur image reduite*/

        /* Effet de transition du changement de valeur */
        -moz-transition: width 1s linear;
        -o-transition: width 1s linear;
        -webkit-transition: width 1s linear;
        transition: width 1s linear;
    }

    .img-zoom:hover {
        width: 200px; /*largeur image agrandie*/
    }
    /* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
    MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
    /* Mise en forme générale */
      .cssactif_pa_main {
          width: 800px; 
          padding: 30px;
          margin: 0 auto;
      }
      /* Titre principal Bienvenue sur... */
      .cssactif_pa_main h1 {
          font-family: "Courier New", Courier, monospace;  /* Police de caractere */
          text-align: center; /* Alignement du texte */
          text-transform: uppercase; /* Transformation: met le texte en majuscules */
          font-weight: normal; /* Epaisseur normale */
          letter-spacing: 16px; /* Espacemement des caracteres en PX */
          font-size: 32px; /* Grosseur du texte */
          color: #fcca00; /* Couleur du texte */
          text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
      }
     
      .cssactif_pa_main h2 { /* Titre des colonnes Contexte Nouveautés etc */
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractere */
          font-weight: normal; /* Epaisseur normale */
          color: #FFFFFF; /* Couleur du texte */
          text-transform: uppercase; /* Transformation met le texte en majuscules */
          text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
          font-size: 18px; /* Grosseur du texte */
          margin:0;
      }
      /* Style general des colonnes */
      .cssactif_pa_colonne {
          float: left; /* Place les colonnes un a cote de l autre */
          width: 33%; /* Donne la grandeur des colonnes */
          background-color: #FFFFFF; /* Couleur de fond */
          height: 400px; /* Hauteur des colonnes doit etre fixe */
          color: #777777; /* Couleur du texte */
     
          opacity: 0.9; /* Opacité des colonnes */
         
          /* Transition */
          -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

    /*Ombre portee */
    -webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
    box-shadow: 0px 0px 1px 0px #CCCCCC;

     
      }
      /* Paragraphe des colonnes */
      .cssactif_pa_colonne p {
      padding: 0 10px; /* Padding */
      text-indent: 10px; /* Alinéa */
      text-align: justify;  /* Alignement du texte */
      }
        /* Colonne au survol */
      .cssactif_pa_colonne:hover {
      /* Effet de grossissement */
          -moz-transform: scale(1.05) translate(0px, -20px) ;
    -webkit-transform: scale(1.05) translate(0px, -20px) ;
    -o-transform: scale(1.05) translate(0px, -20px) ;
    -ms-transform: scale(1.05) translate(0px, -20px);
    transform: scale(1.05) translate(0px, -20px) ;

    opacity: 1; /* Opacité */

    /* Nouvelle ombre portee */
    -webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
    box-shadow: 0px 5px 10px 0px #CCCCCC;
    z-index: 999;

      }
      /* Style commun des header de couleur */
    .cssactif_pa_header {
      padding: 10px;
      height: 80px;
    }
    /* Style du description dans les headers */

    .cssactif_pa_header p {
    margin: 5px; /* Marge */
    padding: 0; /* Padding */
    color: #FFFFFF; /* Couleur du texte */
    text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
    font-style: italic; /* Style italic */
    opacity: 0.8; /* Opacity du texte */

    }
    .colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
    .colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
    .coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

    /* Contenu des colonnes */

    .new {
      margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
      padding: 5px; /* Padding */
      border-bottom: 1px solid #d9015d; /* Bordure du separateur */
     
      text-align: justify; /* Alignement du texte */
    }
    /* Dates */
    .new em {
      color: #d9015d;  /* Couleur du texte */
      text-transform: uppercase; /* Transformation du texte en majuscule */
      font-style: normal; /* Enleve le italic par defaut de la balise em */
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractere */
    }
 /* Ajoute la fleche apres les dates */
    .new em:after {
      content: " ►"; 
    }
/* Cadre des personnages */
    .pers {
    border: 1px solid #7fbf33;  /* Bordure des personnages */
    margin: 10px; /* marge externe */
   
    /* Arrondissement des bordures */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 3px; /* Marge interne */
    text-align: center; /* Alignement du texte */
    }
/* Image des personnages */
    .pers img {
    float: left; /* Place à gauche du texte */
    width: 50px; /* Grandeur de limage */
    height: 50px;    /* Grandeur de limage */
    border: 3px solid #7fbf33; /* Bordure de l image */
   
    /* Arrondissement des bordures */
      -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;   

    /* Transformation */
    -moz-transform: rotate(-12deg) translate(0px, -5px) ;
    -webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
    -o-transform: rotate(-12deg) translate(0px, -5px) ;
    -ms-transform:  rotate(-12deg) translate(0px,-5px) ;
    transform:  rotate(-12deg) translate(0px, -5px);
    }

Pense à cliquer sur le bouton
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par msfeettoes le Sam 7 Sep 2013 - 19:05

j'ai mis le code que tu as modifié et ca me dit votre css a etait mis a jour .. je pense que c'est bon dis moi ce que t'en pense ...

msfeettoes
****

Féminin
Messages : 357
Inscrit(e) le : 31/07/2011

http://footfetish.forumactif.org/
msfeettoes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par Papione le Sam 7 Sep 2013 - 21:51

Si ça dit que la CSS a été mise à jour, c'est qu'il n'y a plus de souci avec les "{", donc les codes ont bien été mis en place sur ton forum Wink
Bonne soirée Hi 

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par Maitre Orion le Sam 7 Sep 2013 - 21:54

@Papione a écrit:Si ça dit que la CSS a été mise à jour, c'est qu'il n'y a plus de souci avec les "{", donc les codes ont bien été mis en place sur ton forum Wink
Bonne soirée Hi 
De plus si tu retourne sur ton forum et ne constate pas d’erreur, alors tu et tiré d'affaire !

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code css

Message par MasDan le Sam 7 Sep 2013 - 23:48

Bonjour,

Code:

/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
Il y a aussi l'apostrophe qui cause problèmes dans les commentaires comme dans l'exemple ci-haut; remplacer cette apostrophe par un espace.

L'apostrophe servant de délimitateur de texte, ils doivent donc être utilisé par paire. Il semble ici que les apostrophes dans les commentaires sont pris en compte!!!

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan 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