Problème catégories

2 participants

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

Résolu Problème catégories

Message par elsa2607 Mer 4 Juin 2014 - 16:33

Coucou,

Suite à mon changement de catégories, je voudrait ajouter une bordure (inférieur).
de cette façon :
Problème catégories ANw2PjH

en fait c'est l'image de la catégorie qui se sur-augmente toute seule et je n'arrive pas à la réduire :

Problème catégories Lz6n3g4

___________________________________________

De plus, sur Mozilla et Internet Explorer (je suis sur Chrome),
Le code ne fonctionne pas :

Problème catégories FpXSIzt


index_box:

CSS:

Merci


Dernière édition par elsa2607 le Mer 18 Juin 2014 - 11:40, édité 1 fois
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 Jeu 5 Juin 2014 - 21:39

up
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 Ven 6 Juin 2014 - 23:27

up
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 Lun 9 Juin 2014 - 12:48

n'up
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème catégories

Message par Automne Mer 11 Juin 2014 - 16:02

Bonjour,

Dans votre template, vous avez

<tr width="700px" height="135px">, la hauteur height="135px" est a modifier entre 13/20 pour avoir l'effet voulu

Quelques erreurs dans le css
Code:
    /* IMAGE DU FOND DES REPONSES RAPIDES*/
    .sceditor-container iframe, .sceditor-container textarea {
    background:url(http://i.imgur.com/qPjW26t.png)!important;}

    /* avatar toolbar*/
    .fa_avatar {
      width: 25px;
      height: 25px;
      position: relative;
      top: -3px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: -10px;
    }
    /*____________________________________PA_____________________*/
    .new{font-family: 'Neucha', cursive;
      font-size: 14px;
    }
    .bvn{font-family: 'Neucha', cursive;
    font-size:13px;
    text-align: justify;}
    .pan1{
    border:5px hidden  #d6d6d6;
    background-color:#dddddd;
      -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;
        whidth:150px;
      height:155px;}

    .pan3{
    border:5px hidden  #d6d6d6;
    background-color:#dddddd;
      -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px;}

    .pan2{
      font-family: 'Neucha', cursive;
      border-collapse:collapse;
      border:5px hidden #000000;
      width:750px;
      height:400px;
      background-color:#e4e4e4;
      border-radius: 10px 10px 10px 10px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;
        cellspacing:10px;}
    .size{
      font-size: 18px;}
    .lienpa{
      font-family: 'Neucha', cursive;
      font-size:20px;
    }
      #pafastlink
        {
          display: block;
          padding: 3px;
          margin-bottom: 1px;
          text-align: center;
          background: #dddddd;
          color: #752d4a !important;
          font-weight: bold;
          font-size: 15px;
          text-transform: uppercase;
          transition: 500ms;
          -moz-transition: 500ms;
          -htm-transition: 500ms;
          -o-transition: 500ms;
          -webkit-transition: 500ms;
          -webkit-border-radius: 25px;
          border-radius: 25px;
          -o-border-radius: 25px;
          -htm-border-radius: 25px;
      font-family: 'Neucha', cursive;
        font-color:#752d4a !important;
        }

        #pafastlink:hover
        {
          background: #e8e8e8;
          color: #752d4a !important;
          transition: 500ms;
          -moz-transition: 500ms;
          -htm-transition: 500ms;
          -o-transition: 500ms;
          -webkit-transition: 500ms;
        }
    /*!
    * Code proposé par Damudo No Kyoku
    * Corrigé par Espeon
    * Pour CSSActif - http://www.css-actif.com
    */
    .infobulle {
      display: inline-block;
    }

    .infobulle > div {
      position: absolute;
      margin-top: -20px;
      opacity: 0;
      visibility: hidden;

      -webkit-transform: scale(0.3) rotate(-45deg);
      -moz-transform: scale(0.3) rotate(-45deg);
      -o-transform: scale(0.3) rotate(-45deg);
      transform: scale(0.3) rotate(-45deg);

      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .infobulle:hover > div {
      opacity: 1;
      visibility: visible;

      -webkit-transform: scale(1) rotate(0deg);
      -moz-transform: scale(1) rotate(0deg);
      -o-transform: scale(1) rotate(0deg);
      transform: scale(1) rotate(0deg);
    }

    .bouh {
      width: 300px;
      padding: 25px;
      margin: auto;
      background-color: #e4e4e4;
      color: #ffffff;
      text-align: center;

      -webkit-box-shadow: 0 0 5px #212121;
      -moz-box-shadow: 0 0 5px #212121;
      -o-box-shadow: 0 0 5px #212121;
      box-shadow: 0 0 5px #212121;

      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }

    .bouh a {
      padding: 5px;
      margin: 5px 0 0 0;
      display: inline-block;
      background-color: #000000;
      color: #666666;
      text-decoration: none;

      -webkit-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
      -moz-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
      -o-box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;
      box-shadow: 0 0 3px #ffffff, 0 0 5px #212121;

      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }

    .bouh a:hover {
      color: #ffffff;
    }

    .bouh h1 {
      -webkit-text-shadow: 0 0 5px #ffffff;
      -moz-text-shadow: 0 0 5px #ffffff;
      -o-text-shadow: 0 0 5px #ffffff;
      text-shadow: 0 0 5px #ffffff;
    }

    .bouh p {
      text-align: justify;
    }

    .bouh hr {
      -webkit-box-shadow: 0 0 3px #666666;
      -moz-box-shadow: 0 0 3px #666666;
      -o-box-shadow: 0 0 3px #666666;
      box-shadow: 0 0 3px #666666;
    }


    /*__________________________FIN PA_____________________*/



    .trans{
      margin-top: 20px;
      background-color: #d6d6d6;
      color: #CDDAF5;
      padding: 15px;
      width: 500px;
      height: 70px;
      overflow: auto;
    text-align: justify;

      font-size: 18px !important;
      -moz-border-radius: 50px;  -webkit-border-radius: 50px; border-radius: 50px; margin-top: -1px;}
    .trans .row1 {
    background-color: #d6d6d6;
      font-size: 18px !important;
      size: 18px;}
     
     

    .titreqeel {
      color: #944345;
      font-family: Patrick Hand,crusive;
      font-size: 45px;
      text-align: center;
      font-color: #5c5c5c; }

    .cadreqeel {
      background-color: #d6d6d6;
      color: #5C5C5C;
      padding: 15px;
      width: 230px;
      height: 210px;
      text-align: justify;
      font-family: Patrick Hand,crusive;
      font-size: 14px;
      -moz-border-radius: 310px;
      -webkit-border-radius: 310px;
      border-radius: 310px;
    }

    .cadreqeel1 {
      background-color: #d6d6d6;
      color: #5C5C5C;
      padding: 15px;
      width: 210px;
      height: 190px;
      text-align: justify;
      font-family: Patrick Hand,crusive;
      font-size: 16px;
      -moz-border-radius: 310px;
      -webkit-border-radius: 310px;
      border-radius: 310px;
    }

    .cadreqeel2 {
      background-color: #d6d6d6;
      color: #5C5C5C;
      padding: 15px;
      width: 500px;
      height: 100px;
      overflow: auto;
      text-align: justify;
      font-family: Patrick Hand,crusive;
      font-size: 15px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
    }

    .boite10 {
      margin-left: 20px;
      margin-top: 25px;
      width: 180px;
      height: 180px;
      overflow: auto;
    }

    .fontgrp{
    font-size:24px;
      font-family: 'Bad Script', cursive;
      font-weight: bold;
    }


    /* fin QEEL*/


    /*******************************************/
    /* CODE DE POP-UP DE CONNEXION
    /*******************************************/
    #login_popup > table {
      background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
      width: 570px;
    }

    #login_popup .titre td {
      height: 90px;
      font: bold italic 25px/1.5em Georgia, Arial, serif;
      color: #f9f5f1;
      text-shadow: 0 2px #532831;
      text-align: center;
    }

    #login_popup .message {
      background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
    }

    #login_popup .message td {
      min-height: 60px;
      display: block;
      width: 420px;
      margin: auto;
      color: #785547;
      text-align: center;
      font: 14px "Trebuchet MS", Arial, serif;
    }

    #login_popup .boutons {
      background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
      margin-top: -1px;
    }

    #login_popup .boutons td {
      padding: 15px 0 25px;
      display: block;
      width: 430px;
      margin: auto;
      text-align: center;
    }

    #login_popup input {
      background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
      height: 32px;
      padding: 0 10px;
      border-radius: 5px;
      border: 1px solid #5f2d37;
      box-shadow: 0 1px 0 #928276;
      color: #edd9c9;
      text-shadow: 0 1px #532831;
      font: italic 16px/1.5em Georgia, serif;
      cursor: pointer;
    }

    #login_popup input + input {
      margin-left: 5px;
    }

    #login_popup input:hover {
      background-position: left bottom;
      color: #f7f0ea;
    }





    /* _________________infobulle par Rits-u __________*/

    /* PERSONNALISATION DE L'INFOBULLE */
    a.infobulle:hover span {
      display: inline;
    white-space: nowrap;
      position: absolute;
      top: 10px; /* position de l'infobulle verticalement */
      left: 30px; /* position de l'infobulle horizontalement */
      width: 130px; /* largeur de l'infobulle */
      height: 50px; /* hauteur de l'infobulle */
      color:#000000; /* couleur du texte */
      border: 1px solid #000000; /* taille, style et couleur de la bordure */
      background:  #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
      padding: 3px; /* espacement entre les bords et le texte */
    }

    /* NE PAS TOUCHER */
    a.infobulle {  position: relative;}
    a.infobulle span {  display: none; }
    a.infobulle:hover {  background: none;  z-index: 999;}


    .avatar img {
      float: left;
      padding: 1%;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: -200px;
    margin-left: -15px;
      width:200px;
      height:300px;
    }


    .gensmall{
      align:right !important;}

     
      /*_____________CATEGORIES________________________*/
     
    /*bordures gauche et droite des catégories*/
    .forumline.categorie>tbody>tr>td:first-child{border-left:8px solid #b33157;}
    .forumline.categorie>tbody>tr>td:last-child{border-right:8px solid #b33157;}

      /*taille titre catégorie*/
    .secondarytitle h2{font-size:small}
     
    /* couleur liens dans les catégories [amélioration de la lisibilité] */
    #page-body .forumline .gen, #page-body .forumline .genmed, #page-body .forumline .gensmall, #page-body .forumline a{
    color:#752D4A;
    }
    .postdetails {color: #ededd0 !important;}

    /* texte description catégories */
    .catetexte {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;color:#752D4A;}
     
    /* fond derniers messages */
    .derniermess {background-color: #dddddd;
      border-left: solid #d1d1d1 2px;
      border-right: solid #d1d1d1 2px;
      height: auto; width: 115px;
    border-radius: 8px;
    border-top: 2px #d1d1d1 solid;
    border-bottom: 2px #d1d1d1 solid;
      color:#4f641f;}
     
    /* texte derniers messages */
    .derniermesstext {margin-left: 7px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px;}

    /*corriger couleur derniers messages*/
    .derniermess a,.derniermess .derniermesstext{color:#752D4A !important;text-shadow:none !important;}
    /* fond description catégories */
    .descricategorie {margin: 7px;
      background-color: #d1d1d1;
      border-left: solid #c0c0c0 4px;
      border-right: solid #c0c0c0 4px;
      height: auto;
    border-radius: 8px;
    border-top: 0px #b8d784 solid;
    border-bottom: 0px #d1d1d1 solid;}
     
    .titredescategories{
        color:#000000; text-shadow: 2px 2px #ffffff;font-family: 'Miniver', cursive; font-size: 35px;}
     
     
      /***********************************fin categorie**********************************/


    /*888888888888888888 ASPECT BODY FORUM FOND SITE BACKGROUND ROSE IMG 8888888888888888*/
    .bodylinewidth
    {
      width: 800px;
    }

    .bodyline
    {
      width: 900px;
      padding: 0;
      background: url("http://i.imgur.com/YSsbcIm.png");
    }

    .bodylinewidth
    {
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -9px;
      margin-bottom: -9px;
    }
    .bodyline
    {
      width: 800px;
      padding: 0;
      background: #c0c0c0;
      border-left: 5px solid #b33157;
      border-right: 5px solid #b33157;
      box-shadow: 0px 0px 20px #000000;
      -moz-box-shadow: 0px 0px 20px #000000;
      -o-box-shadow: 0px 0px 20px #000000;
      -htm-box-shadow: 0px 0px 20px #000000;
      -webkit-box-shadow: 0px 0px 20px #000000;
    }

    .bodyline
    {
      background-image : url("http://i.imgur.com/YSsbcIm.png");
     
    }

    /*/*****************************lineeeeeeeee fin******************************/











    .fleche {
        background-image : url("http://theme3.cssactif.com/sujets/pointebulle.png");
        width: 20px;
        height :25px;
        position : relative;
        top :50px;
        left :-15px;  }

        .bulle{
        background-color : #bdaeae;
        border : 1px solid #;
        -moz-border-radius: 20px ;
        -webkit-border-radius:20px;
        -border-radius:20px;
        -khtml-border-radius:20px;
        padding : 5px;
        }


    .titretop{
      font-size: 20px;
      font-family: 'Emilys Candy', cursive;
      align:center;
    }
    .catHead{
      background-color:#3b3a3a;
        border: #;
        border-style: solid;
        height: 28px;
    border-radius:25px 25px 0px 0px;
      height: 29px;
      border-width: 0;
      }
    /*--------CSS PROFIL--------------*/

    /*Fond qui entoure tous le profil*/


    .profilentier {height:auto;
      background-color:  #bda1a1;
      margin: 0 auto;
    padding: 5px;
      -webkit-border-radius: 20px;
      khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 210px;
      text-align: center;}

    /*Pseudo*/


    .name {font-variant: small-caps;
      display: block;
      font-weight: normal;
      font-family: Snippet,cursive;
      text-shadow: 1px 1px 1px  #000;
      font-size: 25px;
    margin-top: 15px;
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }}


    /*Css de ton avatar*/

    .imageavatar { width: 200px;
    height: 300px;
      margin-left: 5px;
      position: relative;
      padding:-7px;
      top: 0;
      left: -3;
      z-index: 0;}


    /* Information et niveaux*/

    .titreinfo {color: #470606;
    font-variant: small-caps;
      text-align: center;
    font-size: 15px;
      letter-spacing: 2px;
    display: block;
    width: 180px;
    border-bottom: 2px dashed #470606;
    margin-bottom: 15px;}

    /*fond blanc qui saffiche sur lavatar*/

    .fondinformation {text-align: justify;
      width: 180px;
    height: 280px;
    position: absolute;
      padding: 10px;
      top: 0;
      left: 0;
    background-color: #ad3e3d;
        background: url(http://img547.imageshack.us/img547/4891/dtgd.png);
     
      z-index: 100;
      opacity: 0;
        -webkit-transition: opacity 2s;
      -moz-transition: opacity  2s;
      -o-transition: opacity  2s;
      -ms-transition: opacity  2s;
      transition: opacity  2s;
    }





    .imageavatar:hover > .fondinformation
    {
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
      margin-left: 0px;}
     

    /**FIN**/




    .namestyle
      a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }
     
    .namestyle{
    font-family: 'Domine', cursive;
      font-size: 27px;
    }


    .csstitle,.t-tile{
      font-family: 'Miniver', cursive;
      font-size: 21px;
    }


    .cadremess{
        padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
            margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
            border-radius:20px; /* la bordure */
            border-color:#000000; /*une couleur de fond */
      background:#B0C5D4;
    }
     
    .onthy{ background: #b0c5d4;} /*LE RP OU LIMAGINA REAL COLOR FOND SUJET*/
   
    .name /* center le pseudo */
    {text-align:center;}
    {font-size:20px;
    font-family:Police;}
    .name {font-size:20px!important;}
   

    .blocProfil { /*code Profil*/
            padding:10px; /* une marge entre la bordure et l'intérieur du bloc */
            margin:5px; /* une marge entre la bordure et l'extérieur du bloc */
            border-radius:20px; /* la bordure */
            border-color:#000000; /*une couleur de fond */
      background:#B0C5D4;
      -moz-box-shadow: 0px 0px 6px #355266;
        -webkit-box-shadow: 0px 0px 6px #355266;
        box-shadow: 0px 0px 6px #355266;
    border-right: 3px solid #355266;
    border-left: 3px solid #355266;   
    }
   







    .nameprofil{
      font-family: Patrick Hand,crusive;
      font-size: 26px;
      text-shadow: 0 0 1px #000;
    }
    .postdetails poster-profile{
      font-family: PatrickHand,cursive;
      font-size:10px;
      text-shadow: 0 0 1 #000;
      text-align: center;
    }


    body {
    background-repeat: repeat;
    background-attachment: fixed;
    }

    /**DEBUT PA**/
    div.bibille {
      position: relative;
      float: left;
    }

    div.bibille span {
      display: none; /* ceci masque l'infobulle */
    }
    div.bibille:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.bibille:hover span {
      width: 150px;
    display: inline;
    position: absolute;
    top: Ypx;
    left: Xpx;
    background-color: #6ba2bf;
    color: #00263b;
    padding: 2px;
    border: 2px solid #00263b;
      border-radius: 20px;
    }
    /**FIN PA**/







    .statistiques{
    border:1px;
    background-repeat: no-repeat;
    background-position: center;
    height:270px;}

    .groupes{
    background-color:#44718F;border: 2px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:50px;padding-right:19px;padding-left:19px;padding-bottom:5px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}




















    /*_______________________Selecteur de couleurs_____________*/
    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }
    /*____________________FIN SELETEUR COULEUR________________*/




    .gensmalling{
    font-family: 'Snippet', cursive;
        color: #691f80;
        text-shadow: 0 0 1px #000;
      width: 10px;
    }

    /*_________DESCRIPTION DES CATEGORIES______*/


    .description_contenu
    {
      position: absolute;
      display: block;
      width: 391px;
      height: 91px;
      overflow: auto;
      background-color: #000; => couleur de fond
      font-size: 10px; => taille du texte
      color: #FFF; => couleur de texte
      text-align: center; => alignement du texte
      padding: 5px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .description_contenu:hover
    {
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }


    /*modifier l'apparence des scrollbars de tout le forum*/
    ::-webkit-scrollbar {
      width: 10px; /*largeur de la scrollbar verticale*/
      height: 10px; /*hauteur de la scrollbar horizontale*/
      background-color: #574049;}

    ::-webkit-scrollbar-track {
      background-color: #c4c3c3; /*couleur du fond de la scrollbar*/}
    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
      background-color: #9f5a5b; /*couleur de l'ascenseur*/;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;}







    #chatbox_members ul li,
    body.chatbox {
    background-image: none;}

    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }

Il y aura encore certainement des choses a modifier  Wink 
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par elsa2607 Jeu 12 Juin 2014 - 17:03

Merci beaucoup ! *_* Je ne sais pas comment vous avez fait mais c'est super sur internet explorer comme sur Mozilla.

En revanche, quand j'ajoute le code du QEEL (rajouté entre mon dernier post et le votre)
Les modifications que vous avez aportés sont annulées :

Le code en question
Code:
    /* QEEL */
 
.statistiques{
border:0px;
background-image: url("http://i.imgur.com/QjId7qj.png") !important;
  width:700px;
  height:300px;  
background-repeat: no-repeat;
background-position: center !important;
height:hauteur de l'imagepx;}
    
.dessus{
 margin-top:20px !important;
    margin-left:60px !important;
    color: #ffffff !important;
    
  }
 
.groupes{
background-color:#;
  letter-spacing: 2px;
  font-family: Times New Roman;
  font-size: 15px;
text-align:center;
text-decoration: none !important;}

.qeel01{
    text-align: center;}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par Automne Jeu 12 Juin 2014 - 22:22

Bonjour,

Supprimer ceci dans .statistiques

height:hauteur de l'imagepx;

Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par elsa2607 Ven 13 Juin 2014 - 17:25

Merci beaucoup, ^^
Mais quand je fais ça ma barre des 24h monte trop haut mais ce n'est pas grave j'en ai mis un autre. Smile

J'ai un dernier soucis  Embarassed ...
Comment fait on pour mettre une barre en dessus de la catégorie :
comme ça
Problème catégories ANw2PjH

Au lieu de
Problème catégories JzwJnKb


Merci d'avance
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 Sam 14 Juin 2014 - 20:12

up
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 Dim 15 Juin 2014 - 20:20

up
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par elsa2607 Lun 16 Juin 2014 - 21:34

up
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

Résolu Re: Problème catégories

Message par Automne Mar 17 Juin 2014 - 14:58

Bonjour,

Je suppose que vous devez rajouter ceci dans le css

Code:
.forumline.categorie  {
border-bottom: 8px solid #b33157;
}
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories

Message par elsa2607 Mer 18 Juin 2014 - 11:40

Merci beaucoup ! *.*
Merrrciiii *..*
Çà marche à merveille pour les deux Smile.
elsa2607

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

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

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

- Sujets similaires

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