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

barre-verticale-des-messages-coupée

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

Résolu barre-verticale-des-messages-coupée

Message par Invité le Sam 23 Juil 2011 - 15:27

Bonjours,
Je fais appel à vous , car comme vous pouvez le voire ici. , la barre verticale qui coupe le profil des messages et "coupée".. Je ne sais pas comment remédié à ce problème , ce qu'il faut toucher..
Les champs "cliquez" et "masquez" sont présent pour la feuille de personnage.. J'ai fait des modifications à mon CSS & plusieurs templates..
J'aimerais donc résoudre se problème , pourriez vous me donnez un peux d'aide svp?
merci.


Dernière édition par alcantara le Dim 24 Juil 2011 - 13:51, édité 1 fois
avatar

Invité
Invité


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

Résolu Re: barre-verticale-des-messages-coupée

Message par Invité le Sam 23 Juil 2011 - 17:06

Bonjour,

Pourriez-vous nous donner votre CSS modifié et votre template viewtopic_body?

Cordialement.
avatar

Invité
Invité


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

Résolu Re: barre-verticale-des-messages-coupée

Message par Invité le Sam 23 Juil 2011 - 20:56

Désolée du retard Embarassed
Voilà le 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;
      }

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

        a:hover{text-transform:uppercase;}

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

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

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

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

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

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


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

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

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

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



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


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

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

        -webkit-border-radius: 5px;
      height:40px; /* HAUTEUR DES ENCADRES */
              font-size:13px; /*TAILLE ECRITURE */
        font-weight: bold; /* STYLE DE L'ECRITURE */
        text-align:center;
        text-decoration: none !important;
        }



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

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

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

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

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

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

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


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


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

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

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

    a { text-decoration: none; }

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

    a {font-variant: small-caps;}

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

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

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

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

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

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

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

            a.infobulle {
              position: relative;
            }

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

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

              white-space: nowrap;

              top: 10px;
              left: 2px;

              background: #333333;

              color: blue;
              padding: 6px;

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

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

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

            a { text-decoration: none; }

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

            .infobulle {
              position: relative;
            }

            .infobulle span {
              display: none;
            }

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

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

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

            a { text-decoration: none; }

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

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

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

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

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

 
     
                a.infobulle {
                  position: relative;
                }

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

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

                }

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

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

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

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

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

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

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

            .block{
            padding-bottom:20px;
            }

            .logo{
            padding-bottom:20px;
            }

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

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

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

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

            a.imginfo span {
            display: none;
            }

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

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

        .cadreavatar {
        width: 200px;
        height: 320px;
        -moz-border-radius:30px;
      -webkit-border-radius: 30px;
        border: 10px solid #ffffff; }
        /* TITRE CATEGORIE */
        .titrecat {
        text-align: center;
        padding-top: -15px;
        padding-bottom: 15px;
        display: block;
        width: 80%;
        border-top: 10px solid #B1DCED;
        border-right: 10px solid #B1DCED;
        border-left: 10px solid #B1DCED;
        background-color: #B1DCED;
        color: #FFF;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-topright: 60px;
        -webkit-border-top-left-radius: 60px;
        -webkit-border-top-right-radius: 60px;
      border-top-left-radius: 60px;
        border-top-right-radius: 60px;
        margin-top: 12px;
        height: 30px;
        font-weight: bolder;}
        /* FIN */
        .forumline td.row1{
  border-right:1px #ffffff solid;
  border-top:1px #ffffff solid;
  background-color:#ded7c6}
span.infoadmins {
  position: relative;
  text-decoration: none;
  margin: 3px 3px 3px 3px;
padding: 1px;
}
span.infoadmins span.bulle {
  display: none;
  font-size: 12px;
}
span.infoadmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;
}
span.infoadmins:hover span.bulle {
  display: inline;
  position: absolute;
  top: 0px;
  left: -48px;
  width: 160px;
  background-color: #48D1CC; border: 1px solid #AFEEEE; background-image: url();-moz-border-radius: 1px; text-align: center;
  margin: 3px 3px 3px 3px;
padding: 1px;
}.pagedaccueil {border:0px solid transparent;}
/*OPACITE IMAGE*/
img {
filter:alpha(opacity=90);
-moz-opacity:0.9;opacity:0.9;}

img:hover {
filter:alpha(opacity=90);
-moz-opacity:1;opacity: 1;}

#i_logo{
filter:alpha(opacity=90);
-moz-opacity:1;opacity: 1;}
& le template :
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
  _atc.cwait = 0;
  $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
        addthis_close();
      }
  });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
        <!-- BEGIN switch_fb_likebtn -->
        <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            <div onClick="this.firstChild.value=(this.firstChild.value=='CLIQUEZ')?'MASQUEZ':'CLIQUEZ';this.lastChild.style.display=(this.firstChild.value=='CLIQUEZ')?'none':'block';" style="text-align: center;"><input type="button" value="CLIQUEZ" style="width:LARGEURDEL'IMAGEpx; height:HAUTEURDEL'IMAGEpx;background-image: url('URLDEL'IMAGE');"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div>
        </span><br />
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                    <div>{postrow.displayed.MESSAGE}</div>

                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
avatar

Invité
Invité


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

Résolu Re: barre-verticale-des-messages-coupée

Message par Invité le Sam 23 Juil 2011 - 22:53

Bonsoir,

Le problème est dans la feuille CSS, essayez avec celle-ci:
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;
  text-decoration: none !important;}

.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{
  text-decoration: none;
  font-variant: small-caps;}
 
.quote{
  font-family: Tahoma;
  font-size: 11px;
  color: #1f1f1f;
  line-height: 125%;
  background-color; #F5DEB3;
  border: #1f1f1f;
  border-style: solid;
  border: 1px #1f1f1f dotted;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;}

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

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

textarea, .textarea.post, input.post {
  -moz-border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px; } 
 
.bodyline {
  border: 10px #ffffff solid;
  -moz-border-radius:40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;}

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

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

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

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

.post td.row2{
  border-right:1px #ffffff solid;
  border-top:1px #ffffff solid;
  background-color:#ded7c6;}

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

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

.groupes{
  background-color:#; /* FOND DES NOMS DE GROUPES */
  border: px # dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
  -moz-border-radius : px px px  px; /* ARRONDI DES CONTOURS */
  -webkit-border-radius: 5px;
  height:40px; /* HAUTEUR DES ENCADRES */
  font-size:13px; /*TAILLE ECRITURE */
  font-weight: bold; /* STYLE DE L'ECRITURE */
  text-align:center;
  text-decoration: none !important;}
       
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.infobulle {
  position: relative;}

a.infobulle span {
  display: none;}
 
a.infobulle:hover {
  background: none;
  z-index: 999;}
 
 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;}
   
.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;}

.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;}

.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;}
 
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;}

.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;}

.titre_tableau{
  font-variant: small-caps;
  background-image: url(image_de_fond.jpg);
  background-repeat: repeat-x; /*pour une répétition horizontale*/}


.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;}
 
table.bodylinewidth{
  position: relative;
  bottom: -9px;}

.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;}

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

.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;}

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

span.infoadmins {
  position: relative;
  text-decoration: none;
  margin: 3px 3px 3px 3px;
  padding: 1px;}
 
span.infoadmins span.bulle {
  display: none;
  font-size: 12px;}
 
span.infoadmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;}
 
span.infoadmins:hover span.bulle {
  display: inline;
  position: absolute;
  top: 0px;
  left: -48px;
  width: 160px;
  background-color: #48D1CC; border: 1px solid #AFEEEE; background-image: url();-moz-border-radius: 1px; text-align: center;
  margin: 3px 3px 3px 3px;
  padding: 1px;}

.pagedaccueil {border:0px solid transparent;}

/*OPACITE IMAGE*/
img {
  filter:alpha(opacity=90);
  -moz-opacity:0.9;opacity:0.9;}

img:hover {
  filter:alpha(opacity=90);
  -moz-opacity:1;opacity: 1;}

#i_logo{
  filter:alpha(opacity=90);
  -moz-opacity:1;opacity: 1;}

Cordialement.
avatar

Invité
Invité


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

Résolu Re: barre-verticale-des-messages-coupée

Message par Invité le Sam 23 Juil 2011 - 23:17

Quelques bouts sont revenus c'est déjà sa Smile Regardez par exemple ici. au deuxième message à gauche du bouton "profil" il manque un bout =/ Regardez aussi la ..
avatar

Invité
Invité


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

Résolu Re: barre-verticale-des-messages-coupée

Message par Invité le Dim 24 Juil 2011 - 0:45

On va tenter de voir le soucis différemment.
Dans Panneau d'admin' > Affichage > couleurs: Choisissez du blanc pour "Couleur du cadre des cellules" . Enregistrez.
Puis remplacez votre feuille CSS par celle-ci:
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;
  text-decoration: none !important;}

.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{
  text-decoration: none;
  font-variant: small-caps;}
 
.quote{
  font-family: Tahoma;
  font-size: 11px;
  color: #1f1f1f;
  line-height: 125%;
  background-color; #F5DEB3;
  border: #1f1f1f;
  border-style: solid;
  border: 1px #1f1f1f dotted;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;}

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

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

textarea, .textarea.post, input.post {
  -moz-border-radius:10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px; } 
 
.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:#; /* FOND DES NOMS DE GROUPES */
  border: px # dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
  -moz-border-radius : px px px  px; /* ARRONDI DES CONTOURS */
  -webkit-border-radius: 5px;
  height:40px; /* HAUTEUR DES ENCADRES */
  font-size:13px; /*TAILLE ECRITURE */
  font-weight: bold; /* STYLE DE L'ECRITURE */
  text-align:center;
  text-decoration: none !important;}
       
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.infobulle {
  position: relative;}

a.infobulle span {
  display: none;}
 
a.infobulle:hover {
  background: none;
  z-index: 999;}
 
 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;}
   
.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;}

.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;}

.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;}
 
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;}

.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;}

.titre_tableau{
  font-variant: small-caps;
  background-image: url(image_de_fond.jpg);
  background-repeat: repeat-x; /*pour une répétition horizontale*/}


.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;}
 
table.bodylinewidth{
  position: relative;
  bottom: -9px;}

.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;}

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

.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;}

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

span.infoadmins {
  position: relative;
  text-decoration: none;
  margin: 3px 3px 3px 3px;
  padding: 1px;}
 
span.infoadmins span.bulle {
  display: none;
  font-size: 12px;}
 
span.infoadmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;}
 
span.infoadmins:hover span.bulle {
  display: inline;
  position: absolute;
  top: 0px;
  left: -48px;
  width: 160px;
  background-color: #48D1CC; border: 1px solid #AFEEEE; background-image: url();-moz-border-radius: 1px; text-align: center;
  margin: 3px 3px 3px 3px;
  padding: 1px;}

.pagedaccueil {border:0px solid transparent;}

/*OPACITE IMAGE*/
img {
  filter:alpha(opacity=90);
  -moz-opacity:0.9;opacity:0.9;}

img:hover {
  filter:alpha(opacity=90);
  -moz-opacity:1;opacity: 1;}

#i_logo{
  filter:alpha(opacity=90);
  -moz-opacity:1;opacity: 1;}

Cordialement.
avatar

Invité
Invité


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

Résolu Re: barre-verticale-des-messages-coupée

Message par Invité le Dim 24 Juil 2011 - 13:51

Merci à vous , votre solution marche Wink
Je vous remercie.
avatar

Invité
Invité


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

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


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