[Optimisation d'un forum..]

Page 3 sur 3 Précédent  1, 2, 3

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

Résolu [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 14:39

Rappel du premier message :

Bonjours,
Voilà , mon forum à des bords arrondis , sauf que il n'est optimiser que pour Mozilla & j'aimerais que pour plus de simplicité , j'aimerais qu'il soit optimisé pour Chrome.. Breff , j'ai beau chercher un code , je ne trouve pas , pourriez vous m'aidez pour pouvoir optimiser mon forum?


Merci.


Dernière édition par alcantara le Sam 11 Juin 2011 - 22:16, édité 1 fois

Invité
Invité


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

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 19:52

De devriez vous spa actualisez car il n'y à pas sa du tout chez moi..
édit : YOUHOU c'est bon♥

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 19:54

Et ben voilà : le CSS a fini par bien se mettre.

et tout cela sans s''énerver Wink

Tout est-il correct ?

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 19:59

Je ne me suis pas énervée xD c'étais pour vous montrer ce que je "voulais".. Excusez moi , je l'est peut être dis assez.. brusquement.. Juste une petite question maintenant que tous est en ordre , n'auriez vous pas quelques chose pour comblez le trou d'ici : ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 20:01

MDR

C'est la couleur de fond et je pense que ceci vient de votre QEEL et de sa modification.

Quel code avez-vous fait ?


NB : Pouce, je vais me restaurer Wink

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 20:14

c'est ce code CSS que j'ai actuellement
Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
      }

        I{border-bottom:none; text-decoration: none    }

        a:hover{text-transform:uppercase;}

        .bodylinewidth {    width:70%}
   
      a.forumlink{
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        background-color: #ffffff;
        border-bottom: 2px dotted #ffffff;
        color:#oooooo;
        font-family: Georgia;
        font-size: 14px;
        font-weight: lighter;
        letter-spacing: 2px;
        display:block;
        text-align: left;
        }

        a.forumlink:hover, a.forumlink:hover:visited{
        background-color: #ffffff;
        border-left: 9px solid ##ffffff;
        border-right: 9px solid ##ffffff;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        a:link {text-decoration: none;}
        a:hover{text-decoration: none !important;}
        a { text-decoration: none; }
        a:link { text-decoration: none; }
        a:hover { text-decoration: none; }

        .quote{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        line-height: 125%;
        background-color; #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border: 1px #1f1f1f dotted;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        .code{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        background-color: #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border: 1px #c4bfb5 dotted;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }
      /* mauvaise position */
        input,textarea, select {
      -moz-border-radius:9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;
        }


        a {font-variant: small-caps;}
   
      .forumline{
        -moz-border-radius:15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
      }
   
      .bodyline {
      border: 10px #ffffff solid;
      -moz-border-radius:40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;
      }

        /* a.forumline{
            background-color: #ffffff;
            border: 5px #C5C5C5 solid;
            } */

        a.mainmenu{
        text-decoration: none;
        color : #C5C5C5;
        }
        a.mainmenu:hover{
        text-decoration: none;
        border: 1px dotted #CDCDCD;
        color : #c1bbb3;
        }

        .forumline{
          -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            -khtml-border-radius: 7px;
            background-color: #ffffff;
            border: 3px #ffffff solid;
            }



        .milieu {width: 90%;
      margin: 0px;
      border: 1px solid #ffffff;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 5px;
      background-color:#F2EDDB}


        .statistiques    {
        border:0px;
        background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
        background-repeat: no-repeat;
        background-position: center;
        height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
        }

        .groupes    {
        background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
        border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
        -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */

        -webkit-border-radius: 5px;
      height:40px; /* HAUTEUR DES ENCADRES */
        padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
        padding-left:24px;
        padding-bottom:1px;
        font-size:13px; /*TAILLE ECRITURE */
        font-weight: bold; /* STYLE DE L'ECRITURE */
        text-align:center;
        text-decoration: none !important;
        }



        /* .bodyline { border: 10px solid #ffffff; } */

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: Ypx;
        left: Xpx;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
          }

        .titrefora {
          border-bottom: 4px inset #ddedf7;
            border-left:1px solid #ddedf7;
            border-right:1px solid #ddedf7;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            width: 350px;
            padding: 2px; }

        .descrip { background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius: 8px;
        margin-right: 4px;
        display: block;
        height:75px;
        padding:4px;}

        .tablo{
        border-right:5px solid #ddedf7;
        width: 80%;}

        .ssfo{
        background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        padding:4px;
        width: 180px;
        text-align: left;}


        tr.post span.gensmall { display: none; }


        .mainmenu{
        background: #ddedf7;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-radius:10px 10px 0px 0px;
        border-radius:10px 10px 0px 0px;
        font-family: Georgia, Verdana, Arial, serif;
        font-size: 11px;
        text-align: center;
        padding:0px;
        }

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
        }

    a { text-decoration: none; }

    /* .forumline {
            border : 1px dashed ##0A0A0A;
            } */
    .titre_tableau        {
            font-variant: small-caps;
            background-image: url(image_de_fond.jpg);
            background-repeat: repeat-x; /*pour une répétition horizontale*/
            }

    a {font-variant: small-caps;}

    .postdetails.poster-profile a img {
          -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border: 3px solid #000000;
            }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour        {
            border: 3px solid-black; /*La bordure*/
            background-color: color: rgb(48.30.24); /*Le fond*/
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
      }
            .tstaff{
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none;
            }
            a.infobulle:hover {
              background: none;
              z-index: 999;

            }
            a.infobulle:hover span {
              display: inline;
              position: absolute;

              white-space: nowrap;

              top: 10px;
              left: 2px;

              background: #333333;

              color: blue;
              padding: 6px;

     
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            a:hover {
            text-decoration: none !important;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
            }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }
            * html .topiclist dl.icon {
            height: 50px;
            }
            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }
            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .haccordion li .hpanel{
            width: 100%; /*For users with JS disabled: Width of each content*/
            height: 206px;  /*For users with JS disabled: Height of each content*/
            }

            /*lien menu accordéon*/
            .lienadmin        {
            background-color: #440503;
            padding-bottom:6px;
            padding-top:6px;
            padding-left:5px;
            padding-right:5px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px 10px 0px 0px;
            }

            .lienadmin:hover        {
            color: #e7c02e;
            text-shadow: 1px 1px 1px #e7c02e;
            }

            .blablapa        {
            width: 350px;
            color : #e7c02e;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Tadaga        {
            width: 350px;
            color : #3E57F7;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }


            .RP        {
            width: 350px;
            color : #224DCC;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #AFC1FA;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #16318A;
            border-left:4px solid #16318A;
            border-top:1px solid #16318A;
            border-bottom:1px solid #16318A;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Naruto        {
            width: 350px;
            color : #9E9E9E;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #FFFFFF;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #000000;
            border-left:4px solid #000000;
            border-top:1px solid #000000;
            border-bottom:1px solid #000000;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -moz-border-radius-bottomleft:10px;
            -moz-border-radius-bottomright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail span        {
            position: absolute;
            background-color: #494747;
            padding: 5px;
            left: -1000px;
            border: 1px groove #F0BF5D;
            visibility: hidden;
            color: #FFFFFF;
            text-decoration: none;
            }

            .thumbnail span img{
            border: 1px groove;
            padding: 2px;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px;
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            .infobulle {
              position: relative;
            }

            .infobulle span {
              display: none;
            }

            .infobulle:hover {
              background: none;
              z-index: 999;
            }

            .infobulle:hover span {
              display: inline;
              position: absolute;
              white-space: nowrap;
              top: 10px;
              left: 2px;
              background: #333333;
              color: blue;
              padding: 6px;
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
        }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }

            * html .topiclist dl.icon {
            height: 50px;
            }

            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }

            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .en_tete{
              width:700px;
              min-height:400px;
              height:auto;
              background-color:black;
              margin:auto;
              border:solid 0px #CCCCCC;
              }

   
         
                a.infobulle {
                  position: relative;
                }

                a.infobulle span {
                  display: none; /* ceci masque l'infobulle */
                }

                a.infobulle:hover {
                  background: none; /* correction d'un bug IE */
                  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

                }

                a.infobulle:hover span {
                  display: inline; /* ceci affiche l'infobulle */
                  position: absolute;
                  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
                  top: -300px; /* on positionne notre infobulle */
                  left: 155px;
                  background: #707070; /* arrière-plan de l'infobulle */
                  color: black; /* texte dans l'infobulle */
                  padding: 3px;
                  /* bordures de votre infobulle*/
                  border: 1px dotted black;
                  border-left: 1px dotted black;
                }
       
              .complet{
            text-align:center;
            color:#FFFFFF;
            }

            .complet a{
            color:#FFFFFF;
            text-decoration:none;
            }

            .context{
            padding-left:20px;
            padding-right:20px;
            font-size:14px;
            }

            .titrebas{
            color: #66625A ;
            background-color:#6A939C;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            margin-bottom:5px;
            }

            .bas{
            background-color:#6A939C;
            -moz-border-radius:10px;
          -webkit-border-radius: 10px;
            padding:5px;
            }
            .navig{
            margin-left:15px;
            margin-right:15px;
            margin-bottom:1px;
            background-color:#9C9393;
            display:block;
            border-left:5px solid #aeadad;
            border-right:5px solid #aeadad;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            }

            .navig:hover{
            border-left:5px solid #6A939C;
            border-right:5px solid #6A939C;
            }

            .textscroll{
            overflow:auto;
            width:290px;
            height: 90px;
            }

            .block{
            padding-bottom:20px;
            }

            .logo{
            padding-bottom:20px;
            }

            #bienvenue{
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:20px;
            }

            .titre {
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            }

            .top {
            border: 1px solid #FFFFFF;
            background-color: #ffffff;
            padding:1px;
            }

            a.imginfo {
            position: relative;
            color: #ffffff;
            text-decoration: none;
            border-bottom: 0px #ffffff solid;
            padding-right:10px;
            }

            a.imginfo span {
            display: none;
            }

            a.imginfo:hover {
            background: none;
            z-index: 999;
            cursor: help;
            }

            a.imginfo:hover span {
            display: inline;
            position: absolute;
            white-space: nowrap;
            top: 10px;
            left: 20px;
            background: #ddedf7;
            color: #000000;
            padding: 2px;
            border: 2px solid #ffffff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

        .cadreavatar {
        width: 200px;
        height: 320px;
        -moz-border-radius:30px;
      -webkit-border-radius: 30px;
        border: 10px solid #ffffff; }
        /* TITRE CATEGORIE */
        .titrecat {
        text-align: center;
        padding-top: -15px;
        padding-bottom: 15px;
        display: block;
        width: 80%;
        border-top: 10px solid #B1DCED;
        border-right: 10px solid #B1DCED;
        border-left: 10px solid #B1DCED;
        background-color: #B1DCED;
        color: #FFF;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-topright: 60px;
        -webkit-border-top-left-radius: 60px;
        -webkit-border-top-right-radius: 60px;
      border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: 12px;
        height: 30px;
        font-weight: bolder;}
        /* FIN */
pour arriver à ce que je voulais.. Donc vous voyez derrière le pseudo Prudence ya un fond "bronze" , bahh c'est celui la que j'aimerais avoir à la place du blanc..

Bonne restauration alors Very Happy

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 20:39


Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
      }

        I{border-bottom:none; text-decoration: none    }

        a:hover{text-transform:uppercase;}

        .bodylinewidth {    width:70%}
   
      a.forumlink{
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        background-color: #ffffff;
        border-bottom: 2px dotted #ffffff;
        color:#oooooo;
        font-family: Georgia;
        font-size: 14px;
        font-weight: lighter;
        letter-spacing: 2px;
        display:block;
        text-align: left;
        }

        a.forumlink:hover, a.forumlink:hover:visited{
        background-color: #ffffff;
        border-left: 9px solid ##ffffff;
        border-right: 9px solid ##ffffff;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        a:link {text-decoration: none;}
        a:hover{text-decoration: none !important;}
        a { text-decoration: none; }
        a:link { text-decoration: none; }
        a:hover { text-decoration: none; }

        .quote{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        line-height: 125%;
        background-color; #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border: 1px #1f1f1f dotted;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        .code{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        background-color: #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border: 1px #c4bfb5 dotted;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        input,textarea, select {
      -moz-border-radius:9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;
        }


        a {font-variant: small-caps;}
   
      .forumline{
        -moz-border-radius:15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
      }
   
      .bodyline {
      border: 10px #ffffff solid;
      -moz-border-radius:40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;
      }

      a.mainmenu{
        text-decoration: none;
        color : #C5C5C5;
        }
        a.mainmenu:hover{
        text-decoration: none;
        border: 1px dotted #CDCDCD;
        color : #c1bbb3;
        }

        .forumline{
          -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            -khtml-border-radius: 7px;
            background-color: #ded7c6;
            border: 3px #ffffff solid;
            }



        .milieu {width: 90%;
      margin: 0px;
      border: 1px solid #ffffff;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 5px;
      background-color:#F2EDDB}


        .statistiques    {
        border:0px;
        background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
        background-repeat: no-repeat;
        background-position: center;
        height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
        }

        .groupes    {
        background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
        border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
        -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */

        -webkit-border-radius: 5px;
      height:40px; /* HAUTEUR DES ENCADRES */
        padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
        padding-left:24px;
        padding-bottom:1px;
        font-size:13px; /*TAILLE ECRITURE */
        font-weight: bold; /* STYLE DE L'ECRITURE */
        text-align:center;
        text-decoration: none !important;
        }



        /* .bodyline { border: 10px solid #ffffff; } */

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: Ypx;
        left: Xpx;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
          }

        .titrefora {
          border-bottom: 4px inset #ddedf7;
            border-left:1px solid #ddedf7;
            border-right:1px solid #ddedf7;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            width: 350px;
            padding: 2px; }

        .descrip { background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius: 8px;
        margin-right: 4px;
        display: block;
        height:75px;
        padding:4px;}

        .tablo{
        border-right:5px solid #ddedf7;
        width: 80%;}

        .ssfo{
        background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        padding:4px;
        width: 180px;
        text-align: left;}


        tr.post span.gensmall { display: none; }


        .mainmenu{
        background: #ddedf7;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-radius:10px 10px 0px 0px;
        border-radius:10px 10px 0px 0px;
        font-family: Georgia, Verdana, Arial, serif;
        font-size: 11px;
        text-align: center;
        padding:0px;
        }

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
        }

    a { text-decoration: none; }

    /* .forumline {
            border : 1px dashed ##0A0A0A;
            } */
    .titre_tableau        {
            font-variant: small-caps;
            background-image: url(image_de_fond.jpg);
            background-repeat: repeat-x; /*pour une répétition horizontale*/
            }

    a {font-variant: small-caps;}

    .postdetails.poster-profile a img {
          -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border: 3px solid #000000;
            }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour        {
            border: 3px solid-black; /*La bordure*/
            background-color: color: rgb(48.30.24); /*Le fond*/
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
      }
            .tstaff{
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none;
            }
            a.infobulle:hover {
              background: none;
              z-index: 999;

            }
            a.infobulle:hover span {
              display: inline;
              position: absolute;

              white-space: nowrap;

              top: 10px;
              left: 2px;

              background: #333333;

              color: blue;
              padding: 6px;

     
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            a:hover {
            text-decoration: none !important;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
            }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }
            * html .topiclist dl.icon {
            height: 50px;
            }
            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }
            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .haccordion li .hpanel{
            width: 100%; /*For users with JS disabled: Width of each content*/
            height: 206px;  /*For users with JS disabled: Height of each content*/
            }

            /*lien menu accordéon*/
            .lienadmin        {
            background-color: #440503;
            padding-bottom:6px;
            padding-top:6px;
            padding-left:5px;
            padding-right:5px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px 10px 0px 0px;
            }

            .lienadmin:hover        {
            color: #e7c02e;
            text-shadow: 1px 1px 1px #e7c02e;
            }

            .blablapa        {
            width: 350px;
            color : #e7c02e;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Tadaga        {
            width: 350px;
            color : #3E57F7;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }


            .RP        {
            width: 350px;
            color : #224DCC;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #AFC1FA;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #16318A;
            border-left:4px solid #16318A;
            border-top:1px solid #16318A;
            border-bottom:1px solid #16318A;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Naruto        {
            width: 350px;
            color : #9E9E9E;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #FFFFFF;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #000000;
            border-left:4px solid #000000;
            border-top:1px solid #000000;
            border-bottom:1px solid #000000;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -moz-border-radius-bottomleft:10px;
            -moz-border-radius-bottomright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail span        {
            position: absolute;
            background-color: #494747;
            padding: 5px;
            left: -1000px;
            border: 1px groove #F0BF5D;
            visibility: hidden;
            color: #FFFFFF;
            text-decoration: none;
            }

            .thumbnail span img{
            border: 1px groove;
            padding: 2px;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px;
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            .infobulle {
              position: relative;
            }

            .infobulle span {
              display: none;
            }

            .infobulle:hover {
              background: none;
              z-index: 999;
            }

            .infobulle:hover span {
              display: inline;
              position: absolute;
              white-space: nowrap;
              top: 10px;
              left: 2px;
              background: #333333;
              color: blue;
              padding: 6px;
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
        }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }

            * html .topiclist dl.icon {
            height: 50px;
            }

            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }

            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .en_tete{
              width:700px;
              min-height:400px;
              height:auto;
              background-color:black;
              margin:auto;
              border:solid 0px #CCCCCC;
              }

   
         
                a.infobulle {
                  position: relative;
                }

                a.infobulle span {
                  display: none; /* ceci masque l'infobulle */
                }

                a.infobulle:hover {
                  background: none; /* correction d'un bug IE */
                  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

                }

                a.infobulle:hover span {
                  display: inline; /* ceci affiche l'infobulle */
                  position: absolute;
                  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
                  top: -300px; /* on positionne notre infobulle */
                  left: 155px;
                  background: #707070; /* arrière-plan de l'infobulle */
                  color: black; /* texte dans l'infobulle */
                  padding: 3px;
                  /* bordures de votre infobulle*/
                  border: 1px dotted black;
                  border-left: 1px dotted black;
                }
       
              .complet{
            text-align:center;
            color:#FFFFFF;
            }

            .complet a{
            color:#FFFFFF;
            text-decoration:none;
            }

            .context{
            padding-left:20px;
            padding-right:20px;
            font-size:14px;
            }

            .titrebas{
            color: #66625A ;
            background-color:#6A939C;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            margin-bottom:5px;
            }

            .bas{
            background-color:#6A939C;
            -moz-border-radius:10px;
          -webkit-border-radius: 10px;
            padding:5px;
            }
            .navig{
            margin-left:15px;
            margin-right:15px;
            margin-bottom:1px;
            background-color:#9C9393;
            display:block;
            border-left:5px solid #aeadad;
            border-right:5px solid #aeadad;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            }

            .navig:hover{
            border-left:5px solid #6A939C;
            border-right:5px solid #6A939C;
            }

            .textscroll{
            overflow:auto;
            width:290px;
            height: 90px;
            }

            .block{
            padding-bottom:20px;
            }

            .logo{
            padding-bottom:20px;
            }

            #bienvenue{
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:20px;
            }

            .titre {
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            }

            .top {
            border: 1px solid #FFFFFF;
            background-color: #ffffff;
            padding:1px;
            }

            a.imginfo {
            position: relative;
            color: #ffffff;
            text-decoration: none;
            border-bottom: 0px #ffffff solid;
            padding-right:10px;
            }

            a.imginfo span {
            display: none;
            }

            a.imginfo:hover {
            background: none;
            z-index: 999;
            cursor: help;
            }

            a.imginfo:hover span {
            display: inline;
            position: absolute;
            white-space: nowrap;
            top: 10px;
            left: 20px;
            background: #ddedf7;
            color: #000000;
            padding: 2px;
            border: 2px solid #ffffff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

        .cadreavatar {
        width: 200px;
        height: 320px;
        -moz-border-radius:30px;
      -webkit-border-radius: 30px;
        border: 10px solid #ffffff; }
        /* TITRE CATEGORIE */
        .titrecat {
        text-align: center;
        padding-top: -15px;
        padding-bottom: 15px;
        display: block;
        width: 80%;
        border-top: 10px solid #B1DCED;
        border-right: 10px solid #B1DCED;
        border-left: 10px solid #B1DCED;
        background-color: #B1DCED;
        color: #FFF;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-topright: 60px;
        -webkit-border-top-left-radius: 60px;
        -webkit-border-top-right-radius: 60px;
      border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: 12px;
        height: 30px;
        font-weight: bolder;}
        /* FIN */



J'ai modié cette partie
.forumline{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
background-color: #ded7c6;
border: 3px #ffffff solid;
}

en modifiant le code couleur par la couleur de fond.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 20:43

Ya un soucis ...
Normalement ya une ligne blanche en revanche qui sépare par exemple :Règlement de présentation ect la.. Au pire , regarde zici : la(a)

Edit : merci♥ J'aimerais juste que qu'il est le fond dans le QUEL si possible ; que les lignes blanches disparaissent pas si vous voyez ce que je veux dire..


Dernière édition par alcantara le Sam 11 Juin 2011 - 20:47, édité 2 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 20:44

Vu, je dois encore modifier une autre partie qui n'a pas de couleur...

Pas simple car fonctionne normalement avec FF mais pas avec chrome.

J'y arrive en modifiant un template dans la partie qeel.
avec ceci
Code:
<tr><td class="row1" style="height:180px;"> </td></tr>

Il faut que je trouve la partie qui gêne Chrome et pas les autres navigateurs.

Vous pouvez remettre la version précédente du CSS.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 21:07

La version précédente? je met une vieille Wink
Ha la galère :S

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 21:30

Non celle du message précédent qui fonctionnait Wink

Code:
      u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
   }

    I{border-bottom:none; text-decoration: none    }

    a:hover{text-transform:uppercase;}

    .bodylinewidth {    width:70%}
   
   a.forumlink{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    background-color: #ffffff;
    border-bottom: 2px dotted #ffffff;
    color:#000;
    font-family: Georgia;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: left;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    background-color: #ffffff;
    border-left: 9px solid ##ffffff;
    border-right: 9px solid ##ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }

    a:link {text-decoration: none;}
    a:hover{text-decoration: none !important;}
    a { text-decoration: none; }
    a:link { text-decoration: none; }
    a:hover { text-decoration: none; }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #1f1f1f;
    line-height: 125%;
    background-color; #F5DEB3;
    border: #1f1f1f;
    border-style: solid;
    border: 1px #1f1f1f dotted;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   }

    .code{
    font-family: Tahoma;
    font-size: 11px;
    color: #1f1f1f;
    background-color: #F5DEB3;
    border: #1f1f1f;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border: 1px #c4bfb5 dotted;
    -moz-border-radius:6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
   border-radius: 6px;
   }

    input,textarea, select {
   -moz-border-radius:9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
   border-radius: 9px;
    }


    a {font-variant: small-caps;}
   
   .forumline{
   border : 1px dashed #0A0A0A;
   -moz-border-radius:15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
   border-radius: 15px;
   background-color:#ffffff}
   }
   
   .bodyline {
   border: 10px solid #ffffff;
   background-color: #ffffff;
   -moz-border-radius:40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
   border-radius: 40px;
   }

    a.forumline{
        background-color: #ffffff;
        border: 5px #C5C5C5 solid;
        }

    a.mainmenu{
    text-decoration: none;
    color : #C5C5C5;
    }
    a.mainmenu:hover{
    text-decoration: none;
    border: 1px dotted #CDCDCD;
    color : #c1bbb3;
    }



    .milieu {width: 90%;
   margin: 0px;
   border: 1px solid #ffffff;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 5px;
   background-color:#F2EDDB}


    .statistiques    {
    border:0px;
    background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
    background-repeat: no-repeat;
    background-position: center;
    height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes    {
    background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
    border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    -webkit-border-radius: 5px;
   height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }



    /* .bodyline { border: 10px solid #ffffff; } */

    div.infobulle {
      position: relative;
      float: left;
    }

    div.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.infobulle:hover span {
    display: inline;
    position: absolute;
    top: Ypx;
    left: Xpx;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border: 1px solid #000000;
      }

    .titrefora {
      border-bottom: 4px inset #ddedf7;
        border-left:1px solid #ddedf7;
        border-right:1px solid #ddedf7;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        border-radius: 9px;
        width: 350px;
        padding: 2px; }

    .descrip { background-color: #ddedf7;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius: 8px;
    margin-right: 4px;
    display: block;
    height:75px;
    padding:4px;}

    .tablo{
    border-right:5px solid #ddedf7;
    width: 80%;}

    .ssfo{
    background-color: #ddedf7;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:4px;
    width: 180px;
    text-align: left;}


    tr.post span.gensmall { display: none; }


    .mainmenu{
    background: #ddedf7;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    font-family: Georgia, Verdana, Arial, serif;
    font-size: 11px;
    text-align: center;
    padding:0px;
    }

    div.infobulle {
      position: relative;
      float: left;
    }

    div.infobulle span {
      display: none; /* ceci masque l'infobulle */
    }
    div.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }
    div.infobulle:hover span {
    display: inline;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 2px;
    border: 1px solid #000000;
    }

a { text-decoration: none; }

/* .forumline {
        border : 1px dashed ##0A0A0A;
        } */
.titre_tableau        {
        font-variant: small-caps;
        background-image: url(image_de_fond.jpg);
        background-repeat: repeat-x; /*pour une répétition horizontale*/
        }

a {font-variant: small-caps;}

.postdetails.poster-profile a img {
      -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border: 3px solid #000000;
        }
.backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

.profil_contour        {
        border: 3px solid-black; /*La bordure*/
        background-color: color: rgb(48.30.24); /*Le fond*/
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
   }
        .tstaff{
        font-size:1em;
        }

        .thumbnail{
        position: relative;
        z-index: 0;
        }

        .thumbnail:hover{
        background-color: transparent;
        z-index: 50;
        }

        .thumbnail:hover span{
        visibility: visible;
        top: 50px;
        left: 25px; /*position where enlarged image should offset horizontally */
        width: 160px
        }

        table.bodylinewidth        {
        position: relative;
        top: -9px;
        }

        table.bodylinewidth        {
        position: relative;
        bottom: -9px;
        }

        a.infobulle {
          position: relative;
        }

        a.infobulle span {
          display: none;
        }
        a.infobulle:hover {
          background: none;
          z-index: 999;

        }
        a.infobulle:hover span {
          display: inline;
          position: absolute;

          white-space: nowrap;

          top: 10px;
          left: 2px;

          background: #333333;

          color: blue;
          padding: 6px;

     
          border: 10px radius blue;
          border-radius: 10px radius blue;
        }

        a:hover {
        text-decoration: none !important;
        }

        textarea, .textarea.post, input.post {
        -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
        }

        a { text-decoration: none; }

        .topiclist dl.icon {
        min-height: 50px;
        background-position: 2px 50%;
        }
        * html .topiclist dl.icon {
        height: 50px;
        }
        ul.topics dt,ul.topics dd.dterm {
        padding-left: 50px;
        }
        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 50px;
        }

        .haccordion li .hpanel{
        width: 100%; /*For users with JS disabled: Width of each content*/
        height: 206px;  /*For users with JS disabled: Height of each content*/
        }

        /*lien menu accordéon*/
        .lienadmin        {
        background-color: #440503;
        padding-bottom:6px;
        padding-top:6px;
        padding-left:5px;
        padding-right:5px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px 10px 0px 0px;
        }

        .lienadmin:hover        {
        color: #e7c02e;
        text-shadow: 1px 1px 1px #e7c02e;
        }

        .blablapa        {
        width: 350px;
        color : #e7c02e;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #440503;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        border-bottom:1px solid #e7c02e;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

        .Tadaga        {
        width: 350px;
        color : #3E57F7;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #440503;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #e7c02e;
        border-left:4px solid #e7c02e;
        border-top:1px solid #e7c02e;
        border-bottom:1px solid #e7c02e;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }


        .RP        {
        width: 350px;
        color : #224DCC;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #AFC1FA;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #16318A;
        border-left:4px solid #16318A;
        border-top:1px solid #16318A;
        border-bottom:1px solid #16318A;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

        .Naruto        {
        width: 350px;
        color : #9E9E9E;
        font-weight : bold;
        font-size: larger;
        letter-spacing : 3px;
        background-color: #FFFFFF;
        padding-bottom: 2px;
        padding-top:2px;
        border-right:4px solid #000000;
        border-left:4px solid #000000;
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:1em;
        }

        .thumbnail{
        position: relative;
        z-index: 0;
        }

        .thumbnail:hover{
        background-color: transparent;
        z-index: 50;
        }

        .thumbnail span        {
        position: absolute;
        background-color: #494747;
        padding: 5px;
        left: -1000px;
        border: 1px groove #F0BF5D;
        visibility: hidden;
        color: #FFFFFF;
        text-decoration: none;
        }

        .thumbnail span img{
        border: 1px groove;
        padding: 2px;
        }

        .thumbnail:hover span{
        visibility: visible;
        top: 50px;
        left: 25px; /*position where enlarged image should offset horizontally */
        width: 160px;
        }

        table.bodylinewidth        {
        position: relative;
        top: -9px;
        }

        table.bodylinewidth        {
        position: relative;
        bottom: -9px;
        }

        .infobulle {
          position: relative;
        }

        .infobulle span {
          display: none;
        }

        .infobulle:hover {
          background: none;
          z-index: 999;
        }

        .infobulle:hover span {
          display: inline;
          position: absolute;
          white-space: nowrap;
          top: 10px;
          left: 2px;
          background: #333333;
          color: blue;
          padding: 6px;
          border: 10px radius blue;
          border-radius: 10px radius blue;
        }

        textarea, .textarea.post, input.post {
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
    }

        a { text-decoration: none; }

        .topiclist dl.icon {
        min-height: 50px;
        background-position: 2px 50%;
        }

        * html .topiclist dl.icon {
        height: 50px;
        }

        ul.topics dt,ul.topics dd.dterm {
        padding-left: 50px;
        }

        ul.pmlist dt,ul.pmlist dd.dterm {
        padding-left: 50px;
        }

        .en_tete{
          width:700px;
          min-height:400px;
          height:auto;
          background-color:black;
          margin:auto;
          border:solid 0px #CCCCCC;
          }

   
         
            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none; /* ceci masque l'infobulle */
            }

            a.infobulle:hover {
              background: none; /* correction d'un bug IE */
              z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

            }

            a.infobulle:hover span {
              display: inline; /* ceci affiche l'infobulle */
              position: absolute;
              white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
              top: -300px; /* on positionne notre infobulle */
              left: 155px;
              background: #707070; /* arrière-plan de l'infobulle */
              color: black; /* texte dans l'infobulle */
              padding: 3px;
              /* bordures de votre infobulle*/
              border: 1px dotted black;
              border-left: 1px dotted black;
            }
       
          .complet{
        text-align:center;
        color:#FFFFFF;
        }

        .complet a{
        color:#FFFFFF;
        text-decoration:none;
        }

        .context{
        padding-left:20px;
        padding-right:20px;
        font-size:14px;
        }

        .titrebas{
        color: #66625A ;
        background-color:#6A939C;
        text-align: center;
        font-variant: small-caps;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:18px;
        margin-bottom:5px;
        }

        .bas{
        background-color:#6A939C;
        -moz-border-radius:10px;
      -webkit-border-radius: 10px;
        padding:5px;
        }
        .navig{
        margin-left:15px;
        margin-right:15px;
        margin-bottom:1px;
        background-color:#9C9393;
        display:block;
        border-left:5px solid #aeadad;
        border-right:5px solid #aeadad;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        }

        .navig:hover{
        border-left:5px solid #6A939C;
        border-right:5px solid #6A939C;
        }

        .textscroll{
        overflow:auto;
        width:290px;
        height: 90px;
        }

        .block{
        padding-bottom:20px;
        }

        .logo{
        padding-bottom:20px;
        }

        #bienvenue{
        color: #FFFFFF;
        background-color: #9C9393;
        text-align: center;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:20px;
        }

        .titre {
        color: #FFFFFF;
        background-color: #9C9393;
        text-align: center;
        font-variant: small-caps;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size:18px;
        }

        .top {
        border: 1px solid #FFFFFF;
        background-color: #ffffff;
        padding:1px;
        }

        a.imginfo {
        position: relative;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 0px #ffffff solid;
        padding-right:10px;
        }

        a.imginfo span {
        display: none;
        }

        a.imginfo:hover {
        background: none;
        z-index: 999;
        cursor: help;
        }

        a.imginfo:hover span {
        display: inline;
        position: absolute;
        white-space: nowrap;
        top: 10px;
        left: 20px;
        background: #ddedf7;
        color: #000000;
        padding: 2px;
        border: 2px solid #ffffff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

    .cadreavatar {
    width: 200px;
    height: 320px;
    -moz-border-radius:30px;
   -webkit-border-radius: 30px;
    border: 10px solid #ffffff; }
    /* TITRE CATEGORIE */
    .titrecat {
    text-align: center;
    padding-top: -15px;
    padding-bottom: 15px;
    display: block;
    width: 80%;
    border-top: 10px solid #B1DCED;
    border-right: 10px solid #B1DCED;
    border-left: 10px solid #B1DCED;
    background-color: #B1DCED;
    color: #FFF;
    -moz-border-radius-topleft: 60px;
    -moz-border-radius-topright: 60px;
    -webkit-border-top-left-radius: 60px;
    -webkit-border-top-right-radius: 60px;
   border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}

   .forumline td.row1{
   border-right:1px #ffffff solid;
   border-top:1px #ffffff solid;
   background-color:#ded7c6}
    /* FIN */

faites -vous une autre modification en ce moment car j'ai
ceci en haut de page ???

Code:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Dernière édition par ge80 le Sam 11 Juin 2011 - 21:42, édité 1 fois

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 21:38

J'ai remit celle que vous m'aviez dit de mettre dans votre dernier message Wink
Oui , dans le template overall_header , pour que la chatt box soit sur toutes les pages ; voilà le code:
Code:
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
  /* Definir le sens de direction en fonction du panneau admin */
  var tickerDirParam = "{switch_ticker.DIRECTION}";
  var slid_vert = false;
  var auto_dir  = 'next';
  var h_perso = parseInt({switch_ticker.HEIGHT});

  switch( tickerDirParam )
  {
      case 'top' :
        slid_vert = true;
        break;

      case 'left':
        break;

      case 'bottom':
        slid_vert = true;
        auto_dir  = 'prev';
        break;

      case 'right':
        auto_dir  = 'prev';
        break;

      default:
        slid_vert = true;
  }

  $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
        $('#fa_ticker_container').width(w_cont);

        /* Affichage de la liste */
        $('#fa_ticker_content').css('display','block');

        /* Calcul des dimensions du conteneur et des �l�ments */
        var width_max  = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});
        var height_max = h_perso;

        /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
        $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
              height_max = $(this).height();
            }
        } );

        /* Redimensionnement des �l�ments et des images trop larges */
        $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio      = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
        });

        /* Redimensionnement et centrage du conteneur en mode vertical */
        if (slid_vert)
        {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
        }

        /* Initialisation du caroussel */
        $('#fa_ticker_content').jcarousel({
              vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
              scroll: 1,
              size: {switch_ticker.SIZE},
              height_max: height_max,
              animation: {switch_ticker.SPEED}
          });
      }
      else
      {
          $('ul#fa_ticker_content li:not(:first)').css('display','none');
          $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
  });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
          var popupWidth = $("#login_popup").width();
          var mypopup = $("#login_popup");

          $("#login_popup").css({
              "left": windowWidth/2 - popupWidth/2
          });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->

  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
           

            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVASCRIPT}
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                   

                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                   

                    <span class="gen">{SITE_DESCRIPTION}
  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->
, sa me l'a fait aussi sur mon VRAI forum , quand j'ai apporter la modification ..

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 21:47

Essayer d'enlever cette modification car il ne faut pas ajouter un problème à un problème.

Vous mettrez la chatbox plus tard.

La CSS n'est plus chargée

Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
      }

        I{border-bottom:none; text-decoration: none    }

        a:hover{text-transform:uppercase;}

        .bodylinewidth {    width:70%}
 
      a.forumlink{
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        background-color: #ffffff;
        border-bottom: 2px dotted #ffffff;
        color:#oooooo;
        font-family: Georgia;
        font-size: 14px;
        font-weight: lighter;
        letter-spacing: 2px;
        display:block;
        text-align: left;
        }

        a.forumlink:hover, a.forumlink:hover:visited{
        background-color: #ffffff;
        border-left: 9px solid ##ffffff;
        border-right: 9px solid ##ffffff;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        a:link {text-decoration: none;}
        a:hover{text-decoration: none !important;}
        a { text-decoration: none; }
        a:link { text-decoration: none; }
        a:hover { text-decoration: none; }

        .quote{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        line-height: 125%;
        background-color; #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border: 1px #1f1f1f dotted;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        .code{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        background-color: #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border: 1px #c4bfb5 dotted;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        input,textarea, select {
      -moz-border-radius:9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;
        }


        a {font-variant: small-caps;}
 
 
      .bodyline {
      border: 10px #ffffff solid;
      -moz-border-radius:40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;
      }

        a.forumline{
            background-color: #ffffff;
            border: 5px #C5C5C5 solid;
            }

        a.mainmenu{
        text-decoration: none;
        color : #C5C5C5;
        }
        a.mainmenu:hover{
        text-decoration: none;
        border: 1px dotted #CDCDCD;
        color : #c1bbb3;
        }

        .forumline{
          -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            -khtml-border-radius: 7px;
            background-color: #ffffff;
            border: 3px #ffffff solid;
            }



        .milieu {width: 90%;
      margin: 0px;
      border: 1px solid #ffffff;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 5px;
      background-color:#F2EDDB}


        .statistiques    {
        border:0px;
        background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
        background-repeat: no-repeat;
        background-position: center;
        height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
        }

        .groupes    {
        background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
        border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
        -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */

        -webkit-border-radius: 5px;
      height:40px; /* HAUTEUR DES ENCADRES */
        padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
        padding-left:24px;
        padding-bottom:1px;
        font-size:13px; /*TAILLE ECRITURE */
        font-weight: bold; /* STYLE DE L'ECRITURE */
        text-align:center;
        text-decoration: none !important;
        }



        /* .bodyline { border: 10px solid #ffffff; } */

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: Ypx;
        left: Xpx;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
          }

        .titrefora {
          border-bottom: 4px inset #ddedf7;
            border-left:1px solid #ddedf7;
            border-right:1px solid #ddedf7;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            width: 350px;
            padding: 2px; }

        .descrip { background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius: 8px;
        margin-right: 4px;
        display: block;
        height:75px;
        padding:4px;}

        .tablo{
        border-right:5px solid #ddedf7;
        width: 80%;}

        .ssfo{
        background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        padding:4px;
        width: 180px;
        text-align: left;}


        tr.post span.gensmall { display: none; }


        .mainmenu{
        background: #ddedf7;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-radius:10px 10px 0px 0px;
        border-radius:10px 10px 0px 0px;
        font-family: Georgia, Verdana, Arial, serif;
        font-size: 11px;
        text-align: center;
        padding:0px;
        }

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
        }

    a { text-decoration: none; }

    /* .forumline {
            border : 1px dashed ##0A0A0A;
            } */
    .titre_tableau        {
            font-variant: small-caps;
            background-image: url(image_de_fond.jpg);
            background-repeat: repeat-x; /*pour une répétition horizontale*/
            }

    a {font-variant: small-caps;}

    .postdetails.poster-profile a img {
          -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border: 3px solid #000000;
            }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour        {
            border: 3px solid-black; /*La bordure*/
            background-color: color: rgb(48.30.24); /*Le fond*/
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
      }
            .tstaff{
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none;
            }
            a.infobulle:hover {
              background: none;
              z-index: 999;

            }
            a.infobulle:hover span {
              display: inline;
              position: absolute;

              white-space: nowrap;

              top: 10px;
              left: 2px;

              background: #333333;

              color: blue;
              padding: 6px;

   
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            a:hover {
            text-decoration: none !important;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
            }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }
            * html .topiclist dl.icon {
            height: 50px;
            }
            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }
            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .haccordion li .hpanel{
            width: 100%; /*For users with JS disabled: Width of each content*/
            height: 206px;  /*For users with JS disabled: Height of each content*/
            }

            /*lien menu accordéon*/
            .lienadmin        {
            background-color: #440503;
            padding-bottom:6px;
            padding-top:6px;
            padding-left:5px;
            padding-right:5px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px 10px 0px 0px;
            }

            .lienadmin:hover        {
            color: #e7c02e;
            text-shadow: 1px 1px 1px #e7c02e;
            }

            .blablapa        {
            width: 350px;
            color : #e7c02e;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Tadaga        {
            width: 350px;
            color : #3E57F7;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }


            .RP        {
            width: 350px;
            color : #224DCC;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #AFC1FA;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #16318A;
            border-left:4px solid #16318A;
            border-top:1px solid #16318A;
            border-bottom:1px solid #16318A;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Naruto        {
            width: 350px;
            color : #9E9E9E;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #FFFFFF;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #000000;
            border-left:4px solid #000000;
            border-top:1px solid #000000;
            border-bottom:1px solid #000000;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -moz-border-radius-bottomleft:10px;
            -moz-border-radius-bottomright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail span        {
            position: absolute;
            background-color: #494747;
            padding: 5px;
            left: -1000px;
            border: 1px groove #F0BF5D;
            visibility: hidden;
            color: #FFFFFF;
            text-decoration: none;
            }

            .thumbnail span img{
            border: 1px groove;
            padding: 2px;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px;
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            .infobulle {
              position: relative;
            }

            .infobulle span {
              display: none;
            }

            .infobulle:hover {
              background: none;
              z-index: 999;
            }

            .infobulle:hover span {
              display: inline;
              position: absolute;
              white-space: nowrap;
              top: 10px;
              left: 2px;
              background: #333333;
              color: blue;
              padding: 6px;
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
        }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }

            * html .topiclist dl.icon {
            height: 50px;
            }

            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }

            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .en_tete{
              width:700px;
              min-height:400px;
              height:auto;
              background-color:black;
              margin:auto;
              border:solid 0px #CCCCCC;
              }

 
       
                a.infobulle {
                  position: relative;
                }

                a.infobulle span {
                  display: none; /* ceci masque l'infobulle */
                }

                a.infobulle:hover {
                  background: none; /* correction d'un bug IE */
                  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

                }

                a.infobulle:hover span {
                  display: inline; /* ceci affiche l'infobulle */
                  position: absolute;
                  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
                  top: -300px; /* on positionne notre infobulle */
                  left: 155px;
                  background: #707070; /* arrière-plan de l'infobulle */
                  color: black; /* texte dans l'infobulle */
                  padding: 3px;
                  /* bordures de votre infobulle*/
                  border: 1px dotted black;
                  border-left: 1px dotted black;
                }
     
              .complet{
            text-align:center;
            color:#FFFFFF;
            }

            .complet a{
            color:#FFFFFF;
            text-decoration:none;
            }

            .context{
            padding-left:20px;
            padding-right:20px;
            font-size:14px;
            }

            .titrebas{
            color: #66625A ;
            background-color:#6A939C;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            margin-bottom:5px;
            }

            .bas{
            background-color:#6A939C;
            -moz-border-radius:10px;
          -webkit-border-radius: 10px;
            padding:5px;
            }
            .navig{
            margin-left:15px;
            margin-right:15px;
            margin-bottom:1px;
            background-color:#9C9393;
            display:block;
            border-left:5px solid #aeadad;
            border-right:5px solid #aeadad;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            }

            .navig:hover{
            border-left:5px solid #6A939C;
            border-right:5px solid #6A939C;
            }

            .textscroll{
            overflow:auto;
            width:290px;
            height: 90px;
            }

            .block{
            padding-bottom:20px;
            }

            .logo{
            padding-bottom:20px;
            }

            #bienvenue{
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:20px;
            }

            .titre {
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            }

            .top {
            border: 1px solid #FFFFFF;
            background-color: #ffffff;
            padding:1px;
            }

            a.imginfo {
            position: relative;
            color: #ffffff;
            text-decoration: none;
            border-bottom: 0px #ffffff solid;
            padding-right:10px;
            }

            a.imginfo span {
            display: none;
            }

            a.imginfo:hover {
            background: none;
            z-index: 999;
            cursor: help;
            }

            a.imginfo:hover span {
            display: inline;
            position: absolute;
            white-space: nowrap;
            top: 10px;
            left: 20px;
            background: #ddedf7;
            color: #000000;
            padding: 2px;
            border: 2px solid #ffffff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

        .cadreavatar {
        width: 200px;
        height: 320px;
        -moz-border-radius:30px;
      -webkit-border-radius: 30px;
        border: 10px solid #ffffff; }
        /* TITRE CATEGORIE */
        .titrecat {
        text-align: center;
        padding-top: -15px;
        padding-bottom: 15px;
        display: block;
        width: 80%;
        border-top: 10px solid #B1DCED;
        border-right: 10px solid #B1DCED;
        border-left: 10px solid #B1DCED;
        background-color: #B1DCED;
        color: #FFF;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-topright: 60px;
        -webkit-border-top-left-radius: 60px;
        -webkit-border-top-right-radius: 60px;
      border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: 12px;
        height: 30px;
        font-weight: bolder;}
        /* FIN */

Essayer pour voir si je retrouve votre CSS.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 21:48

Les lignes sont revenues mais le fond à disparus (a)
J'enlève le chatt Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 21:58

C'est revenu comme avant le blogue du chat...

Quel fond ?(celui du QEEL ( si oui c'est normal : je suis revenu en arrière)

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 21:59

& voilà , plus de chat.

Oui , je viens de remarquer sa.. [oui , pour le queel..] je n'est rien toucher pour ma parre..

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 22:05

Essayons cette version avec chrome.

Code:
u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
      }

        I{border-bottom:none; text-decoration: none    }

        a:hover{text-transform:uppercase;}

        .bodylinewidth {    width:70%}
 
      a.forumlink{
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        background-color: #ffffff;
        border-bottom: 2px dotted #ffffff;
        color:#oooooo;
        font-family: Georgia;
        font-size: 14px;
        font-weight: lighter;
        letter-spacing: 2px;
        display:block;
        text-align: left;
        }

        a.forumlink:hover, a.forumlink:hover:visited{
        background-color: #ffffff;
        border-left: 9px solid ##ffffff;
        border-right: 9px solid ##ffffff;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        a:link {text-decoration: none;}
        a:hover{text-decoration: none !important;}
        a { text-decoration: none; }
        a:link { text-decoration: none; }
        a:hover { text-decoration: none; }

        .quote{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        line-height: 125%;
        background-color; #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border: 1px #1f1f1f dotted;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        .code{
        font-family: Tahoma;
        font-size: 11px;
        color: #1f1f1f;
        background-color: #F5DEB3;
        border: #1f1f1f;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border: 1px #c4bfb5 dotted;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
      }

        input,textarea, select {
      -moz-border-radius:9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;
        }


        a {font-variant: small-caps;}
 
 
      .bodyline {
      border: 10px #ffffff solid;
      -moz-border-radius:40px;
        -webkit-border-radius: 40px;
        -khtml-border-radius: 40px;
      }

        a.forumline{
            background-color: #ffffff;
            border: 5px #C5C5C5 solid;
            }

        a.mainmenu{
        text-decoration: none;
        color : #C5C5C5;
        }
        a.mainmenu:hover{
        text-decoration: none;
        border: 1px dotted #CDCDCD;
        color : #c1bbb3;
        }

        .forumline{
          -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            -khtml-border-radius: 7px;
            /*background-color: #ffffff;*/
            border: 3px #ffffff solid;
              background-color:#ded7c6;
            }



        .milieu {width: 90%;
      margin: 0px;
      border: 1px solid #ffffff;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 5px;
      background-color:#F2EDDB}


        .statistiques    {
        border:0px;
        background-image: url("http://i67.servimg.com/u/f67/14/07/23/03/gtrfb10.png");
        background-repeat: no-repeat;
        background-position: center;
        height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
        }

        .groupes    {
        background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
        border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
        -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */

        -webkit-border-radius: 5px;
      height:40px; /* HAUTEUR DES ENCADRES */
        padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
        padding-left:24px;
        padding-bottom:1px;
        font-size:13px; /*TAILLE ECRITURE */
        font-weight: bold; /* STYLE DE L'ECRITURE */
        text-align:center;
        text-decoration: none !important;
        }



        /* .bodyline { border: 10px solid #ffffff; } */

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: Ypx;
        left: Xpx;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
          }

        .titrefora {
          border-bottom: 4px inset #ddedf7;
            border-left:1px solid #ddedf7;
            border-right:1px solid #ddedf7;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            width: 350px;
            padding: 2px; }

        .descrip { background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius: 8px;
        margin-right: 4px;
        display: block;
        height:75px;
        padding:4px;}

        .tablo{
        border-right:5px solid #ddedf7;
        width: 80%;}

        .ssfo{
        background-color: #ddedf7;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        padding:4px;
        width: 180px;
        text-align: left;}


        tr.post span.gensmall { display: none; }


        .mainmenu{
        background: #ddedf7;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-radius:10px 10px 0px 0px;
        border-radius:10px 10px 0px 0px;
        font-family: Georgia, Verdana, Arial, serif;
        font-size: 11px;
        text-align: center;
        padding:0px;
        }

        div.infobulle {
          position: relative;
          float: left;
        }

        div.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }
        div.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
        }
        div.infobulle:hover span {
        display: inline;
        position: absolute;
        top: 1px;
        left: 1px;
        background-color: #FFFFFF;
        color: #000000;
        padding: 2px;
        border: 1px solid #000000;
        }

    a { text-decoration: none; }

    /* .forumline {
            border : 1px dashed ##0A0A0A;
            } */
    .titre_tableau        {
            font-variant: small-caps;
            background-image: url(image_de_fond.jpg);
            background-repeat: repeat-x; /*pour une répétition horizontale*/
            }

    a {font-variant: small-caps;}

    .postdetails.poster-profile a img {
          -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border: 3px solid #000000;
            }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour        {
            border: 3px solid-black; /*La bordure*/
            background-color: color: rgb(48.30.24); /*Le fond*/
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
      }
            .tstaff{
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            a.infobulle {
              position: relative;
            }

            a.infobulle span {
              display: none;
            }
            a.infobulle:hover {
              background: none;
              z-index: 999;

            }
            a.infobulle:hover span {
              display: inline;
              position: absolute;

              white-space: nowrap;

              top: 10px;
              left: 2px;

              background: #333333;

              color: blue;
              padding: 6px;

   
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            a:hover {
            text-decoration: none !important;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
            }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }
            * html .topiclist dl.icon {
            height: 50px;
            }
            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }
            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .haccordion li .hpanel{
            width: 100%; /*For users with JS disabled: Width of each content*/
            height: 206px;  /*For users with JS disabled: Height of each content*/
            }

            /*lien menu accordéon*/
            .lienadmin        {
            background-color: #440503;
            padding-bottom:6px;
            padding-top:6px;
            padding-left:5px;
            padding-right:5px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px 10px 0px 0px;
            }

            .lienadmin:hover        {
            color: #e7c02e;
            text-shadow: 1px 1px 1px #e7c02e;
            }

            .blablapa        {
            width: 350px;
            color : #e7c02e;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Tadaga        {
            width: 350px;
            color : #3E57F7;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #440503;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #e7c02e;
            border-left:4px solid #e7c02e;
            border-top:1px solid #e7c02e;
            border-bottom:1px solid #e7c02e;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }


            .RP        {
            width: 350px;
            color : #224DCC;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #AFC1FA;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #16318A;
            border-left:4px solid #16318A;
            border-top:1px solid #16318A;
            border-bottom:1px solid #16318A;
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

            .Naruto        {
            width: 350px;
            color : #9E9E9E;
            font-weight : bold;
            font-size: larger;
            letter-spacing : 3px;
            background-color: #FFFFFF;
            padding-bottom: 2px;
            padding-top:2px;
            border-right:4px solid #000000;
            border-left:4px solid #000000;
            border-top:1px solid #000000;
            border-bottom:1px solid #000000;
            -moz-border-radius-topleft:10px;
            -moz-border-radius-topright:10px;
            -moz-border-radius-bottomleft:10px;
            -moz-border-radius-bottomright:10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:1em;
            }

            .thumbnail{
            position: relative;
            z-index: 0;
            }

            .thumbnail:hover{
            background-color: transparent;
            z-index: 50;
            }

            .thumbnail span        {
            position: absolute;
            background-color: #494747;
            padding: 5px;
            left: -1000px;
            border: 1px groove #F0BF5D;
            visibility: hidden;
            color: #FFFFFF;
            text-decoration: none;
            }

            .thumbnail span img{
            border: 1px groove;
            padding: 2px;
            }

            .thumbnail:hover span{
            visibility: visible;
            top: 50px;
            left: 25px; /*position where enlarged image should offset horizontally */
            width: 160px;
            }

            table.bodylinewidth        {
            position: relative;
            top: -9px;
            }

            table.bodylinewidth        {
            position: relative;
            bottom: -9px;
            }

            .infobulle {
              position: relative;
            }

            .infobulle span {
              display: none;
            }

            .infobulle:hover {
              background: none;
              z-index: 999;
            }

            .infobulle:hover span {
              display: inline;
              position: absolute;
              white-space: nowrap;
              top: 10px;
              left: 2px;
              background: #333333;
              color: blue;
              padding: 6px;
              border: 10px radius blue;
              border-radius: 10px radius blue;
            }

            textarea, .textarea.post, input.post {
            -moz-border-radius:10px;
            -webkit-border-radius: 10px;
        }

            a { text-decoration: none; }

            .topiclist dl.icon {
            min-height: 50px;
            background-position: 2px 50%;
            }

            * html .topiclist dl.icon {
            height: 50px;
            }

            ul.topics dt,ul.topics dd.dterm {
            padding-left: 50px;
            }

            ul.pmlist dt,ul.pmlist dd.dterm {
            padding-left: 50px;
            }

            .en_tete{
              width:700px;
              min-height:400px;
              height:auto;
              background-color:black;
              margin:auto;
              border:solid 0px #CCCCCC;
              }

 
       
                a.infobulle {
                  position: relative;
                }

                a.infobulle span {
                  display: none; /* ceci masque l'infobulle */
                }

                a.infobulle:hover {
                  background: none; /* correction d'un bug IE */
                  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

                }

                a.infobulle:hover span {
                  display: inline; /* ceci affiche l'infobulle */
                  position: absolute;
                  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
                  top: -300px; /* on positionne notre infobulle */
                  left: 155px;
                  background: #707070; /* arrière-plan de l'infobulle */
                  color: black; /* texte dans l'infobulle */
                  padding: 3px;
                  /* bordures de votre infobulle*/
                  border: 1px dotted black;
                  border-left: 1px dotted black;
                }
     
              .complet{
            text-align:center;
            color:#FFFFFF;
            }

            .complet a{
            color:#FFFFFF;
            text-decoration:none;
            }

            .context{
            padding-left:20px;
            padding-right:20px;
            font-size:14px;
            }

            .titrebas{
            color: #66625A ;
            background-color:#6A939C;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            margin-bottom:5px;
            }

            .bas{
            background-color:#6A939C;
            -moz-border-radius:10px;
          -webkit-border-radius: 10px;
            padding:5px;
            }
            .navig{
            margin-left:15px;
            margin-right:15px;
            margin-bottom:1px;
            background-color:#9C9393;
            display:block;
            border-left:5px solid #aeadad;
            border-right:5px solid #aeadad;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            }

            .navig:hover{
            border-left:5px solid #6A939C;
            border-right:5px solid #6A939C;
            }

            .textscroll{
            overflow:auto;
            width:290px;
            height: 90px;
            }

            .block{
            padding-bottom:20px;
            }

            .logo{
            padding-bottom:20px;
            }

            #bienvenue{
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:20px;
            }

            .titre {
            color: #FFFFFF;
            background-color: #9C9393;
            text-align: center;
            font-variant: small-caps;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            font-size:18px;
            }

            .top {
            border: 1px solid #FFFFFF;
            background-color: #ffffff;
            padding:1px;
            }

            a.imginfo {
            position: relative;
            color: #ffffff;
            text-decoration: none;
            border-bottom: 0px #ffffff solid;
            padding-right:10px;
            }

            a.imginfo span {
            display: none;
            }

            a.imginfo:hover {
            background: none;
            z-index: 999;
            cursor: help;
            }

            a.imginfo:hover span {
            display: inline;
            position: absolute;
            white-space: nowrap;
            top: 10px;
            left: 20px;
            background: #ddedf7;
            color: #000000;
            padding: 2px;
            border: 2px solid #ffffff;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            }

        .cadreavatar {
        width: 200px;
        height: 320px;
        -moz-border-radius:30px;
      -webkit-border-radius: 30px;
        border: 10px solid #ffffff; }
        /* TITRE CATEGORIE */
        .titrecat {
        text-align: center;
        padding-top: -15px;
        padding-bottom: 15px;
        display: block;
        width: 80%;
        border-top: 10px solid #B1DCED;
        border-right: 10px solid #B1DCED;
        border-left: 10px solid #B1DCED;
        background-color: #B1DCED;
        color: #FFF;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-topright: 60px;
        -webkit-border-top-left-radius: 60px;
        -webkit-border-top-right-radius: 60px;
      border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: 12px;
        height: 30px;
        font-weight: bolder;}
        /* FIN */
         .forumline td.row1{
   border-right:1px #ffffff solid;
   border-top:1px #ffffff solid;
   background-color:#ded7c6}

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Optimisation d'un forum..]

Message par Invité le Sam 11 Juin 2011 - 22:07

VIVE GE80 ♥
Sa marche♥ merci ♥

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Optimisation d'un forum..]

Message par ge80 le Sam 11 Juin 2011 - 22:11

Ce fut très lent. Désolé.

Vous aviez certainement quelques soucis avec la validation de votre CSS, il se faisait une fois sur deux.

Les dernières modifications pour faire focntionner chrome sont
Code:
.forumline td.row1{
  border-right:1px #ffffff solid;
  border-top:1px #ffffff solid;
  background-color:#ded7c6}

Le fond en couleur ded7c6 et changer les lignes dans les cellules.
La solution rapide était par les templates mais les solutions par CSS sont préférables.

Vous devez encore avoir des soucis dans votre css mais vous les découvrirez plus tard et vous re-ouvrirez un nouveau sujet.



ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Page 3 sur 3 Précédent  1, 2, 3

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