[Optimisation d'un forum..]

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

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 - 16:54

si , index_box ; viewtopic_body & rpg_sheet_edit...

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 - 17:00

désolé , je n'avais pas vu l'édition et le changement de page Wink

un nouvel essai

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

    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;
   }
   /* mauvaise position  */

    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;
   }
   /* oubli  */
    .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-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


    a {font-variant: small-caps;}
    .forumline{-moz-border-radius:15px;}
    .bodyline {-moz-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 */
   
   
   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;
      }
   /* oubli */

    .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-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright: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-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .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 10px 10px 10px;
        border-radius: 10px 10px 10px 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;
        }

        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-#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;
    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;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:04

pas grave , donc , avec le nouvel essais certain arrondis prennent formes..
J'aimerais bien avoir les arrondis bleus pour les titres de catégories , sa serait sa qui passe en prioritaire.. breff ,un screen :

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 - 17:06

Donc il n'y a pas de souci avec les -webkit... on s'oriente vers un style mis en template.



Commençons par le template index_box
Veuillez, svp, donner le codage de ce template.


Non j'ai trouvé encore d'autres doublons dans votre CSS




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

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:07

et toc voilà le template:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="80%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="80%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
     
      <td class="row3 over" align="center" valign="middle" height="50" width="20%">
        <span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span><br/><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

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 - 17:10

Trop tard j'avais édité Wink

Essayer ce code CSS

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

    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;
   }
   /* mauvaise position  */

    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;
   }
   /* oubli  */
    .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-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


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

    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 */
   
   
   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;
      }
   /* oubli */

    .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-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright: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-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .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 10px 10px 10px;
        border-radius: 10px 10px 10px 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;
        }

        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-#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;
    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;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:12

Oulaa , il n'y à plus les bordures blanches assez épaisses et les bordures des catégories sont devenues plus mince.. sinon , rien..

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 - 17:18

La largeur sera réglée plus tard car pour l'instant c'est la problématique des arrondis sous Chrome Wink .
Vous avez des doublons dans votre CSS donc je dois tout relire.

essayer celui-ci en attendant 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;
   }
   /* mauvaise position */

    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;
   }
   /* mauvaise position  */

    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;
   }
   /* oubli  */
    .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-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


    a {font-variant: small-caps;}
   
   .forumline{-moz-border-radius:15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
   }
   
   .bodyline {
   -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 */
   
   
   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;
      }
   /* oubli */

    .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-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright: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-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .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 10px 10px 10px;
        border-radius: 10px 10px 10px 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;
        }

        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-#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;
    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;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

version en essai


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

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:20

toujours rien.. vous voulez mes autres templates?


édit , pour le moment , c'est le rectangle bleu qui me semble prioritaire..

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 - 17:24

j'avais encore édité Wink

Le rectangle bleu en haut ?

essayer ceci.
Code:
    u{border-bottom: 1px solid;border-color:#ded7c6;text-decoration: none;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
   }
   /* mauvaise position */

    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;
   }
   /* mauvaise position  */

    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;
   }
   /* oubli  */
    .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-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


    a {font-variant: small-caps;}
   
   .forumline{-moz-border-radius:15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
   }
   
   .bodyline {
   -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 */
   
   
   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;
      }
   /* oubli */

    .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-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright: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-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .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 10px 10px 10px;
        border-radius: 10px 10px 10px 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;
        }

        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-#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;
    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;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:25

je sais , j'ai vu l'édition , rien ne bouge.. oui , le rectangle bleu ou il y a marquer :
avant de commencer à jouer , il est en arrondis normalement..

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 - 17:29

Pour la partie bleue


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

    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;
   }
   /* mauvaise position  */

    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;
   }
   /* oubli  */
    .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-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    }


    a {font-variant: small-caps;}
   
   .forumline{-moz-border-radius:15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
   }
   
   .bodyline {
   -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 */
   
   
   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;
      }
   /* oubli */

    .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-bottomleft:15px;
        -moz-border-radius-bottomright:15px;
        -moz-border-radius-topleft:15px;
        -moz-border-radius-topright: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-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
   }
   /* mauvaise position */

        .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 10px 10px 10px;
        border-radius: 10px 10px 10px 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;
        }

        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-#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;
    margin-top: 12px;
    height: 30px;
    font-weight: bolder;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:30

YOUHOU !!! Ma partie bleue marche , c'est déjà sa xD
Bon , un grand pas , merci ♥
Vous relisez , que comptez vous faire?:f

edition : il y a même les bordures à coter des catégories il manque juste la grosse bordure jusqu’à la bannière Embarassed

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 - 17:36

Ce que je compte faire et de continuer l'aide.... Wink

Je vais repartir de votre premier css celui avant que vous ne le modifiez car je pense qu'il y a eu une erreur à ce niveau.

Donc je regarde les erreur éventuelles.


edition : il y a même les bordures à coter des catégories il manque juste la grosse bordure jusqu’à la bannière
Pouvez-vous faire une image des erreurs qui existent encore ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:38

Ok , merci Wink

Oui , voilà :
Il ne manque que la bordure il me semble.. j'ai mis le CSS que vous m'avez donnez pour la partie bleue

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 - 17:44

C'est avec Chrome ? et c'est bien le forum de test ?

Dans cec cas, c'est le rectangle externe ou votre bordure externe.... ?

J'ai du virer une propriétés... Wink

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 17:46

Oui avec chrome et a c'est le vrai forum Very Happy
La bordure qui part du haut de la bannière jusqu'au crédits de FA ; c'est elle.

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 - 18:02

J'ai encore trouvé d'autres erreurs de syntaxe

Essayons ceeci
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 {
   -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 */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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 - 18:03

Toujours pas la bordure..

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 - 18:10

Je ne vois pas le nouveau css (valider ???)

votre css et il manque les autres propiétés
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

http://photographie.forumgratuit.org/

encore d'autres erreurs un code couleur avec des ooo au lieu de 000 (zéro).

J'attends que votre css soit actualisé avec ceci.

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;
   }
   /* mauvaise position */
    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;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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:14

Oulala , gros problème ici : ici ..
voici la bordure que je veux voire réapparaître:
; sachant qu'elle est blanche [entourée de rouge pour vous montrez] , arrondie en haut à droite -gauche et en bas à droite-gauche..
Sachant que j'aimerais la voire apparaître sur ce code :
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 {
  -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 */
...

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:17

Pas de souci, j'enlève le fond blanc...

C'était un test pour attendre la modification !


ge80
+ Hyperactif +

Masculin
Messages : 16159
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:18

Wink Nikel alors.. Merci à vous 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 - 19:19

Voici sans le fond blanc.
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;
   }
   /* mauvaise position */
    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;
   }
   
   .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;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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:20

Non , ce que je voulais vous dire c'est que vous voyez le code pour la partie bleu? Celui la est le bon , je vous demandez juste d'ajouter la bordure blanche comme sur le screen s'il vous plaît..

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:27

Ah je n'ai pas compris donc je reviens en arrière et j'essaie de comprendre ce que vous voulez.

donc remettez la version d'avant 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:#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 {
      -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 */


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

ge80
+ Hyperactif +

Masculin
Messages : 16159
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:28

& voilà , il ne manque plus que la bordure blanche comme ici :
, sachant qu'elle est blanche [le rouge est juste fait pour vous montrez de quoi je parle ^^]

Edit : ne prenez en compte que la bordure sur l'image si dessus, sachant qu'elle est arrondie.. elle aussi..

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:31

Je ne vois pas le bon CSS, c'est une ancienne version qui est chargée

remettez celle-ci pour repartir sur un point intermédiaire.

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;
   }
   /* mauvaise position */
    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;
   }
   
   .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;}
    /* FIN */

ge80
+ Hyperactif +

Masculin
Messages : 16159
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:35

C'est normale que vous ne la voyez pas , elle n'est pas ici , enfin je veux dire vous l'avez pas postez.. Donc gardez ce code:
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 {
      -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 */
& rajoutez juste la bordure blanche à partir de CE code.. Voyez ce que je veux dire?:f utiliser juste le code envoyez ci dessus et rajoutez la bordure blanche..

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:41

Non ce que je veux dire c'est que la feuille css chargée ne correspond pas au code ci-dessus 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:#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 */

ce que je vois depuis un bon moment Wink


ge80
+ Hyperactif +

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

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

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

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