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

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

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

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

Message par FANCH 56 le Lun 12 Nov 2012 - 10:53

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à !


Dernière édition par FANCH 56 le Sam 24 Nov 2012 - 13:40, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 8:24

Re,
logique car ton menu est plus large que le mien Wink :
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 Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 8:34

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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 8:46

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

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

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 8:54

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



FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 9:04

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 Wink
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 9:21

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


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 9:28

Very Happy Very Happy ;

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



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++



Dernière édition par Milouze14 le Sam 24 Nov 2012 - 9:29, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 9:29

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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 9:34

@FANCH 56 a écrit: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 Wink
Code:
#content-container #content #left
{
position:fixed;
display:block;
top:60;
right:0;
height:100%;
width:393px;
overflow-y:scroll;

}
top:60;
passe à 50 Very Happy .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 9:35

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


Dernière édition par FANCH 56 le Sam 24 Nov 2012 - 9:49, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 9:38

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

Code:
a:hover
{
color:#000000;
text-decoration:underline;
background-color: #c5c7ca;
}
Pense à valider les modifications en cliquant sur le bouton "Valider"
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 9:45

Toujours la transparence scratch

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 9:50

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 11:29

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)


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le Sam 24 Nov 2012 - 11:49

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

Tu peux toujours ajouter ceci dans ta ccs:
Code:
#ipbwrapper {width:85%;float:left;}

augmente ou diminue la valeur 85%





a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4561
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par FANCH 56 le Sam 24 Nov 2012 - 12: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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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

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