[Résolu] Tous les widgets à l'intérieur d'un widget ? Est-ce possible

[FANCH 56]

Rappel du premier message :

Bonjour

Actuellement j'ai tous mes widgets à gauche de mon forum.

Quand je parcours le forum avec la roulette, les widgets suivent le mouvement.

Y-a-t-il possibilité de regrouper TOUS les widgets à l'intérieur d'un widget, avec une barre de défilement latérale, et que ce widget unique, reste fixe et que le forum défile sans faire bouger le widget ?

Je sais c'est mal exprimé, mais l'idée est là !

[Invité]

Re,
logique car ton menu est plus large que le mien :
Dans:

Code:

 .widget-arrow
        {
        height: 40px;
        width: 137px;
        top:5px;
        right:200px;
        position:fixed;
        cursor: pointer;
        display:block;
        background: url(http://i46.servimg.com/u/f46/11/26/21/37/ouvrir10.jpg) no-repeat;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        }

Augmente la valeur de

Code:

right:200px;

par 300 pour voir le résultat

a++

[FANCH 56]

Merci

Là je viens de me mettre deux baffes.......................

Merci pour tout ce travail.

Je pense que tu devrais proposer cette astuce au staff.

Merci pour tout.

Cordialement

Fanch

[Invité]

Re,
le seul soucis est le positionnement du bouton qui reste fixe
il chevauche les forums quand on descend en bas de page .

Je pense pour corriger ce problème mettre le bouton à plat et de le positionner
à droite et de déplacer le corps des widgets de façon que le bouton se trouve au dessus:

Regarde en actualisant ton navigateur sur mon forum de test .

http://invision.bbactif.com/
Edit:
tu peux me donner de nouveau ta feuille de style stp?

a++

[FANCH 56]

J'ai aussi un problème de transparence, au niveau des noms de profil et des bouton an ligne. Pas très génant, mais je pense qu'on va m'en parler.



Mon CSS perso

Code:

        /* ***************** tous les widgets dans un widget ****** */
                #widget-arrows
        {
        height: 37px;
        position:fixed;
        }
        .widget-arrow
        {
        height: 40px;
        width: 137px;
        top:5px;
        right:393px;
        position:fixed;
        cursor: pointer;
        display:block;
        background: url(http://i46.servimg.com/u/f46/11/26/21/37/ouvrir10.jpg) no-repeat;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        }
        #content-container #content #left
        {
        position:fixed;
        display:block;
        top:0;
        right:0;
        height:100%;
        width:393px;
        overflow-y:scroll;
       
        }





/* *********Suppression de rechercher dans les forums****** */

        div.search-footer-box form#forum-search {
        display : none;
        }

/* ************DIMENSIONS RÉPONSE RAPIDE***************** */
.qreply {
   width:800px;
     height:50% !important;
     
}
   

/* ************ SPOILER *********************************************** */

dl.spoiler,dl.spoiler>dd{background:#494949 !important;color:#FFF;}


.spoiler {

    background-color: #60616B;

    }

.spoiler dt {

   border-bottom: 1px solid #494949 !important;

   background-color:#494949 !important;

   background:#494949 url(http://colsbleus.fr/cb/techno/oeil.gif) no-repeat !important;

   text-indent:1500px !important;

   font-size:0px;
 
   color:#60616B;
 

   height:25px !important;

   overflow: hidden !important;

   /*. img: max-width:500px;*/
   max-width:700px;
}

.spoiler dd {

   padding: 0px;
}



/* *************************DERNIER POST AVATAR************** */

                .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 45px;
          height: 35px;
          margin: 0 5px;
          border-radius: 00px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 150px;
          height: 100px;
        }

        /* ****************CACHE WIDGETS******** DÉSACTIVÉ
       
        #widget-arrows {
        height: 38px;
  position: fixed;
  bottom: 140px;

        }
        .widget-arrow {
        height: 137px;
        width: 40px;
        border-radius: 00px;
        float: left;
        cursor: pointer;
        background: #f5ebf7 url(http://colsbleus.fr/cb/techno/ouvrir5.jpg) no-repeat 0 0;
        }
        .widget-arrow.isright {
        float: right;
        }
        .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
        background-position: 0px 0px;
        }

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}

/* *****************COULEUR BOUTONS CGU *************** */

        #main-content a.cgu-buttons {
            color: red;
            padding: 3px 5px;
        }

/* ******************AVATAR SUR PORTAIL***** */

        .avatar img  {
        min-width : 110px;
        min-height : 80px;
     
        }

/* ***********suppression onglet avatar************** */

ul.privmsg a[href^="/profile?mode=editprofile&page_profil=avatars"] { visibility: hidden; font-size:1px; }


/* ********* OUI INVISIBLE POUR LA NEWS LETTER****************** */

input[name=hideonline] {
orma
display:none;
}

/* ************* suppression du oui pour Cacher sa présence en ligne ************* */

input[name=hideonline] {

   display:none;
}


/* ************ HAUTEUR ZONE DE SAISIE POSTS ET TAILLE DES POLICES ********************************* */
       
        #textarea_content iframe#text_editor_iframe, #text_editor_textarea {
       
          height:400px;
       
          font-size: 17px !important;
            font-family: Arial;
            line-height:21px;
    }

/* ************* TAILLE et CARACTÈRES DES POLICES DANS LES POSTS ********************************** */

.postbody {

   background-color:#ffffee;

   font-size:16px;
 
     font-family: Arial;
 
   line-height:21px;

   letter-spacing:normal;
}

/* ***************COULEUR D'ÉCRITURE DANS LES POSTS *************************** */

.post-container {
color: #000001;
}

/* ***********JUSTIFICATION DU TEXTE************* */
body {
        text-align: justify;
        }

/* ************** COULEURS DE FOND DES POSTS ****************************** */

tr.post .row1{

   background-color: #ffffdd;
}

.row1.browse-arrows {

   background-color: #ffffcc;
}

.row1.messaging.gensmall {

   background-color: #ffffff;
}
       
 /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

   max-height:50px;
}

/* ************* LIGNE SÉPARATION SIGNATURE **************************************** */

.signature {border-top: 4px solid #777777;
}

.post {

   border-bottom: 2px solid #cccccc;
}

/* ************* CENTRER LES SIGNATURES *********** */
.signature_div { text-align: center;
}

/* ************ MENU DÉROULANT********** */     

select.optionscolored{
            font-weight: bold;
            font-size: 16px;
            color: #EA0000
 
        }
          select.optionscolored option {
  font-size: 12px;
  font-weight: normal;
          color:BLUE;
        }

/* ************* effacement du texte du rang *********** */

.rang-hidden {visibility: hidden;}

/* ******************SCROLLING DES PROFILS ****************** */

        ul.profile_field_list
{ max-height: 200px; max-width :200px; overflow: auto;}


/* ************** CENTRAGE DES PHOTOS EN AGRANDISSEMENT AUTO **************** */

.resizebox {
  display: block;
  margin: auto;
  margin-bottom: -19px;
}

.resize_img {
  display: block;
  margin: auto;
}

/* *********************TITRES DES SUJETS EN GRAS**************** */

.topictitle {
 font-weight: bold;
}

/* *******************SÉLECTION DES CODES *********** */

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

/* **********iframe des news**************************** */

#bloc-news { max-height: 280px; overflow-y: auto; }
#bloc-news div.module.postbody { padding: 1px; width: auto; }

/* ************** COULEUR CASE RECHERCHER**************** */

input.search
{
background-color: #FEF601!important; /* couleur du fond */
color: #000000; /* couleur du texte */
}

/* *************** texte span qui clignote ******************** */

.clignote {
      text-decoration: blink;
}

/* *****************DÉCALAGE DU TEXTE DANS LES POSTS************* */

div.postbody {
padding:5px;
}

/* ***************** COULEUR BOUTONS RÉPONDRE ******************** */

.formbuttonrow .button {
    border: 1px solid white;
    font-size: 13px;
    background:red;
    color: #ffffff;
}

/* *************** COULEUR BOUTONS RÉPONSE RAPIDE ************ */


#quick_reply .button {
background: red;
border: 1px solid white;
color: white;
font-size:13px;
}



/* *********** INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO ************************** */

img {

   border-width: 0;

   padding-bottom: 10px;
}

/* ******************** DÉCALER LE BOUTON ALERTE ******************** */

.post-footer img {

   padding-right: 100px;

   float:right;
}

/* ************ SUPPRESSION DES TITRES DES CATÉGORIES **************** */

.maintitle.floated.clearfix {

   display:none;

   height: 30px;
 
}



/* ************ CENTRER TOUS LES TITRES DES WIDGETS ****************** */

div.module h3 {

   text-align: center;
}


/* ************ HAUTEUR DES CASES DE TITRES DES WIDGETS *************** */

.module .maintitle h3 {

   line-height: 20px;
}

/* ************* MARGE DES CASES DES TITRES DES WIDGETS ***************** */

.module h3 {

   margin-top:5px;
}

/* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

.module .maintitle {

  padding:1px;

  background-image: url('http://colsbleus.fr/cb/techno/rubanor3deux.jpg');
}


/* ************ COULEUR DE FOND DES WIDGETS ********************************* */

.module .box-content {

   background-color: #F0F0F0;
}

/* ************* COULEUR DES TITRES DES WIDGETS ******************************* */

.module .maintitle h3 {

   float: none;

   font-size: 1em;

   color: #19233C;
}




/* **********POSITION DE LA BOITE DE SMILEYS ************************** */

#smiley-box {

   float:right;
}

/* ************* ESPACEMENT DES SOUS FORUMS ***************************** */

.row2 p .gensmall {

   letter-spacing:1px;

   line-height:22px;
}

/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS  dans "Derniers sujets" *************** */
.box-content #comments_scroll_container a {

   text-transform:uppercase;

font-weight: bold;
}

/* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS ***************************** */
a.topictitle {

   text-transform:uppercase;

}

/* *******************1ère lettre en majuscule dans les titres des sujets********************************************************************************************************DÉSACTIVÉ

a.topictitle:first-letter {
  text-transform: uppercase;
}

/* ************** SUPPRESSION DU MOT FORUM DANS LES GATÉGORIES ************ */

table.ipbtable th.forum {

   color: #c5c7ca;

   height:10px;
}

/* ************ CHANGEMENT DE COULEUR SURVOL DES COLONNES ****************** */

/*--Topp TSF®--inVISION hover s-tabel-cell ---*/

table.ipbtable td:hover{

   background-color:#fffdd2;
}

.row1 .row2:hover{

   background-color:#fffdd2;
}

/* *********** DÉTERMINE LA TAILLE (ET LA POSITION) DE LA CASE PROFIL DANS LE PROFIL AVANCÉ *** */

#profile-advanced-right {

   float: right;

   margin:0px;

   width:240px;
}
 
/* ************ CHANGE LA COULEUR DE LA BARRE DE MODÉRATION ET PERMISSIONS **** */

.bar {

   background-color: #ddddcc;

}
 
 /* ************ CONTOUR BARRE DE NAVIGATION ********************************* */

.submenu {

   background: #trans;
}

/* ************ COULEUR DU MENU DÉROULANT DU PROFIL ************************** */
.popmenubutton-new-out a {

   width:230px;

   background-color: #dddd99;
}

/* ************ INTÉRIEUR DU MENU DÉROULANT DU PROFIL ************************* */
.popupmenu li {

   background-color:#ffffcc;

   font-style: italic;

}

/* ************ PROFIL ******************************************************** */
.box-content.profile {

   /*width:240px;*//*retrait*/

   background-color:#EFF0F3;

   font-style: italic;

            font-size: 12px;
}

/* ************ ALIGNER LES DÉTAILS DANS LE PROFIL DES POSTS ********************* */

.postprofile{
text-align: left;
}

/* ************* BORDURE DU PROFIL DANS LES POSTS ******************************* */

.postprofile {

   border:3px solid #8F9897 !important;

   float:right;

   margin-right: -14.6em;

   width:230px;
}

.popmenubutton-new-out a {

   background-color:#DDDD99;

   width:190px;
}

/* *************** CITER ********************************************************** */

blockquote {

   background-color: #ddddaa;

   border: 1px dotted #000;
}

blockquote {

   font-style: italic;

   color : #40411E;
}

/* *************** CODE *********************************************************** */
   
          .codebox dt { 
                background-color: #ffffee;
       
                }
                   
        .codebox dd {

        background-color: #EFE2AD;

        border: 1px dotted #000;

        white-space:normal;

        }
                   
                dl.codebox code {
                color: #40411E;
 
         
                }

/* *************** TEXTE ET CARACTÈRES ********************************************* */

a {

   text-decoration: none;
}

h3, .h3 {

   font-family: Arial;

   text-transform: uppercase;

   border-bottom: 1px solid #e3e5e8;

   margin-bottom: 3px;

   padding-bottom: 2px;

   font-size: 1.05em;

   color: #000000;

   margin-top: 20px;

}


/* ************** LIENS ********************************************************* */

a:link, a:visited, a:hover, a:active, a:focus {

   text-decoration: none;
}

a:visited {

   color: #770011;
}

a:hover {

   font-style:italic;
}

a:hover {

   text-decoration: none !important;
}

/* ************** DIVERS ****************************************************** */

.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {

   color:#000000;
}

.forumline {

   background-color:#242424;

   border:0px;
}

/* ************** BAS DE PAGE ************************************************* */

#gfooter {

   background-color:#666666;
}

a:hover {

   color:#000000;

   text-decoration:underline;

   background-color: #c5c7ca;
}


/* ************** CHANGE LA COULEUR DE LA BARRE SUJET SUIVANT SUJET PRÉCÉDENT *** */

.topic-footer {

   background-color: #aaaa99;

}


/* ************** ZONE DE SAISIE EMAIL FORMULAIRE ******************************* */

textarea.inputbox {

width: 800px;

font-size:15px;

background-color:#ffffff;
}




[Invité]

Re,

la transparence et seulement sur le survol :

supprimes tout le contenu de ta CSS car elle comporte les mêmes éléments sur les Widgets
Avec les modifications apportées:

Code:


            /* ***************** tous les widgets dans un widget ****** */
                    #widget-arrows
            {
            height: 37px;
            position:fixed;
            }
            .widget-arrow
            {
            height: 40px;
            width: 137px;
            top:5px;
            right:393px;
            position:fixed;
            cursor: pointer;
            display:block;
            background: url(http://i46.servimg.com/u/f46/11/26/21/37/ouvrir10.jpg) no-repeat;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            }
            #content-container #content #left
            {
            position:fixed;
            display:block;
            top:0;
            right:0;
            height:100%;
            width:393px;
            overflow-y:scroll;
         
            }





    /* *********Suppression de rechercher dans les forums****** */

            div.search-footer-box form#forum-search {
            display : none;
            }

    /* ************DIMENSIONS RÉPONSE RAPIDE***************** */
    .qreply {
      width:800px;
        height:50% !important;
       
    }
     

    /* ************ SPOILER *********************************************** */

    dl.spoiler,dl.spoiler>dd{background:#494949 !important;color:#FFF;}


    .spoiler {

        background-color: #60616B;

        }

    .spoiler dt {

      border-bottom: 1px solid #494949 !important;

      background-color:#494949 !important;

      background:#494949 url(http://colsbleus.fr/cb/techno/oeil.gif) no-repeat !important;

      text-indent:1500px !important;

      font-size:0px;
   
      color:#60616B;
   

      height:25px !important;

      overflow: hidden !important;

      /*. img: max-width:500px;*/
      max-width:700px;
    }

    .spoiler dd {

      padding: 0px;
    }



    /* *************************DERNIER POST AVATAR************** */

                    .mini_ava {
              float: left;
            }
            .mini_ava img {
              width: 45px;
              height: 35px;
              margin: 0 5px;
              border-radius: 00px;
              transition: all 2s;
              -moz-transition: all 2s;
              -webkit-transition: all 2s;
              -o-transition: all 2s;
            }
            .mini_ava img:hover
            {
              width: 150px;
              height: 100px;
            }

           

    /* Début - style pour vérification pseudo à l'inscription */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }

    /* *****************COULEUR BOUTONS CGU *************** */

            #main-content a.cgu-buttons {
                color: red;
                padding: 3px 5px;
            }

    /* ******************AVATAR SUR PORTAIL***** */

            .avatar img  {
            min-width : 110px;
            min-height : 80px;
       
            }

    /* ***********suppression onglet avatar************** */

    ul.privmsg a[href^="/profile?mode=editprofile&page_profil=avatars"] { visibility: hidden; font-size:1px; }


    /* ********* OUI INVISIBLE POUR LA NEWS LETTER****************** */

    input[name=hideonline] {
    orma
    display:none;
    }

    /* ************* suppression du oui pour Cacher sa présence en ligne ************* */

    input[name=hideonline] {

      display:none;
    }


    /* ************ HAUTEUR ZONE DE SAISIE POSTS ET TAILLE DES POLICES ********************************* */
         
            #textarea_content iframe#text_editor_iframe, #text_editor_textarea {
         
              height:400px;
         
              font-size: 17px !important;
                font-family: Arial;
                line-height:21px;
        }

    /* ************* TAILLE et CARACTÈRES DES POLICES DANS LES POSTS ********************************** */

    .postbody {

      background-color:#ffffee;

      font-size:16px;
   
        font-family: Arial;
   
      line-height:21px;

      letter-spacing:normal;
    }

    /* ***************COULEUR D'ÉCRITURE DANS LES POSTS *************************** */

    .post-container {
    color: #000001;
    }

    /* ***********JUSTIFICATION DU TEXTE************* */
    body {
            text-align: justify;
            }

    /* ************** COULEURS DE FOND DES POSTS ****************************** */

    tr.post .row1{

      background-color: #ffffdd;
    }

    .row1.browse-arrows {

      background-color: #ffffcc;
    }

    .row1.messaging.gensmall {

      background-color: #ffffff;
    }
         
    /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

    .signature_div img {

      max-height:50px;
    }

    /* ************* LIGNE SÉPARATION SIGNATURE **************************************** */

    .signature {border-top: 4px solid #777777;
    }

    .post {

      border-bottom: 2px solid #cccccc;
    }

    /* ************* CENTRER LES SIGNATURES *********** */
    .signature_div { text-align: center;
    }

    /* ************ MENU DÉROULANT********** */   

    select.optionscolored{
                font-weight: bold;
                font-size: 16px;
                color: #EA0000
   
            }
              select.optionscolored option {
      font-size: 12px;
      font-weight: normal;
              color:BLUE;
            }

    /* ************* effacement du texte du rang *********** */

    .rang-hidden {visibility: hidden;}

    /* ******************SCROLLING DES PROFILS ****************** */

            ul.profile_field_list
    { max-height: 200px; max-width :200px; overflow: auto;}


    /* ************** CENTRAGE DES PHOTOS EN AGRANDISSEMENT AUTO **************** */

    .resizebox {
      display: block;
      margin: auto;
      margin-bottom: -19px;
    }

    .resize_img {
      display: block;
      margin: auto;
    }

    /* *********************TITRES DES SUJETS EN GRAS**************** */

    .topictitle {
    font-weight: bold;
    }

    /* *******************SÉLECTION DES CODES *********** */

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

    /* **********iframe des news**************************** */

    #bloc-news { max-height: 280px; overflow-y: auto; }
    #bloc-news div.module.postbody { padding: 1px; width: auto; }

    /* ************** COULEUR CASE RECHERCHER**************** */

    input.search
    {
    background-color: #FEF601!important; /* couleur du fond */
    color: #000000; /* couleur du texte */
    }

    /* *************** texte span qui clignote ******************** */

    .clignote {
          text-decoration: blink;
    }

    /* *****************DÉCALAGE DU TEXTE DANS LES POSTS************* */

    div.postbody {
    padding:5px;
    }

    /* ***************** COULEUR BOUTONS RÉPONDRE ******************** */

    .formbuttonrow .button {
        border: 1px solid white;
        font-size: 13px;
        background:red;
        color: #ffffff;
    }

    /* *************** COULEUR BOUTONS RÉPONSE RAPIDE ************ */


    #quick_reply .button {
    background: red;
    border: 1px solid white;
    color: white;
    font-size:13px;
    }



    /* *********** INTERLIGNES ENTRE PHOTO AVATAR ET PSEUDO ************************** */

    img {

      border-width: 0;

      padding-bottom: 10px;
    }

    /* ******************** DÉCALER LE BOUTON ALERTE ******************** */

    .post-footer img {

      padding-right: 100px;

      float:right;
    }

    /* ************ SUPPRESSION DES TITRES DES CATÉGORIES **************** */

    .maintitle.floated.clearfix {

      display:none;

      height: 30px;
   
    }



    /* ************ CENTRER TOUS LES TITRES DES WIDGETS ****************** */

    div.module h3 {

      text-align: center;
    }


    /* ************ HAUTEUR DES CASES DE TITRES DES WIDGETS *************** */

    .module .maintitle h3 {

      line-height: 20px;
    }

    /* ************* MARGE DES CASES DES TITRES DES WIDGETS ***************** */

    .module h3 {

      margin-top:5px;
    }

    /* ************* CHANGER L'ENCART CONTENANT LE TITRE D'UN WIDGET ************** */

    .module .maintitle {

      padding:1px;

      background-image: url('http://colsbleus.fr/cb/techno/rubanor3deux.jpg');
    }


    /* ************ COULEUR DE FOND DES WIDGETS ********************************* */

    .module .box-content {

      background-color: #F0F0F0;
    }

    /* ************* COULEUR DES TITRES DES WIDGETS ******************************* */

    .module .maintitle h3 {

      float: none;

      font-size: 1em;

      color: #19233C;
    }




    /* **********POSITION DE LA BOITE DE SMILEYS ************************** */

    #smiley-box {

      float:right;
    }

    /* ************* ESPACEMENT DES SOUS FORUMS ***************************** */

    .row2 p .gensmall {

      letter-spacing:1px;

      line-height:22px;
    }

    /* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS  dans "Derniers sujets" *************** */
    .box-content #comments_scroll_container a {

      text-transform:uppercase;

    font-weight: bold;
    }

    /* ************* MISE EN MAJUSCULE AUTOMATIQUE DES TITRES DES SUJETS ***************************** */
    a.topictitle {

      text-transform:uppercase;

    }

    /* *******************1ère lettre en majuscule dans les titres des sujets********************************************************************************************************DÉSACTIVÉ

    a.topictitle:first-letter {
      text-transform: uppercase;
    }

    /* ************** SUPPRESSION DU MOT FORUM DANS LES GATÉGORIES ************ */

    table.ipbtable th.forum {

      color: #c5c7ca;

      height:10px;
    }

    /* ************ CHANGEMENT DE COULEUR SURVOL DES COLONNES ****************** */

    /*--Topp TSF--inVISION hover s-tabel-cell ---*/

    table.ipbtable td:hover{

      background-color:#fffdd2;
    }

    .row1 .row2:hover{

      background-color:#fffdd2;
    }

    /* *********** DÉTERMINE LA TAILLE (ET LA POSITION) DE LA CASE PROFIL DANS LE PROFIL AVANCÉ *** */

    #profile-advanced-right {

      float: right;

      margin:0px;

      width:240px;
    }
   
    /* ************ CHANGE LA COULEUR DE LA BARRE DE MODÉRATION ET PERMISSIONS **** */

    .bar {

      background-color: #ddddcc;

    }
   
    /* ************ CONTOUR BARRE DE NAVIGATION ********************************* */

    .submenu {

      background: #trans;
    }

    /* ************ COULEUR DU MENU DÉROULANT DU PROFIL ************************** */
    .popmenubutton-new-out a {

      width:230px;

      background-color: #dddd99;
    }

    /* ************ INTÉRIEUR DU MENU DÉROULANT DU PROFIL ************************* */
    .popupmenu li {

      background-color:#ffffcc;

      font-style: italic;

    }

    /* ************ PROFIL ******************************************************** */
    .box-content.profile {

      /*width:240px;*//*retrait*/

      background-color:#EFF0F3;

      font-style: italic;

                font-size: 12px;
    }

    /* ************ ALIGNER LES DÉTAILS DANS LE PROFIL DES POSTS ********************* */

    .postprofile{
    text-align: left;
    }

    /* ************* BORDURE DU PROFIL DANS LES POSTS ******************************* */

    .postprofile {

      border:3px solid #8F9897 !important;

      float:right;

      margin-right: -14.6em;

      width:230px;
    }

    .popmenubutton-new-out a {

      background-color:#DDDD99;

      width:190px;
    }

    /* *************** CITER ********************************************************** */

    blockquote {

      background-color: #ddddaa;

      border: 1px dotted #000;
    }

    blockquote {

      font-style: italic;

      color : #40411E;
    }

    /* *************** CODE *********************************************************** */
     
              .codebox dt {
                    background-color: #ffffee;
         
                    }
                     
            .codebox dd {

            background-color: #EFE2AD;

            border: 1px dotted #000;

            white-space:normal;

            }
                     
                    dl.codebox code {
                    color: #40411E;
   
           
                    }

    /* *************** TEXTE ET CARACTÈRES ********************************************* */

    a {

      text-decoration: none;
    }

    h3, .h3 {

      font-family: Arial;

      text-transform: uppercase;

      border-bottom: 1px solid #e3e5e8;

      margin-bottom: 3px;

      padding-bottom: 2px;

      font-size: 1.05em;

      color: #000000;

      margin-top: 20px;

    }


    /* ************** LIENS ********************************************************* */

    a:link, a:visited, a:hover, a:active, a:focus {

      text-decoration: none;
    }

    a:visited {

      color: #770011;
    }

    a:hover {

      font-style:italic;
    }

    a:hover {

      text-decoration: none !important;
    }

    /* ************** DIVERS ****************************************************** */

    .pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {

      color:#000000;
    }

    .forumline {

      background-color:#242424;

      border:0px;
    }

    /* ************** BAS DE PAGE ************************************************* */

    #gfooter {

      background-color:#666666;
    }

    a:hover {

      color:#000000;

      text-decoration:underline;

      background-color: #c5c7ca;
    }


    /* ************** CHANGE LA COULEUR DE LA BARRE SUJET SUIVANT SUJET PRÉCÉDENT *** */

    .topic-footer {

      background-color: #aaaa99;

    }


    /* ************** ZONE DE SAISIE EMAIL FORMULAIRE ******************************* */

    textarea.inputbox {

    width: 800px;

    font-size:15px;

    background-color:#ffffff;
    }





a++

[FANCH 56]

Il est bien horizontal, mais pas au-dessus (Firefox purgé)

[Invité]

;

appuie simultanément sur les touches Crtl + F5 pour actualiser

J'ai aussi un problème de transparence, au niveau des noms de profil et des bouton an ligne. Pas très génant, mais je pense qu'on va m'en parler.

Dépose ceci:

Code:

.module.borderwrap strong:hover {color:none;}

a++

[FANCH 56]

Aa temps pour moi! j'ai repris celui en mp et c'est bon.

Je vais voir pour remonter à coller le widget près su bouton

[Invité]

Aa temps pour moi! j'ai repris celui en mp et c'est bon.

Je vais voir pour remonter à coller le widget près su bouton

Re,
c'est ici Fanch

Code:

#content-container #content #left
{
position:fixed;
display:block;
top:60;
right:0;
height:100%;
width:393px;
overflow-y:scroll;

}

top:60;
passe à 50 .

a++

[FANCH 56]

J'ai toujours la transparence. J'ouvre le forum afin que tu vois.

Il faut aller dans les posts les pseudos et bouton en ligne

[Invité]

Re,
dans ta feuille style supprime ceci:
Tu attribues une couleur de fond au survol d'un lien .

Code:

a:hover
{
color:#000000;
text-decoration:underline;
background-color: #c5c7ca;
}


Pense à valider les modifications en cliquant sur le bouton "Valider"
a++

[FANCH 56]

Toujours la transparence

[Invité]

Re,
je ne vois pas de transparence dans les post FANCH .
Peux tu faire une capture de ce qui t'ennuie stp?
a++

[FANCH 56]

C'est dans les posts, les profils sont cachés derrière les widgets, et les pseudos apparaissent avec le bouton en ligne (quand en ligne)

[Invité]

Re,
le soucis vient de la largeur du forum FANCH
il faudrait le réduire car le script ne fait plus réellement sa fonction car
à l’origine il est censé déplacer le forum aujourd’hui ce n'est plus le cas .

Tu peux toujours ajouter ceci dans ta ccs:

Code:

#ipbwrapper {width:85%;float:left;}

augmente ou diminue la valeur 85%





a++

[FANCH 56]

Merci

De toutes façons pour lire les posts, il faut poussr le volet, donc pas de problème.

Je passe en résolu et te remercie.

Bon week end