Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

[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
avatar

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

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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 :
avatar

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
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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 -->
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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
avatar

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 ?
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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
avatar

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
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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.
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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 */
...
avatar

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 !

avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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 */
avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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..
avatar

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

avatar

ge80
Membre actif

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

http://tsi80.forumpro.eu
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