*RESOLU* Afficher/masquer les Widgets avec déplacement souris Gauche/ou droite

Page 1 sur 2 1, 2  Suivant

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

Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Lien forum: ici

j'utilise Google
forum en Invision
(Template Java css modifier)
Mon CSS et JS:

CSS 
Code:
/*script message remercie*/
#fa_thanks_message {
  color:#000000;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  background-color:#5A6B58;
  border:1px solid black;
  border-radius:6px;
  padding:6px;
  margin:6px;
}
/*Positionnemnt du bouton merci NE PAS TOUCHER LE DISPLAY NONE*/
ul.posting-icons li a[href*="thank"] img,ul.posting-icons li img[alt="Sujet déjà remercié"]{display:none;margin-top: 20px;}
/*Colorisation d un message remercie*/
.M14_PostThanK  .post-header{min-height: 47px;}
.M14_PostThanK  .post-entry,
.M14_PostThanK  .post-entry a,
.M14_PostThanK  .signature_div,
.M14_PostThanK  .signature_div a,
.M14_PostThanK  .postprofile ,
.M14_PostThanK  .user-info .label span,
.M14_PostThanK strong,.M14_PostThanK span
{color:#000000 !important;}



body
{
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;

}
div#logostrip #logo {
 display: block;
 margin: 0 0px;
                padding: 0.8em 0em 0em 0em;
 float: center;
 }
table.ipbtable tfoot td { background-color: #000000; background-image: url("https://i.servimg.com/u/f84/13/64/43/70/rr210.jpg");}
.box-content { border-bottom:10px  #000000; }

#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#navstrip li {
 float: left;
 margin: 0 5px;
 padding-left: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/fleche10.png') no-repeat left 50%;
 }
#navstrip li.begin {
 padding-left: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/fleche11.png') no-repeat left 50%;
 }
div.maintitle .expand,div.maintitle .contract {
 float: right;
 width: 10px;
 height: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/invisi11.png') no-repeat 50% 50%;
 cursor: pointer;
 }
div.maintitle .expand {
 background: url('https://i.servimg.com/u/f61/13/51/88/96/invisi10.png') no-repeat 50% 50%;
 }
.popmenubutton a {
 display: block;
 padding: 2px 16px 2px 8px;
 background-image: url('https://i.servimg.com/u/f61/13/51/88/96/fleche12.png');
 background-position: 97% 50%;
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 white-space: nowrap;
 text-decoration: none;
 }
div.maintitle {
 vertical-align: middle;
 padding: 8px 8px 8px 15px;
 background-image: url("https://i.servimg.com/u/f84/13/64/23/61/rr210.jpg");
 background-repeat: repeat-x;
 }
div.maintitle:hover {
                vertical-align: middle;
 padding: 8px 8px 8px 15px;
                background-image: url("https://i.servimg.com/u/f84/13/64/23/61/test_l10.jpg");
                background-repeat: repeat-x;
}
.row2 {
 background-color: #262626;
        background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.row2:hover {
background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}


.row1 {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.row1:hover {
background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.ipbform2 dl dd {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.ipbform2 dl dd:hover {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}








/*MODIFIER AJOUTER PAR Quad Daniel*/








/*mini avatar sur forum Quad Daniel*/

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;  
  }
      .sceditor-container iframe, .sceditor-container textarea {
    background-image: url("https://i.servimg.com/u/f39/16/47/45/04/transp10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#topicmenu-options.popmenubutton
{
margin-top: -07px;
}  


/*barre citer*/

blockquote cite {
background-color: #677E52
background-image: url(https://i.servimg.com/u/f38/16/47/45/04/t_new10.gif);
color: #002F2F;
min-height: 30px;
}

/*barre code*/

dl.codebox dt {
background-color: #6B0D0D;
background-image: url(https://i.servimg.com/u/f68/16/47/45/04/i_icon16.png);
color: #CC9900;
min-height: 25px;
}
    /*Placement du texte code selectionner le contenu*/
    .selectCode
    {
    float:right;
    margin-right:30px;
    cursor:pointer;
    }
div.cont_code { clear: right; }

dl.codebox dd {
background-color: #383636;
}

/*barre Spoiler*/

    dl.spoiler dt
    {
    background-color:#175732;
    /*l image du spoiler*/
    background-image:url(https://i.servimg.com/u/f68/16/47/45/04/21310.png);
    background-repeat:no-repeat;/*pas de répétition de l image*/
    background-position:right;/*on positionne l image a droite*/
    color:#AFAFAF;/*couleur du texte*/
min-height: 25px;
    }

/*barre Code Caché*/
/*Code box hide*/
dl.codebox.hidecode dd{background:#282828;color:white; }
/*barre Fond luminosité gris*/
/*Ombrage code spoiler hide*/
dl.codebox, dl.spoiler{box-shadow: 3px 3px 15px 5px #9E9E9E;}
/*FIN barre*/

/*correction sur les balises hide*/
dl.codebox.hidecode .codebox.contcode dt ,.codebox.hidecode dl.spoiler dt
{
display:block !important;
}
/*correction de l ascenceur*/
.codebox dd{word-wrap: break-word;}
/******espacer gauche et droite dans l affichage d un message******/
  
/*Correction des codesbox*/
dl.codebox , dl.spoiler,blockquote
{
margin:30px 60px !important;
}
    

/*FIN Correction des codesbox*/



  
        /*L apparence normale*/
        #search #keywords
        {
        transition-duration: 1s;
        width: 150px;
        }
        /*L apparence au clic*/
        #search #keywords:focus
        {
        width: 250px;
        }



/*DEBUT EFFET TOGGLE FAQ*/
    /*Les questions de la FAQ Modifier Daniel*/
    dd[onclick^="return"] a
    {
    color:#forum !important;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }

    /*Les reponses*/
    /*on depose un style pour l effet de transition en relation avec le script*/
    .M14_effet_Faq
    {
    position:fixed;/*on fixe le bloc*/
    left:45%;/*on le positionne a 45 pourcent de la gauche*/
    right:45%;/*on le positionne a 45 pourcent de la droite*/
    width:10%;/*il reste 10 pourcent pour la largeur*/
    top:10%;/*on le place a 10 pourcent du haut*/
    min-height:30px;/*on lui donne une largeur minimale*/
    height:auto;/*on demande une hauteur en automatique*/
    max-height:250px;/*on impose une hauteur maximale*/
    overflow-y:auto; /*on demande en cas dde depassement un scroll*/
    z-index:999;/*Au premier plan*/
    background-color:Black !important;/*couleur de fond*/
    -moz-opacity:0;/*Opacity a 0 navigateurs recents*/
    -khtml-opacity:0;
    -ms-filter:"alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter:alpha(opacity=0);
    opacity:0;
      /*on ajoute un entourage flou avec une couleur grise*/
      -moz-box-shadow: 0px 0px 30px 20px grey;
    -webkit-box-shadow: 0px 0px 30px 20px grey;
    -o-box-shadow: 0px 0px 30px 20px grey;
    box-shadow: 0px 0px 30px 20px grey;
      /*les bordures arrondies*/
      -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    /*La petite croix de fermeture*/
    .M14_Close_Faq
    {
    color:#ffff00;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    position:absolute;/*on demande une position bien definie*/
    top:10px;/*a 10px du haut*/
    left:98%;/*a 98 pourcent de la gauche*/
    cursor:pointer; /*on demande un style cursor*/
    }
    /*La cellule laissant apparaitre le contenu*/
    .M14_effet_Faq p
    {
    /*on demande un espace en haut 10px a droite 35px puis 5px en bas et a gauche*/
    /*le 35px est impose pour laisser la place au bouton de fermeture*/
    padding: 10px 35px 5px  5px !important;
      /*Apparence du texte et son placement*/
    color:grey;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    font-style:italic;/*on demande en style italic*/
    padding-right: 35px;/*on demande un espace de 35px a doite pour placer le bouton*/
    border:none !important;/*on supprime les bordures*/
    }


    /*Apparence des liens*/
    .M14_effet_Faq p a
    {
    color:orange;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }
    /*FIN EFFET TOGGLE FAQ*/


/*Effet loupe sur chaque message*/

    /*Le bouton pour l ouverture de la fenetre*/
    .M14_open_Body
    {
    width: 16px;
    height: 16px;
    right: 10px;
    float: right;
    cursor:pointer;
  margin-right: -17em;
    }
    /*Le bouton pour la fermeture de la fenetre*/
    .M14_close_Body
    {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor:pointer;
    }
    /*On place les transitions sur les messages*/
    .post-entry
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    /*La fenetre agrandie*/
    #M14_Effet_body.post-entry
    {
    /*On donne une position absolute*/
    position:absolute;
    /*On demande une marge a gauche et a droite pour la correction de la fenetre*/
    left:20%;
    right:20%;
    /*La couleur de fond*/
    background: #2B2E2A;
    /*La couleur de police*/
    color:forum;
    /*La taille de police*/
    font-size:14px;
    /*On donne un espace conséquent si besoin peut etre supprime*/
    padding: 20px 30px 10px 10px;
    /*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
      /*la couleur de bordure*/
    border:2px solid #339966;
      /*Les bordures arrondies sur la plupart des navigateurs*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
      /*On le place au premier plan*/
      z-index:999;
    }

/*FIN EFFET LOUPE*/

    

/*fond envoyer & Titre du sujet Vert*/

   input {
          color: #000000;
          background: #93ada6!important;
        }

/*FIN fond envoyer & Titre du sujet Vert*/
 

/*bouton 3D Prévisualiser envoyer*/

        input[name="preview"] ,input[name="post"]
        {background-color:#F5F5F5;background-image:url(https://i.servimg.com/u/f37/16/47/45/04/voirfi10.png);
          background-repeat:repeat-x;
          border:1px solid #C3E0F1;
          border-radius:2px;
          box-shadow:1px 1px 1px;
          color:#666!important;
          cursor:pointer;
          font-size:11px;
          font-weight:700;
          height:24px;
          line-height:18px;
          margin:5px 6px;
          padding:0 8px!important;
          text-align:center;
        }
        input[name="preview"]:hover ,input[name="post"]:hover
        {
        background-position:0 100%;
        border:1px solid #00ff00!important;
        box-shadow:1px 1px 5px!important;
        color:#00ff00!important;
        }

/*FIN bouton 3D Prévisualiser envoyer*/


/*image fond barre Toulbar*/

        #fa_toolbar, #fa_toolbar_hidden {background-image: url('https://i.servimg.com/u/f68/16/47/45/04/b21110.jpg');}

/*FIN image fond barre Toulbar*/


/*barre Toulbar Modifier*/

    /*Suppression de la recherche et du texte partager*/
    #fa_search, #fa_share_text{display:none !important;}


    #fa_M14_FA_Espace{width:30px !important;height:30px !important;}

/*Fond Couleur Notification et image poubelle*/
    #fa_right.notification > #fa_notifications{background-color: #578A5B !important;}
    #notif_list li a.delete{background:url(https://i.servimg.com/u/f68/11/26/21/37/poubel10.png)no-repeat !important;}

/*FIN barre Toulbar Modifier*/



/*Image Style barre verte bas sujet*/

      .post-footer
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/mainme13.png");
    background-position: top center;
    background-repeat: no-repeat;
    border-top : none !important;
    }

/*FIN Image Style barre verte bas sujet*/


/*Image Style barre verte haut sujet*/

    .post .post-header
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/back_t10.png");
    background-position: top center;
    background-repeat: repeat;
    }

/*FIN Image Style barre verte haut sujet*/



    /*Bouton vote reponse rapide*/

    a#M14_vote_Rap
    {
    position: absolute;
    width: 221px;
    height: 190px;
    margin-left: -50px;
    }

    /*Bouton vote repondre rapide*/

    a#M14_vote_btn
    {
    margin-top: -240px;
    float: right;
    }

/*FIN Bouton vote repondre rapide*/


/*Image et Cadre Vote*/


        #M14_vote_img
        {
        background:url(https://i.servimg.com/u/f58/16/47/45/04/cadre_12.png)no-repeat;
        width:200px;
        height:200px;
        margin-left: 320px;
        color:#578A5B !important;
        padding:80px 0;
        text-align: center;
        font-weight:bold;
    font-size:20px;
        }


    #M14_vote_img:before
    {
    content:"";
    position:absolute;
    background:url(https://i.servimg.com/u/f19/14/29/90/39/t508hv10.gif);
    height: 200px;
    width: 190px;
    margin-left: -320px;
    margin-top: -70px;
    }

/*FIN Image et Cadre Vote*/



/*Image de Fond Forum 100% sur la page*/

body {
    background-size: cover;
}

/*FIN Image de Fond Forum 100% sur la page*/




/*afficher ou masquer tous les champs du profil*/

.M14_Op_user-info , .M14_Close_user-info {cursor:pointer;}

/*FIN afficher ou masquer tous les champs du profil*/




/*Couleur bordure Infobulle en vert*/

.tooltipster-content{border:4px solid green;}
.tooltipster-arrow-top span{border-color :green !important;}

/*FIN Couleur bordure Infobulle en vert*/




/* INFO SUR LE PROFIL GLOBAL */

/* La popUp du profil*/
        #profcont-container {
            background:#b8fcbf !important;
            border:1px solid #CCC !important;
        }
         /*l avatar*/
        #userAVA img{
            position:absolute;
            top:73px;
            right:30px;
            height:50px;
            width:50px;
        }
         /*la barre des onglets*/
        .profile_popup_nav {
            background:#b8fcbf;
            margin:-4px -4px 10px -4px;
            padding:3px;
            padding-top:10px !important;
            height:auto;
            border-bottom:1px solid #CCC;
            -webkit-border-radius:5px 5px 0px 0px;
            -moz-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
        }
         /*Les onglets*/
        .propop_tab {
            color:green;
            text-shadow:1px 1px 0 #F5F5F5;
            cursor:pointer;
            -webkit-border-radius:4px 4px 0px 0px;
              -moz-border-radius:4px 4px 0px 0px;
                    border-radius:4px 4px 0px 0px;
            border:1px solid #CCC;
            border-bottom:none;
            -webkit-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
              -moz-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
                    box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
            background:#DDD;
            margin:0 2px;
            padding:3px;
        }
         /* Les onglets au survol*/
        .propop_tab:hover {
            position:relative;
            top:1px;
            color:#666;
            text-shadow:none;
            background-color:#EEE;
        }
         /*l onglet actif*/
        .propop_tab.activeTab {
            position:relative;
            top:1px;
            color:#666;
            text-shadow:none !important;
            background-color:#EEE !important;
        }
         /*La barre des contacts*/
        #profileLinks {
            background:#b8fcbf;
            display:block;
            padding:3px;
            margin:10px -4px -4px -4px;
            border-top:1px solid #CCC;
            -webkit-border-radius:0px 0px 5px 5px;
            -moz-border-radius:0px 0px 5px 5px;
            border-radius:0px 0px 5px 5px;
        }
#profileLinks a{color:black !important;text-ecoration:none !important;}
#profcont-container .maintitle{background-image:none !important;}
#profcont-container .maintitle,#profcont-container #userprofile{background-color:#b8fcbf;}
#profcont-container .maintitle h1,#profcont-container .maintitle h1 span{color:black !important;}

#profcont-container #profileLinks {color:black !important;}
/* FIN INFO SUR LE PROFIL GLOBAL */





/* Chatbox sur la toolbar */
    
     /*on place le bouton*/
    #fa_chat_button {

 right: 350px !important;
position: absolute !important;
color: #B7F58B !important;
font-size: 16px !important;
line-height: 30px !important;
text-decoration :none !important;
font-weight: bold;
cursor:pointer;
}

   #fa_chat_button:hover {
   color:yellow ! important;
   }

  /*La chatbox active*/
    #fa_chat {
   position:fixed;
   border: none;
   left:0px;
   right:0ox;
    }
    
  /* Fin de la Chatbox sur la toolbar */



  /* En Lien avec SCRIPT BOUTONS STAFF AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR */

.M14_TagModer a img{max-height: 25px;}


#M14_TagModer
{
margin-top: -36px;
position: absolute;
margin-left: -130px;

}

  /* FIN En Lien avec SCRIPT BOUTONS STAFF AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR */



/* SCRIPT Couleurs Fond sur légende info Rang */

/*on met la taille de police a zero pour masquer les accolades*/
#M14_legend{font-size:0px;}
/*on donne une apparence identique a tous les groupes */
#M14_legend a.gensmall[href^="/g"]
{
 
top:10px;
position: relative;
  font-size:12px !important;
  margin-left:5px;
  padding:4px 6px;
  color:white !important;
  text-decoration:none !important;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}
/* on donne une couleur de fond differente aus groupes*/
/*Bouton admin*/
#M14_legend a.gensmall[href^="/g1"]
{background:#02A30D;}
/*Bouton modo*/
#M14_legend a.gensmall[href^="/g3"]
{background:#44C748;}
/*Bouton membre elite*/
#M14_legend a.gensmall[href^="/g11"]
{background:#40826D;}

/*Bouton membre passionne*/
#M14_legend a.gensmall[href^="/g8"]
{background: #00A65B;}
/*Bouton membre*/
#M14_legend a.gensmall[href^="/g5"]
{background:#7fff7f;}

/*Bouton nouveau membre*/
#M14_legend a.gensmall[href^="/g4"]
{background:#11f0f0;}

/*Bouton nouveau sans post*/
#M14_legend a.gensmall[href^="/g6"]
{background:#0066ff;}

/*Bouton limite sur le forum*/
#M14_legend a.gensmall[href^="/g7"]
{background:#990888;}

/* Fin SCRIPT Couleurs Fond sur légende info Rang */




/* SCRIPT catégories à onglet Haut de façon automatique */

/*La barre des onglets*/
ul#tab.tab_container {
text-align: center;
background:#578A5B;/*couleur de fond*/
border-bottom:1px solid #CCC !important;
width:auto;
height: 30px;
  -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
/*Les onglets des categories*/
ul#tab.tab_container li{
display: inline-block !important;
background:#49704C;/*couleur de fond*/
margin-left: 5px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
    }
    /*Les liens des categories*/
    ul#tab.tab_container li a {
      text-decoration:none !important;
      color:#264428; /*couleur de police*/
      font-size:12px;
      font-weight:bold;
      font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;
      display:inline-block;
      padding:0 10px;
      height:30px;
      line-height:30px;
      transition: 200ms;
    }
ul#tab.tab_container li a:hover{color:#CFFC08 !important;}
/*L effet au survol des liens de categories*/
ul#tab.tab_container li
{
border-bottom:4px solid #;
}
ul#tab.tab_container li:hover
{
border-bottom:4px solid #CFFC08;
}

 
/*L onglet actif*/
ul#tab.tab_container li.tabs.active {
border-left: 4px solid #71be47; /*couleur onglet actif*/
border-right: 4px solid #71be47; /*couleur onglet actif*/
}

ul#tab.tab_container li.tabs.active a{color:#B7F58B !important;}

/* FIN SCRIPT catégories à onglet Haut de façon automatique */



/* SCRIPT centrage lien bas de page */
/*couleur du lien du PA*/
p.center strong a[href^="/admin"]{color:#578A5B!important;text-decoration:none !important;}
#gfooter .footer-links{width:100%;background-color: #262626;}
.centerer del{display: inline-block;}
/*les liens de bas de page*/
#gfooter,#gfooter a{color: #b7f58b !important;text-decoration:none !important;}
/*La partie cliquable*/

.M14_Footer{background-color: #262626;text-align: center;cursor:pointer;color: #b7f58b;line-height: 25px;height: 25px;}
.M14_Footer span img{margin-top: 2px;}
/*La partie infobulle date et heure*/
.M14_Footer span{float: right;margin-right: 10px;cursor:pointer;}
.centerer.footer-links{display:none;float:none !important;width:94%;}
#gfooter {height: 100px;width: 69%;margin:auto;}
/* FIN SCRIPT centrage lien bas de page */

JavaScript (Sur toutes les pages) 
Code:
// SCRIPT CONCERNANT Boutons Editeur sujet et réponse rapide (Voté,top site, faq & règlement)

$(function(){
    $(function(){    
    $('<a class="sceditor-button" unselectable="on" title="A voté pour le forum Quad Salvetain">
    <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/quad_v15.jpg)">Bouton vote</div></a>').insertBefore('.sceditor-button-bold').click(function(){
    $('#text_editor_textarea').sceditor("instance").insert(' \n
    <div id="M14_vote_img"title="Nombre de vote pour le forum">[b] Déposez le numéro ici [/b]</div>');
    });  
    })});



$(function(){
$(function(){  
$('<a class="sceditor-button"href="http://www.annuaire-quad.fr/quad-salvetain-s-5143.html" unselectable="on" title="Lien direct Vote-Top site"target="_blank"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/quad_t10.jpg)">Lien direct Vote-Top site</div></a>').insertBefore('.sceditor-button-bold');
        })});



        $(function(){
            $(function(){  
            $('<a class="sceditor-button" unselectable="on" title="Écriture Lien Aide Faq">
            <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/icons-13.jpg)">Écriture Lien Aide Faq</div></a>').insertBefore('.sceditor-button-bold').click(function(){
            $('#text_editor_textarea').sceditor("instance").insert(' \n
            <a href="https://www.quadsalvetain.com/faq">Lien Aide Faq du forum</div>');
            });
            })});



$(function(){
            $(function(){  
            $('<a class="sceditor-button" unselectable="on" title="Écriture Lien Règlement">
            <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/icons-11.png)">Écriture Lien Règlement</div></a>').insertBefore('.sceditor-button-bold').click(function(){
            $('#text_editor_textarea').sceditor("instance").insert(' \n
            <a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192">Lien Règlement</div>');
            });
            })});




// SCRIPT CONCERNANT Toulbar (barre Toulbar Modifier)

$(function() {
    var share = {

    text : _lang.Share,

    buttons : {
    /* DEFAULT SHARE BUTTONS */
    mail : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba28.png" />',
    title : 'Envoyer cette page à quelqu\'un'
    },
    M14_cherch_toolbar: {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba36.png" />',
    href : '/search',
    title : 'Recherche avancée'
    } ,

    FaceBoOk:
    {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba30.png" />',
    href : 'https://www.facebook.com/QuadSalvetain',
    title : 'Facebook',
    target : '_blank'
    } ,
    gp : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba29.png" />',
    href : 'https://plus.google.com/u/0/117701248821038158455',
    title : 'Google Plus',
    target : '_blank'
    },
    twitter : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba31.png" />',
    href : 'https://twitter.com/danielm31880',
    title : 'Twitter',
    target : '_blank'
    },
    copy_url : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba32.png" />',
    title : 'Copier l\'adresse BBCode (copie lien de page)',

    onclick : function(e) {
    prompt('Copiez l\'URL BBCode de cette page?', '[url=' + window.location.href + ']' + document.title + '[/url]');
    e.preventDefault();
    }
    },
    print : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba33.png" />',
    title : 'Imprimer cette page',
    onclick : function(e) {
    window.print();
    e.preventDefault();
    }
    },
    vote:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png" />',
    href : '/t3325-info-vote-quad-salvetain-fonctionnement#48350',
    title : 'Info et lien Vote du forum'
    } ,

    fb : {
    enable : false,
    title : 'Facebook'
    },



    rss : {
    enable : false,
    title : 'Flux  RSS'
    },

    /* START CUSTOM SHARE BUTTONS */

    /* extra share buttons */
    pinterest : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/pinter10.png" />',
    title : 'Pinterest',

    onclick : function(e) {
    var media = prompt('Vous êtes sur le point d\'épingler cette page. Partager une image?');

    if (media == null) return false;
    else if (media == '') media = $('meta[property="og:image"]').attr('content') || '';

    window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(window.location.href) + (media ? '&media=' + encodeURIComponent(media) : '') + '&description=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    tumblr : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
    title : 'Tumblr',

    onclick : function(e) {
    window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    reddit : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/reddit10.png" />',
    title : 'Reddit',
    onclick : function(e) {
    window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },
// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables',
       target : '_blank'
    } ,      
// SCRIPT CONCERNANT Espace entre bouton

    M14_FA_Espace:{
    enable :true
    },
// SCRIPT CONCERNAN bouton haut bas toulbar


    top : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba38.png" />',
    title : 'Haut de la page',
    href : '#top'
    },


    bottom : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba37.png" />',
    title : 'Bas de page',
    href : '#bottom'
    }

    /* END CUSTOM SHARE BUTTONS*/

    }
    },

    newList = document.createElement('SPAN'),
    fa_share,
    fa_share_text,
    existingNode,
    newNode,
    i, k;

    $(function() {
    fa_share = document.getElementById('fa_share');
    fa_share_text = document.getElementById('fa_share_text');
    if (!fa_share) return;

    // apply new share text
    if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';

    // redefine share buttons
    for (i in share.buttons) {
    existingNode = document.getElementById('fa_' + i);

    // modify exisiting share buttons
    if (existingNode) {
    if (share.buttons[i].enable) {
    for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
    newList.appendChild(existingNode);
    }
    else existingNode.parentNode.removeChild(existingNode);
    }

    // create a new share button
    else if (share.buttons[i].enable) {
    newNode = document.createElement('A');
    newNode.id = 'fa_' + i;

    for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
    if (!newNode.href) newNode.href = '#';

    newList.appendChild(newNode);
    }

    }

    fa_share.appendChild(newList);
    });
    });





// SCRIPT CONCERNANT FAQ quelque peu originale


if(location.pathname == '/faq')
    $(function(){
    //on donne une apparence aux titres de la FAQ
    $('dt.subtitle').css({"color":"grey","fontWeight":"bold","fontStyle":"italic","textAlign":"center"});
    //on donne une infobulle puis au clic...
    $('dd[onclick^="return"]').attr('title','Afficher/Masquer le contenu').click(function(){
    //on donne une class
    $(this).next().addClass('M14_effet_Faq');
    //on place le bouton de fermeture
    $('dd p').append('<span class="M14_Close_Faq"title="cliquez pour fermer">x</span>');
    //on donne l apparence reelle au bloc
    $(this).next().animate({
    //on positionne le bloc a  15% de la gauche
    left:'15%',
    //on positionne le bloc a  15% de la droite
    right:'15%',
    //on positionne le bloc a 45% du haut
    top:'45%' ,
    //on demande la difference en largeur 100 - 15 -15 = 70
    width:'70%' ,
    //on demande une opacity a 1
     opacity:'1'
    });
    //La fermeture
    $(' .M14_Close_Faq').click(function(){
    $('.M14_effet_Faq').fadeOut();
    });
    });});

// FIN SCRIPT CONCERNANT FAQ quelque peu originale




//  CONCERNANT infobulle originale sur les titres Texte

$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'fade',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
        
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
        
          parse = function() {
            titles = $('[title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
          };
        
          queue ? $(parse) : parse();
        });

//  FIN CONCERNANT infobulle originale sur les titres Texte







// SCRIPT CONCERNANT Info Global profil sur clic pseudo

$(function () {
          if (/\/u\d+/.test(location.pathname)) return;
        
          var wall = 0, // Onglet visiteur
          stats = 1, // Onglet statistiques
          attachments = 0, // Onglet fichiers joints
          friends = 1, // Onglet amis
          contact = 1, // Onglet contacts
          rpg = 0, // Onglet RPG
          close = 1, // Fermeture de la popUp
          avatar = 1; // Afficher l avatar
        
          var a=document.getElementsByTagName('A');
          for(i=0;i<a.length;i++)if(/\/u\d+/.test(a[i].href))a[i].className=a[i].className+' profilePopup';
          $('.profilePopup:has(img)').removeClass('profilePopup');
          
          var userWall='',userStats='',userAttachments='',userFriends='',userContact='',userRpg='',userClose='',guestView=true;
          if(wall==1)userWall='<span class="propop_tab" id="propop_vm">Messages des visiteurs</span>';if(stats==1)userStats='<span class="propop_tab" id="propop_stats">Statistiques</span>';if(attachments==1)userAttachments='<span class="propop_tab" id="propop_attach">Fichiers joints</span>';if(friends==1)userFriends='<span class="propop_tab" id="propop_friends">Ami(e)s</span>';if(contact==1)userContact='<span class="propop_tab" id="propop_contact">Contacts</span>';if(rpg==1)userRpg='<span class="propop_tab" id="propop_rpg">Feuille de personnage</span>';if(close==1)userClose='<span class="propop_tab" id="close_popup" style="float:right;margin-top:-4px;">Fermer</span>';
        
          $('.profilePopup').click(function(){
            var UID=$(this).attr('href'),UNM=$(this).text(),SEL='#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details',LOAD='<div class="profileLoading" style="text-align:center;font-weight:bold;font-size:18px;">Loading...</div>';
            $('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:url(https://i.servimg.com/u/f39/18/21/41/30/overla10.png);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#b8fcbf;border:1px solid #CCC;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;z-index:50;"><div class="profile_popup_nav">'+userWall+'<span class="propop_tab" id="propop_profile">Profil</span>'+userStats+userAttachments+userFriends+userContact+userRpg+userClose+'</div><a href="'+UID+'"><div id="userAVA"></div></a><div id="userprofile" style="height:400px;overflow-y:auto;">'+LOAD+'</div><span id="profileLinks"><a href="'+UID+'">Voir le Profil</a><span id="interactionLinks"> • <a href="/privmsg?mode=post&u='+UID.replace(/.*?\/u/,'')+'">Envoyer un MP</a><span style="float:right;"><a href="/profile?friend='+UNM.replace(/\s+/g,'+')+'&mode=editprofile&page_profil=friendsfoes">Ajouter aux amis</a></span></span></div>');
        
            $('#userprofile').load(UID+SEL,function(){if($('#profcont-container #username').length&&_userdata.user_id==-1){$(this).html('<div class="profileLoading" style="text-align:center;font-weight:bold;font-size:18px;">Sorry, guests cannot view the profiles! :(</div>');guestView=false}});
            $('#propop_profile').addClass('activeTab');
            if (avatar == 1) $('#userAVA').load(UID+' #profile-advanced-right .module:first div img:first, .forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img:first, dl.left-box.details:first dd img:first, .row1 b .gen:first img:first, .real_avatar img:first');
            loadPro('#propop_profile','');loadPro('#propop_vm','wall');loadPro('#propop_stats','stats');loadPro('#propop_friends','friends');loadPro('#propop_contact','contact');loadPro('#propop_rpg','rpg');loadPro('#propop_attach','attachments');
          
            if(wall==0)$('#vmLink').remove();
            if(!document.getElementById('logout'))$('#interactionLinks').remove();
            $('#profilefilter,#close_popup').click(function(){$('#profilefilter, #profcont-container').remove()});
            function loadPro(element, location){$(element).click(function(){if($(this).hasClass('activeTab')||guestView==false)return;$('#propop_profile,#propop_vm,#propop_stats,#propop_friends,#propop_contact,#propop_rpg,#propop_attach,#propop_close').removeClass('activeTab');$(this).addClass('activeTab');$('#userprofile').html(LOAD).load(UID+location+SEL)})}
            return false;
          });
        });

// FIN SCRIPT CONCERNANT Info Global profil sur clic pseudo




// SCRIPT BOUTONS STAFF AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR

$(function(){
if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
$(function(){
  $('.sceditor-group:last').after('<br /><div class="sceditor-group M14_groupe"></div>');
});            

      
$(function(){
    $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Nouveau membre vous présenter"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Nouveau membre vous présenter</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info17.png"/>');
        });})});
  
  $(function(){$(function(){
    $('<a class="sceditor-button" unselectable="on"title="Règles générales du forum">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Règles générales du forum</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info13.png"/>');
        });})});

    $(function(){$(function(){
    $('<a class="sceditor-button" unselectable="on"title="Edition balises">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Edition balises</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info18.png"/>');
        });})});

   $(function(){
    $(function(){
    $('<a class="sceditor-button" unselectable="on"title="le Sujet est-il Toujours d\'actualité"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">le Sujet est-il Toujours d\'actualité</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info12.png"/>');
        });})});

  $(function(){$(function(){
$('<a class="sceditor-button" unselectable="on"title="Votre Problème est il résolu"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Votre Problème est il résolu</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info16.png"/>');
        });})});

        $(function(){
    $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Votre Problème est il finalisé"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Votre Problème est il finalisé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info11.png"/>');
        });})});

          $(function(){
    $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Sans nouvelle de l\'auteur-Finalisé ou Abandonné"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sans nouvelle de l\'auteur-Finalisé ou Abandonné</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info13.png"/>');
        });})});
      
          $(function(){
    $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Sujet corbeillé"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet corbeillé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f55/16/47/45/04/z_info10.png"/>');
        });})});

  $(function(){  $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Sujet déplacé">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet déplacé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info21.png"/>');
        });})});

  $(function(){  $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Sujet clôturé">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet clôturé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f10/16/47/45/04/z_info10.png"/>');
        });})});

  $(function(){  $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Veuillez éditer dans le bon Post">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Veuillez éditer dans le bon Post</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info19.png"/>');
        });})});

        $(function(){
    $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Eviter les Doubles Post"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Eviter les Doubles Post</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info14.png"/>');
        });})});

  $(function(){  $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Ne pas citer">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Ne pas citer</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info15.png"/>');
        });})});

 $(function(){  $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Bouton vote aide">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Bouton vote aide</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f68/16/47/45/04/aprys_14.jpg"/><br />
<img src="https://i.servimg.com/u/f68/16/47/45/04/fdgd10.jpg"/>');
        });})});

 $(function(){  $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Bouton tag de moderation">
<div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/19/71/22/79/1121010.png);">Bouton tag de moderation</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
$('#text_editor_textarea').sceditor("instance").insertText('<table style="background:#95A595;width:80%;padding: 5px 0px 5px 5px;border: 5px solid #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><tbody><tr>
<td rowspan="2"style="width:150px;background-color:green;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-image:url(https://imgfast.net/users/1111/26/68/96/smiles/1460069482.png);background-repeat:no-repeat;background-position:top left;">
</td>
                                                          <td><div align="center"style="font-size: 18px; line-height: normal;color:green;font-weight:bold;">Staff du Forum Quad Salvetain</div><br/><br/>
<div align="center"style="background-color:white;color:#20aec8;font-size:15px;">\n\n
 MODIFIER ET RAJOUTER TEXTE ET IMAGE ICI \n\n
</div><br/>
<div class="M14_TagModer"align="center">
<div id="M14_TagModer"><img src="https://i.servimg.com/u/f58/11/26/21/37/quad_q12.png"/></div>
<a style="color:green !important;text-decoration:none !important;font-size: 13px;"href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192">Réglement   <img src="https://i.servimg.com/u/f39/16/47/45/04/link10.gif"title="Règlement"/></a>
<a style="color:green !important;text-decoration:none !important;font-size: 13px;margin-left:15px;"href="https://www.quadsalvetain.com/faq">Faq   <img src="https://i.servimg.com/u/f58/19/71/22/79/clique10.gif"title="La faq"/></a>
<a style="color:green !important;text-decoration:none !important;font-size: 13px;margin-left:15px;"href="https://www.quadsalvetain.com/t2112-aide-info-forum#20939">Aide &nbsp;<img src="https://i.servimg.com/u/f58/19/71/22/79/bouton10.gif"title="Aide"/></a>                                                                
</div>
</td>
</tr></tbody></table>');
        });})});

  });

// FIN SCRIPT BOUTONS STAFF AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR

pour tout autres code JS ou Template , je reste a votre disposition 
Bonjour;
est-il possible d'avoir la possibilité d'Afficher ou Masquer les Widgets avec un déplacement souris  à Gauche puis à droite 
"par exemple en mettant la souris sur le côté complètement a gauche avoir le Widget gauche qui s'affiche"
Cordialement


Dernière édition par Quad Daniel le Mer 5 Juil 2017 - 16:42, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
hum, tu ne préférerais pas au clic sur un des widgets ?

Car le hover (avec un déplacement souris à Gauche puis à droite ) pose quelques soucis



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Bonjour Philippe,
si trop de problèmes très dommage, je les vu ailleurs sur le forum d'un membre d'ici c'est bien et pratique, mais le jour ou j'ai voulu enlever les Widgets a peux peu râler les gars, car certain utilise beaucoup voir les "derniers sujets" ;
Si je leur sors qui faut à chaque fois cliqué vont vouloir le sortir donc il faut que cela reste pratique ou rapide à voir de mettre un bouton pas trop petit; et pas trop gros qui reste sympas !
ton avis, tu le laisserais comme cela le fofo ou a gauche pour ouverture ou avec bouton ?
amicalement
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Certains membres me demandent si l'on ne peut pas avoir le gauche droit, est-il possible de conserver les Widgets d'origine mettre le minimum ex à gauche: Derniers sujets 
et créer un style widget avec bouton ou l'on met les divers moins utilisé ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,

alors avec une position fixed, on arriver à quelque chose de concret clin oeil .
Essayes ceci Dan:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:
Code:
#main{margin-left:200px;}
#left,#right
{
position:fixed;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#left{left:-190px;}
#right{right:-190px;}
.M14_left{left:0px!important; }
.M14_Right{right:0px !important;}

Puis ce script:



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur toutes les pages.

Déposes ceci:
Code:

$(function(){
  $('#left').hover(function(){
  $(this).toggleClass('M14_left');
    $('#main').css('margin-left','200px');
  });
 $('#right').hover(function(){
  $(this).toggleClass('M14_Right');
 
  });
});


Penses a cliquer sur le bouton Valider




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Bonsoir Philippe
oui, cela ne fonctionne pas bien coté droit bloque un peut a cause barre coulissante et on ne le vois pas entier car est fixe des deux coté, je ne vois que le haut ?? avec bouton, il y a beaucoup de modif pour voir ou as-tu un lien que je puisse voir ?


en plus cela m'a modifié le portail ?


tu avais raison pas terrible désolé, avec le bouton ce serrai comme sur ton site ? avec les coté coulissant ?


Dernière édition par Quad Daniel le Lun 3 Juil 2017 - 22:09, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
tu avais raison pas terrible désolé, avec le bouton ce serrai comme sur ton site ? avec les coté coulissant ?

Oui ce serait bien mieux comme je te l'avais mentionnait plus haut Dan,
as tu une image pour l'ouverture et la fermeture ?

Edit, les widgets doivent être affichés ou masqués ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
pour image oui vais t'en passer deux 
quant tu dit (Edit, les widgets doivent être affichés ou masqués ?) tu parle a la connexion ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Non dès le départ Dan , enfin sur l'index clin oeil .
Actuellement ils sont affichés, veux tu désormais les cacher ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
oui les cachés je panse que cela est plus beau et forum moins charger

voilà les bouton j'ai fait au plus vite je les fignolerais 
Image boutons:




















Dernière édition par Quad Daniel le Lun 3 Juil 2017 - 22:00, édité 2 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ok merci Dan, tu auras ces boutons :





Beaucoup plus explicites clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum en fait il faudra revoir les bouton Dan,
tu peux tester ceci:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Code:
/*Les transitions*/
#left
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#M14_Open_Widgets,#M14_Close_Widgets{width: 220px;}
#M14_Close_Widgets{display:none;}
#left{margin-left:-210px;}

#left.M14_left{margin-left:0px; }
#M14_Open_Widgets img,#M14_Close_Widgets img{position: absolute;cursor:pointer;}
#M14_Open_Widgets img{margin-left: 190px;}
#M14_Close_Widgets img{margin-left: 190px;}




Pensez à valider les modifications en cliquant sur le bouton Valider




Puis le script:

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:
Code:

$(function(){
$('#left .module').first().before('
<div id="M14_Close_Widgets"title="Masquer les Widgets">
<img src="https://i.servimg.com/u/f11/16/47/45/04/i_icon13.png"/></div>
<div id="M14_Open_Widgets"title="Afficher les widgets">
<img src="https://i.servimg.com/u/f11/16/47/45/04/i_icon12.png"/></div>');

$('#M14_Open_Widgets').click(function(){
$(this).fadeOut();
$(this).prev().fadeIn();
$(this).closest('#left').toggleClass('M14_left');

});                             
$('#M14_Close_Widgets').click(function(){
$(this).fadeOut();
$(this).next().fadeIn();
$(this).closest('#left').toggleClass('M14_left');

});       
 });


Penses a cliquer sur le bouton Valider




Ensuite tous les widgets sur la droite doivent être déplacés dans la colonne de gauche Dan
car cette partie ne pourra pas être à l'identique clin oeil .




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
en fait, je t'avais passé les deux boutons pour le widget gauche et le widget droit du forum.
par-contre, on peut garder le forum stable au milieu, je ne souhaite pas qui grandisse ! quand on ferme les widgets.
par-contre il me manque cacher le widget a droite !
le bouton est changé a gauche de mon widjet
tu peut utilisé les trois boutons du haut ici
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,

j'ai reprit le bouton fermer les widgets présents sur ton fofo et les aient
déposé dans les deux colonnes.
La c.s.s et le script devront être dans l'intégralité remplacé Dan.



par-contre, on peut garder le forum stable au milieu, je ne souhaite pas qui grandisse ! quand on ferme les widgets.

Comme tu veux Dan , c'est toi le patron clin oeil
Dans la c.s.s ,tu auras ceci :
Code:

/*On garde le fofo au centre*/
#main{margin-left:205px;}


par-contre il me manque cacher le widget a droite !

pascontentGrrrrrr , tu n'as pas lu mon message précédent Dan :


Ensuite tous les widgets sur la droite doivent être déplacés dans la colonne de gauche Dan
car cette partie ne pourra pas être à l'identique


Mais je respecte ta décision Dan clin oeil .


Supprimes donc toute la c.s.s donnée et remplaces par celle-ci:
Code:

/*Les transitions*/
#left,#right
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*On donne une largeur aux quatre contenur d image*/
#M14_Open_Widgets,#M14_Close_Widgets,#M14_OpenR_Widgets,#M14_CloseR_Widgets{width: 220px;}
/*On cache les boutons masquer*/
#M14_Close_Widgets?#M14_CloseR_Widgets{display:none;}
/*on cache la colonne des widgets a gauche*/
#left{margin-left:-210px;}
/*on cache la colonne des widgets a droite*/
#right{margin-right:-210px;}
/*Au clic on affiche les Widgets a gauche relation script*/
#left.M14_left{margin-left:0px;}
/*Au clic on affiche les Widgets a droite relation script*/
#right.M14_right{margin-right:0px;}
/*on positionne les contenueurs*/
#M14_Open_Widgets img,#M14_Close_Widgets img,#M14_OpenR_Widgets img,#M14_CloseR_Widgets img{position: absolute;cursor:pointer;}
#M14_Open_Widgets img,#M14_Close_Widgets img{margin-left:200px;position: absolute;}
#M14_OpenR_Widgets img,#M14_CloseR_Widgets img{margin-left:-35px;position: absolute;}
/*On garde le fofo au centre*/
#main{margin-left:205px;}



Penses à valider les modifications en cliquant sur le bouton Valider


Remplaces ce script:
Code:

    $(function(){
    $('#left .module').first().before('
    <div id="M14_Close_Widgets"title="Masquer les Widgets">
    <img src="https://i.servimg.com/u/f11/16/47/45/04/i_icon13.png"/></div>
    <div id="M14_Open_Widgets"title="Afficher les widgets">
    <img src="https://i.servimg.com/u/f11/16/47/45/04/i_icon12.png"/></div>');

    $('#M14_Open_Widgets').click(function(){
    $(this).fadeOut();
    $(this).prev().fadeIn();
    $(this).closest('#left').toggleClass('M14_left');

    });                           
    $('#M14_Close_Widgets').click(function(){
    $(this).fadeOut();
    $(this).next().fadeIn();
    $(this).closest('#left').toggleClass('M14_left');

    });     
    });




Par celui-ci:
Code:

$(function(){
$('#left .module').first().before('
<div id="M14_Close_Widgets"title="Masquer les Widgets">
<img src="https://i11.servimg.com/u/f11/16/47/45/04/i_fold11.png"/></div>
<div id="M14_Open_Widgets"title="Afficher les widgets">
<img src="https://i.servimg.com/u/f11/16/47/45/04/i_fold10.png"/></div>');

$('#M14_Open_Widgets').click(function(){
$(this).fadeOut();
$(this).prev().fadeIn();
$(this).closest('#left').toggleClass('M14_left');

});                             
$('#M14_Close_Widgets').click(function(){
$(this).fadeOut();
$(this).next().fadeIn();
$(this).closest('#left').toggleClass('M14_left');
});

$('#right .module').first().before('
<div id="M14_CloseR_Widgets"title="Masquer les Widgets">
<img src="https://i11.servimg.com/u/f11/16/47/45/04/i_fold11.png"/></div>
<div id="M14_OpenR_Widgets"title="Afficher les widgets">
<img src="https://i.servimg.com/u/f11/16/47/45/04/i_fold12.png"/></div>'); 
$('#M14_OpenR_Widgets').click(function(){
$(this).fadeOut();
$(this).prev().fadeIn();
$(this).closest('#right').toggleClass('M14_right');

});                             
$('#M14_CloseR_Widgets').click(function(){
$(this).fadeOut();
$(this).next().fadeIn();
$(this).closest('#right').toggleClass('M14_right');
}); 
 

 });




Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript



Penses a cliquer sur le bouton Valider




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour; j'ai mis cela à la va-vite ;
je regarderai ce soir.
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour,
j'ai un petit problème, quand j'ouvre, mon forum, j'ai la barre coulissante en bas qui me fait venir le côté droit donc sur téléphone et tablette on voit en permanence le côté droit.
en image dessous:



Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
j'ai un petit problème, quand j'ouvre, mon forum, j'ai la barre coulissante en bas qui me fait venir le côté droit donc sur téléphone et tablette on voit en permanence le côté droit.


Hum quand on ne veut pas écouter le tit Milouze
pascontentGrrrrrr pascontentGrrrrrr pascontentGrrrrrr pascontentGrrrrrr et allez hop encore un tit coup de pascontentGrrrrrr mdr

Milouze14 a écrit:
Ensuite tous les widgets sur la droite doivent être déplacés dans la colonne de gauche Dan
car cette partie ne pourra pas être à l'identique clin oeil .




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
haaa! je l'avais vu le message chef, en revanche je n'avais pas vu le défaut du coulissant, on vient de me le faire remarquer
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ben moi je le savais Dan ,
voilà pourquoi je ne voulais pas mettre un bouton à droite clin oeil et basculer les widgets de droite dans la colonne de gauche impeccable



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Regardes ici Dan si tu veux garder les widgets à droite,
Il faudra par contre supprimer tout ce que l'on a mit en place mon ami clin oeil .

http://forum.forumactif.com/t290241-afficher-masquer-les-widgets-du-forum#2557882

Ton script pour la version Invision:
Code:

$(function() {
  var c = $("#left,#right"), d, e = function(a) {
    var a = a.direct ? 0 : 1E3, b = $(this).data("side");
    window.localStorage && localStorage[("none" == $("#" + b).css("display") ? "remove" : "set") + "Item"]("wid" + b, "1");
    $("#" + b).stop(!0, !0).animate({width:"toggle", height:"toggle", opacity:"toggle"}, a);
    $(this).toggleClass("isopened isclosed")
  };
  c.length && ($("#content-container").prepend(d = $('<div id="widget-arrows"><div style="clear:both"></div></div>')), c.each(function() {
    $(this).find("script").remove();
    var a = $(this).attr("id"), b = $('<div class="widget-arrow is' + a + ' isopened"></div>');
    "right" == a && $("#content").prepend($("#right").css("padding", "0 10px")).css("margin-right", 0);
    b.data("side", a).appendTo(d).click(e);
    window.localStorage && "1" == localStorage.getItem("wid" + a) && b.trigger({type:"click", direct:!0})
  }))
});

Puis la c.s.s:

Code:
#widget-arrows {
  height: 13px;
}
.widget-arrow {
  height: 13px;
  width: 16px;
  border-radius: 4px;
  float: left;
  cursor: pointer;
  background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
}
.widget-arrow.isright {
  float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
  background-position: 0 0;
}



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
J'ai même adapté la css avec les boutons que tu voulais:
Code:
#widget-arrows {
  height: 32px;
}
.widget-arrow {
  height: 32px;
  width: 30px;
  border-radius: 4px;
  float: left;
  cursor: pointer;

  background: url(https://i11.servimg.com/u/f11/11/26/21/37/img11.png)no-repeat 0 -32px;
}
.widget-arrow.isright {
  float: right;
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
  background-position: 0 0;
}





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonsoir Philippe; ça fonctionne par-contre j'ai le forum qui n'ai pas fixe au centre ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
C'est de l'animation Dan clin oeil ,
tu peux contrer en ajoutant ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

/*On garde le fofo au centre*/
#main{margin-left:205px;}
#main{margin-right:220px;}

Penses à valider les modifications en cliquant sur le bouton Valider



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
juste une question bête , pourquoi il n'y a pas la même côte de chaque coté ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
C'est dans la css de base Dan, il faut donc jouer avec impeccable



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
juste une chose , j'ai portail qui c'est mis réduit au centre ? est'il possible de conserver portail comme avant , lui plus grand au centre !
là avant le widget était au bord https://www.quadsalvetain.com/portal ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Dans le template portal_body
Affichage/Templates/Portail/portal_body

Tout en bas du template ajoutes ceci Dan:

Code:

<style>
  #main{margin-left:0px !important;}
  #main{margin-right:0px !important;}
</style>


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis Ajout





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
super tout fonctionne impec,
juste  peut-on mettre les distances identiques dans l'espace comme indiquées avec flèches et mettre le bouton(fermeture/ouverture au bord a droite qui est décalé et le mettre comme à gauche du widget.
 une dernière petite demande peut on avoir par défaut les widjets caché a l'ouverture forum ! et un admin me demande une fois le widjet ouvert par un membre est-il possible qui reste ouvert même si il clic accueil ou autre et qui se referme avec un temps déterminé exemple 10 mn ou autres temps
si pas possible aucun problème l'ami  tu t'ais déjà bien beaucoup menais pour moi.  clin oeil
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
j'ai effectué les actions suivantes dans ta feuille de style:

on decale le bouton de droite:
Code:

margin-right: 11px;/*on decale le bouton de 11px de la droite*/
et modifié celle-ci:
Code:

#main{margin-left:205px;}
#main{margin-right:215px;}
#content-container div#left{margin-right:5px;}
#content-container div#right{margin-left:-5px;}


une dernière petite demande peut on avoir par défaut les widjets caché a l'ouverture forum ! et un admin me demande une fois le widjet ouvert par un membre est-il possible qui reste ouvert même si il clic accueil ou autre et qui se referme avec un temps déterminé exemple 10 mn ou autres temps

çà fait 2 demandes çà mdr ,
nos car avec ce script il repère le choix de l'utilisateur et le mémorise.

Et pour le reste, c'est l'identique Dan, il mémorise le choix ,
ensuite on ne peut pas savoir si le membre a affiché ou masqué le widget,
donc difficile de savoir et a mettre en place.



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour,tu fait toujours du bon bouleau merci Philippe tu est un pro du code.
pour mes Widgets;  tu veux dire que l'on ne peut pas mettre les Widgets par défaut fermé comme je veux quand on ouvre le forum, et que les widgets se ferment seuls au bout de 15 minutes où une fois que le membre a déconnecté ? et que quand le membre revient sur le forum à l'accueil, il soit sans les Widgets ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom

tu veux dire que l'on ne peut pas mettre les Widgets par défaut fermé comme je veux quand on ouvre le forum,
et que les widgets se ferment seuls au bout de 15 minutes où une fois que le membre a déconnecté ? et que quand le membre revient sur le forum à l'accueil, il soit sans les Widgets ?

Faut comprendre ton message Dan,
en fait tu veux avoir les widgets cachés si déconnecté et affichés si connecté ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour Philippe, 
Non a la connexion a l'accueil par défaut quand on ouvre internet je veux que les Widgets soit fermé donc caché !

c'est pour cela que je tes donnés du travail en me mettant les liens catégories. voili, voilou; 
Mais comme j'ai des casses pied qui veulent les widgets, moi je souhaite qu'il prenne l’habitude sans, mais je ne souhaite pas les supprimer;
donc pour te résumer quand le membre se connecte avec les Widgets fermés et puis qu'il ouvre le ou les widjets, 
je souhaite juste que cela soit un temps déterminé, "je veux dire par-là qu'il reste ouverts un certain moment 15 minutes par exemple" , 
et qu'il revienne par défaut a fermeture ptderire  si possible  pasvuT


Dernière édition par Quad Daniel le Mer 5 Juil 2017 - 15:36, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ah non,ce ne sera pas possible Dan, le script n'est pas */* Censuré par le robot de l'administration*/*çu pour
cela mon ami pleure



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bon dommage, donc je vais le garder fermé, et il appuieront sur le bouton
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu ne peux pas le garder fermé Dan,
c'est le membre qui, suite a son choix:
Par exemple:

Si il clique sur le bouton du widget gauche pour l'afficher il restera ainsi jusqu'à ce qu'il vide son cache Dan.



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Page 1 sur 2 1, 2  Suivant

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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