Problème avec le code [Sélectionner un code]

[Brookinette76]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 14/10/2019
Lien du forum : https://oth-foreverandever.forumsrpg.com/t901-fae-modele-de-fiche-de-presentation

Description du problème

Bonjour, j'ai mis un code en javascript sur mon forum afin de pouvoir sélectionner directement la totalité de nos codes. Voici le code utilisé

Modules > javascript > j'ai sélectionné ( sur les sujets )

Code:

function selectCode(e) {
        var doc = document
            , text = $(e).closest("dl").find(".cont_code,code").get(0)
            , range, selection
        ;
        if (doc.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            selection = window.getSelection();      
            range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
    };
    $(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">j'ai la flemme</span>')});

Voici notre feuille CSS :

Code:

/* NAVIGATION */
.navSIT {
position:absolute; top:45px; margin-left:-180px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:10px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block; margin-bottom:5px;
width:135px; padding:10px 5px; border-radius:40px;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
background:#477F82; color:white; /* MODIFIABLE */
opacity:0.8; transition:opacity .55s ease; -webkit-transition:opacity .55s ease;
}
/* COULEURS ALTERNATIVES */
.navSIT a.mainmenu:nth-of-type(even) {
background:rgb(255, 240, 245); color:grey; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
opacity:1;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:55px !important; left:175px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}



/**CATEGORIES**/

/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0;
width:800px; padding:15px 0; text-align:center;
background-image:url(https://img.lght.pics/lNse.png); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
display:inline-block; vertical-align:middle; margin:0;
font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Arial;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px; padding:25px 0 15px;
background: #edebe1; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:0 auto 10px; width:800px;
height:15px; background-image:url(https://img.lght.pics/lNse.png); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:10px;
width:750px; text-align:center; font-family:Arial;
}
/* BLOC POSITIONNEMENT FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:5px;
height:15px; padding:5px 0 5px 10px; overflow:hidden;
text-transform:uppercase; text-align:left; font-size:11px;
background-image:url(https://img.lght.pics/lNs3.md.png); /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a {
color: #5E2929 !important;  /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
margin:5px auto 0;
width:235px; height:90px; padding-top:5px; overflow:hidden;
text-align:center; line-height:0px; color:rgba(0,0,0,0);
background:white; /* MODIFIABLE */
}
.sfFRM:hover {
overflow-y:auto;
}
/* SOUS-FORUMS */
.sfFRM a {
display:block; margin:auto; margin-bottom:3px;
width:95%; padding-bottom:5px; border-bottom:1px solid;
text-transform:uppercase; text-align:left; font-size:10px; line-height:12px;
border-bottom-color:#191919; color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:190px; height:116px; padding:4px 5px 5px; overflow:hidden;
font-size:10px; text-align:justify; line-height:15px;
background:white; color:#191919; /* MODIFIABLE */
}
.descFRM:hover {
overflow-y:auto;
}
/* BLOC NOMBRE SUJETS & MESSAGE / DERNIER MESSAGE FORUM */
.lmsgFRM {
position:relative; z-index:3;
display:inline-block; vertical-align:top;
width:175px; height:118px; padding:7px 50px 0 10px; overflow:hidden;
text-align:left; font-size:09px; text-transform:uppercase; line-height:14px;
background:white ; color:#191919; /* MODIFIABLE */
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
margin-top:5px; width:60%; height:18px; padding:2px 5px 0 10px;
font-size:10px; text-transform:uppercase; text-align:left;
background:#5E2929; color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
margin-bottom:10px;
background:#5E2929; color:white; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black; /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
position:absolute; margin-left:160px; margin-top:-55px;
width:55px; height:100px; overflow:hidden;
  border: solid 1px black;
}
.avaFRM img {
height:100px;
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; margin-left:10px;
width:50px; height:125px;
}

/**FIN**/


/**menu vertical**/
div.vertical_nav {
background:#FFFFFF;
border:2px solid #d8d0d0;
border-radius: 15px 15px 15px 15px;
position:fixed;
top:50px;
left:0%;}

div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;}


/**fin menu vertical**/


#fa_toolbar, #fa_toolbar_hidden {background-color: #ebe3c0;}
  


.poster-profile img {max-width: 180px;}

/*-LISTE DES MEMBRES PAR ASHLING POUR EPICODE-*/
.lmback {text-align:center; font-family:arial; text-transform:lowercase; font-size:70px; letter-spacing:-6px; color:#787878; text-shadow:2px 2px 0px white;}
.lmfond {padding:5px; width:170px; background:white; box-shadow: 0px 0px 2px silver; float:left; margin:10px;}
.lmava {width:170px; height:272px; overflow:hidden;}
.lmava img {width:170px; height:272px;}
.lmimg {transition: all 600ms ease;}
.lmava:hover .lmimg {margin-top:-96px;}
.lmdet {width:160px; height:80px; background:#F0F0F0; padding:5px; border-top:6px solid #DFDFDF;}
.lmdetin {font-weight:bold; margin-top:6px; width:160px; border-bottom:1px solid #C5C5C5; text-transform:uppercase; font-size:10px; font-family:arial; color:#818181; text-shadow:1px 1px 0px white; padding:5px 0px 1px 0px;}
.lmnom {background:url(''https://img.lght.pics/lNs3.png''); margin-top:5px; box-shadow: 0px 0px 2px silver; padding:5px; width:160px;}
.lmnom a {text-shadow:1px 1px 0px white; font-family:arial; text-transform:lowercase; letter-spacing:-1px; font-size:18px;}
/*-FIN LISTE DES MEMBRES-*/

.fondprofil {
    background: #edebe1;
    border: 1px solid #c4e6dd;
    height: 944px;
    margin: 0 auto;
    padding: 5px;
    width: 720px;
    position: relative;
}
.entoureavatar {
    background: #edebe1;
    background-size: cover;
    border: 1px solid #c4e6dd;
    float: left;
    height: 360px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 220px;
}
  .entoureavatar:hover {
    border: 1px solid #edebe1;
    transition:all 800ms;
  }
.avatarprofil {
    background-image: url(http://via.placeholder.com/200x320);
    filter: grayscale(60%);
    height: 320px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 20px;
}
.avatarprofil img {
    height: 320px;
    width: 200px;
}
  .avatarprofil:hover {
    transition:all 800ms;
    filter:grayscale(0%);
  }
  .username {
    width:430px;
    height:100px;
    background: #c4e6dd;
    border: 1px solid #c4e6dd;
    margin-left:250px;
    transform:translateY(10px);
  }
.username strong {
    font-size: 17px;
}
  .triangleuh {
    background-image: url('https://zupimages.net/up/18/32/iqbj.png');
    background-position: center;
    background-size: cover;
    float: left;
    position:relative;
    left:0px;
    height: 100px;
    width: 200px;
}
.triangleuh::after {
    border-left: 120px solid transparent;
    border-top: 100px solid #c4e6dd;
    content: "";
    height: 0;
    margin-left: 80px;
    position: absolute;
    width: 0;
}
.adminPFIL {
    -webkit-transition: opacity .75s;
    margin-left: 250px;
    margin-top: 63px;
    opacity: 1;
}
.adminPFIL div {
    background: rgba(0,0,0,0.8);
    border: 1px solid #c4e6dd;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin-bottom: -28px;
    margin-top: -48px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 214px;
}
.adminPFIL div a {
    color: white;
}
#ktactPFIL {
    background-size: 100%;
    height: 50px;
    margin-left: 245px;
    margin-top: 93px;
    text-align: center;
    width: 440px;
}
.ktactPFIL {
    background: #c4e6dd;
    height: 40px;
    margin-left: 5px;
    margin-top: -45px;
    width: 430px;
}
.abtPFIL {
    font-size: 14px;
    height: 850px;
    margin-left: 250px;
    margin-top: 20px;
    width: 450px;
    overflow: auto;
}
.abtPFIL div span {
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
}
.abtPFIL .field_uneditable {
    display: inline-block;
}
#chatbox .cb-avatar>img, #chatbox .cb-avatar {
    width: 30 px;
    height: 30 px;
}
    
/****************************************************** FICHE PARTENAIRES ******************************************************/
/* CODE LIBRE SERVICE SIXE */
#sfpnav {
    /*couleur barre navig*/
    background-color: #FDF5E6;
    font-family: 'Arima Madurai', cursive;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2px;
}
#sfpnav a {
    /*couleur lien barre navig*/
    color: black;
}
#sfpnav a:hover {
    color: #6f8fb4;
}
#sfpnav ul {
    border-bottom: 5px solid #6f8fb4;
    /*couleur fond des liens navig*/
    background-color: #212121;
}
.sfpinfo {
    /*couleur bloc info*/
    background-color: #FDF5E6;
}
.sfpdet,
.sfpstat {
    color: #afafaf;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    font-family: arial;
}

.sfpcont {
    /*couleur bloc contexte*/
    background-color: #FFFFFF;
    color: #2f2f2f;
    font-size: 11px;
    line-height: 11px;
    font-family: arial;
    text-align: justify;
}
.sfpcont a {
    text-decoration: none;
    float: right;
    padding: 3px;
    color: #afafaf;
    /*couleur bouton en savoir plus*/
    background-color: #2f2f2f;
    border: 1px solid #afafaf;
    outline: 2px solid #2f2f2f;
}
.sfpcont a:hover{
    background: #6f8fb4;
    border: 1px solid #afafaf;
    outline: 2px solid #6f8fb4;
}
.sfpblocdark {
    /*couleur bloc scena*/
    background-color: #FDF5E6;
    color: #afafaf;
    font-size: 11px;
    line-height: 11px;
    font-family: arial;
    text-align: justify;
}
.sfpblocdark span {
    text-transform: uppercase;
    font-weight: bold;
    color: #6f8fb4;
}
.sfpblocdark::-webkit-scrollbar {
    width: 5px;
    background-color: #2f2f2f;
    border-right: 3px solid #2f2f2f;
}
.sfpblocdark::-webkit-scrollbar-thumb {
    background-color: #6f8fb4;
}
.sfpbloc {
    /*couleur bloc nouveautés*/
    background-color: #ffffff;
    color: black;
    font-size: 11px;
    line-height: 11px;
    font-family: arial;
    text-align: justify;
}
.sfpfoot {
    /*couleur barre footer*/
    background-color: #212121;
    color: #afafaf;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 6px;
    font-family: arial;
    text-align: center;
}
/****************************************************** FIN FICHE PARTENAIRES ******************************************************/


 
 
.nomduqui{
margin:auto;
margin-top:10px;  
text-align:center;
font-family : Lobster;
font-size : 38px;
letter-spacing : 3px;
color : #c17676;
text-shadow: 2px 2px 2px #ffffff, -2px -2px 2px white;}

.nomdugroupe{
border-top-left-radius: 250px 100px;
border-top-right-radius: 250px 100px;  
margin:auto !important;
box-sizing : border-box;
padding : 5px;
color : #ffdaa8;  
margin : 4px;  
background:#c17676;
border : #c17676 solid 1px;
width:600px;  
height:110px;
text-align:center;
font-family : Playfair Display;
text-transform : uppercase;
font-size : 12px;}


.cadregroupe{
box-sizing : border-box;
padding : 5px;
margin-top:20px!important;  
width : 50px;
height : 50px;
background : #c17676;
color:#fff;
border : #c17676 solid 1px;
margin : 4px;}
  
.cadregroupe img{
width:38px;
height:38px}
  
  a, a:hover {
   text-decoration: none !important;
   transition: .5s all;
}

/* SCROLLBAR */
::-webkit-scrollbar {
     width: 4px;
}

::-webkit-scrollbar-thumb {
     background: #908383;
}

::-webkit-scrollbar-track {
     background: #e0e0e0;
}

/* BOTTIN AVATARS */
/* BLOCS LETTRES */
.AB2C label {
background:#F0E68C; color:black;
}
/* BLOC LISTE */
.contentAB2C {
border-color:#FFD700; background:white; color:darkkhaki;
}
/* INTITULE LETTRE LISTE */
.contentAB2C span {
border-bottom-color:gold; color:black;
}

  
/* FICHE DE PRESENTATION PAR REVEREND LILY G */
/* cyrillic */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 375;
 src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 375;
  src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 375;
      src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 375;
      src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 375;
      src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 375;
      src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 375;
      src: local('Lobster'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v18/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }

.case1 {
width:250px;
height: 420px;
background-color: white;
border: 1px solid white;
}

.case2 {
width: 250px;
height: 420px;
background-color: whitesmoke;
}

.case3 {
width: 250px;
height: 250px;
background-color: whitesmoke;
}

.case4 {
width: 250px;
height: 250px;
background-color: white;
}

.contentcase1 {
width: 200px;
height: 320px;
margin-top: 25px
}

.contentcase2 {
width: 200px;
height: 370px;
overflow: auto;
padding: 25px;
}

.contentcase3 {
width: 200px;
height: 200px;
padding: 25px;
overflow: auto;
}

.contentcase4 {
width: 200px;
height: 200px;
padding: 25px
}

.dents {
content:url('https://2img.net/r/hpimg4/pics/302262Sanstitre2.png')
}

.sodapoptitre {
font-family: 'Suez One';
color: #c6353a;
font-size: 16px;
text-align: center;
padding: 5px;
border-bottom: 1px solid #c6353a;
}

.sodapopsoustitre {
font-family: arial;
font-size: 9px;
letter-spacing: 5px;
color: grey;
}

 .sodapopminititre {
font-family: 'Lobster';
color: #304779;
font-size: 16px;
text-align: justify;
padding-left: 10px;
}

.sodapoptextes {
font-family: arial;
font-size: 11px;
text-align: justify;
color: #2d2e30;
line-height: 1;
}

.sodapopbehindthescreen {
height: 50px;
overflow: auto;
font-family: arial;
font-size: 9px;
text-align: justify;
color: #2d2e30;
line-height: 1;
}

.iconsodapop {
width: 100px;
border-radius: 100px;
border: 2px solid #5c719d;
}

.fondhistoire {
width: 455px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 25px;
padding-right: 25px;
background-color: whitesmoke;
}

.contenthistoire {
width: 400px;
}

.imagehistoire {
width: 400px;
}

.dentshistoire {
content:url(https://2img.net/r/hpimg4/pics/388314Sanstitre5.png);
margin-top: -18px;
}

.histoiretitre {
font-family: 'Lobster';
color: #304779;
font-size: 16px;
text-align: center;
padding: 5px;
padding-top: 25px;
border-bottom: 1px solid #304779;
margin-bottom: 15px;
}

.histoiretexte {
width: 400px;
font-family: arial;
font-size: 11px;
text-align: justify;
color: #2d2e30;
line-height: 1;
padding-bottom: 25px;
}

.imagehistoire2 {
width: 400px;
}

.dentshistoire2 {
content:url(https://2img.net/r/hpimg4/pics/388314Sanstitre5.png);
margin-bottom: -18px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);}
  
  .BOR {
margin:auto; width:510px; padding-bottom:10px; border-bottom:10px solid; line-height:16px; margin-right: 10px;
}
#tleBOR {
margin: 10px auto; padding:10px;
}
.tleBOR {
padding:10px; border:1px solid;
text-align:center; text-transform:uppercase; font-family:Calibri; font-size:20px;
}
.imgBOR {
padding:10px 0; text-align:left;
}
.imgBOR img{
margin-left:10px; width:90px; height:90px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.ftBOR {
/*! position:absolute; */ z-index:3; margin-top:-5px;
width:500px; text-align:center; font-family:Calibri;
opacity:0; transition:all 0.75s; -webkit-transition:all 0.75s;
}
.imgBOR:hover .ftBOR {
opacity:1;
}
.ftBOR div {
display:inline-block; vertical-align:top; margin:10px 0;
width:80px; height:60px; padding-top:20px; overflow:hidden;
}
.ftBOR span {
display:inline-block; vertical-align:top; margin:10px 20px;
width:80px; height:50px; padding-top:30px; font-family:Arial; font-size:72px;
}
.msgBOR {
padding:10px;
text-align:justify; font-size:11px; font-family:Calibri;
}
.cdtBOR {
position:absolute; z-index:5; margin-top:35px; margin-left:498px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.85s; -webkit-transition:-webkit-transform ease-in-out 0.85s;
}
.BOR:hover .cdtBOR {
transform:scale(0.8); -webkit-transform:scale(0.8);
}
  
  
/* FIN FICHE DE PRESENTATION */
    
/*************************************************** MESSAGE PROFIL ***************************************************/
table.message_profil .row1 {
       background: #ffffff;
}

table.message_profil {
       background: #ffffff;
}

/* ARIANE */
.message_sujet_ariane {
        background: #edebe1;
        text-align: center;
        padding: 1% 0;
        letter-spacing: -2px;
        font-size: 20px;
        color: #ffffff;
        margin: 10% 0;
}

.message_sujet_ariane a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 20px;
}

/* TITRE MESSAGE NOUVEAU REPONDRE */
.mess_pro_header {
        background: url(https://image.freepik.com/free-photo/hanging-autumn-leaves-concept_23-2147866536.jpg);
        border-radius: 10px
        padding: 1% 0;
        text-align: center;
    
}

/* Titre */
.mess_pro_header .titre {
        display: inline-block;
        text-transform: uppercase;
        margin: 0 2% 0 0;
}

.mess_pro_header .titre .cattitle {
        color: #ffffff;
        letter-spacing: -1px;
        font-weight: normal;
        font-size: 20px;
        line-height: 3;
}

.mess_pro_header .titre .cattitle::after {
        color: #b25959;
        content: " •";
}

/* Nouveau repondre */
.mess_pro_header .poster img {
       margin: -5% 1% 0;
}

.mess_pro_header .poster {
        display: inline-block;
        margin: -5% 0 0 0;
        width: 300px;
}

/* DATE */
.mess_pro_date {
        background: #ffffff;
        color: #b25959;
        font-size : 10px;
        padding: 1% 0 1% 20%;
        text-transform: uppercase;
        margin-left: 0% ;
    text-align : -20px;
}

/* PROFIL */
td.mess_pro_profil {
        background: #edebe1;
        font-size: 12px;
        padding: 20px;
        display: inline-table;
        position: relative;
}

/* Pseudo */
.mess_pro_pseudo a {
        font-family: Gill sans nova;
        font-size: 24px ;
  background: #edebe1;
}

.mess_pro_pseudo {
       display: inline-block;
}

.mess_pro_online {
        float: right;
        text-align: right;
        width: 39px;
}

/* Avatar */
.mess_pro_encadre_ava {
        background: #edebe1;
       border: 5px solid #e2dede;
        margin: 1% 0 3%;
}

.mess_pro_bloc_avatar {
        width: 200px;
        height: 320px;
        overflow: hidden;
       position: relative;
}

.mess_pro_avatar img {
        width: 200px;
        height: 320px;
        object-fit: cover;
}

.mess_pro_avatar_txt {
        width: 190px;
        height: 300px;
        background: #edebe1;
        position: absolute;
        z-index: 2;
        transition: .5s all;
        top: 320px;
        padding: 0 5%;
        left: 5px;
        box-sizing: border-box;
        overflow: hidden;
}

.mess_pro_bloc_avatar:hover .mess_pro_avatar_txt {
        top: 10px;
}

/* LIENS */
.mess_pro_contact img {
        float: left;
        margin: 0 .1% 1% 0;
}

/* CONTENU PROFIL */
.mess_pro_content_profil {
        background: #edebe1;
        color: #514f4f;
        letter-spacing: -1px;
        padding: 5%;
        box-sizing: border-box;
        margin: 0 0 120px;
        width : 200px;
}
  
.mess_pro_content_profil img {
        position: static;
        max-height: 110px;
        object-fit: cover;
        bottom: 15px;
        left: 20px;
        max-width: 180px;
  }
  
/* CITER EDITER ETC */
.post-options {
        text-align: right;
        margin: 2%;
        display: block;
}

 /* CONTENU MESSAGE */
.message_profil .postbody {
        font-size: 12px;
        line-height: 18px;
        background: #ffffff;
        width: 480px:
   padding: 3%;
        box-sizing: border-box;
        margin: 0 2% 2% 0;
}


/* SIGNATURE */
.signature_div::before {
        content:
        display: block;
        width: 80%;
        margin: 8% auto 0;
        border-top: 5px solid #b25252;
}
  



/***************************************************** QUI EST EN LIGNE *****************************************************/
.fond_qeel {
    background: url(https://www.zupimages.net/up/19/40/bjgm.jpeg);
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 auto 2% auto;
    padding: 2%;
    width: 800px;
    font-family: Arial;
    color: #745881;
}

/* BLOCS GAUCHE ET DROIT */
.boite_qeel {
    background: #FCF5F8;
     border: 1px solid #626667;
    padding: 1%;
    float: left;
    width: 30%;
    height: 150px;
    overflow: auto;
  
}

/* BLOC MILIEU */
.qeel_groupes {
    float: left;
    width: 33%;
    margin: 0 1%;
    text-align: center;
}

/* Mise en forme generale des liens */
.qeel_groupes a {
    display: inline-block;
    width: width: 105px;
    margin: 0 2% 2% 0;
       text-transform: uppercase;
    padding: 1% 0;
    color: #D2B48C !important;
}

/* Mise en forme de chaque groupe */
.qeel_g1 {background: #5A9663 !important; width: 105px; border: 1px solid #626667;}
.qeel_g2 {background: #FFF8DC !important; width: 105px; border: 1px solid #626667;}
.qeel_g3 {background: #2581BA !important; width: 105px; border: 1px solid #626667;}
.qeel_g4 {background: #5C1616 !important; width: 105px; border: 1px solid #626667;}
.qeel_g5 {background: #EB3841 !important; width: 105px; border: 1px solid #626667;}
.qeel_g6 {}


 
/* Texte bienvenu */
.qeel_bienvenu {
    width: 50%;
    float: left;
    text-align: center;
    padding: 5% 0 0;
  background: #FCF5F8 ;
    border: 1px solid #626667;

}

/* Avatar dernier inscrit */
.qeel_avatar img {
    height: 60px;
    object-fit: cover;
    width: 100x;
    margin: 7% 0 0;
}

/* TRANSPARENCE DU BLOC 24H */
#kaboum .row1 {
    background-color: transparent;
}

#kaboum .row1 .gensmall {
    font-size: 12px;
    color: #626667;
    font-family: Arial;
}


/******************************FIN QUI EST EN LIGNE***************************/
    a, a:hover {
   text-decoration: none !important;
   transition: .5s all;
}

/* SCROLLBAR */
::-webkit-scrollbar {
     width: 4px;
}

::-webkit-scrollbar-thumb {
     background: #908383;
}

::-webkit-scrollbar-track {
     background: #e0e0e0;
}
/********************************************************** PAGE ACCUEIL **********************************************************/
.pa_racoon {
        background: #ebe3c0;
        width: 1050px;
        margin: 2% auto;
        border-radius: 20px 20px 0 0;
        border-bottom: 5px solid #ebe3c0;
   padding: 0 0 2% 0;
        font-family: Calibri, Arial, sans-serif;
}

.pa_racoon::after {
        clear: both;
        display: block;
        content: "";
}

.pa_racoon .content {
        float: left;
        width: 22%;
        margin: 0 2%;
}

.pa_racoon .content:nth-child(3n+3) {
        width: 48%;
        margin: 0;
}

/* TITRES */
.pa_racoon h2 {
        background: #b1cbcc;
        text-align: center;
        color: #FFFAF0;
        font-family: Gill Sans Nova;
        letter-spacing: 5px;
        font-size: 20px;
        font-weight: normal;
        padding: .5% 0;
        border-radius: 10px 10px 0 0;
}

.pa_racoon h3 {
        text-align: center;
        margin: 2% 0;
}

/* BLOCS BLANCS */
.pa_racoon .links, .pa_racoon .predef, .pa_racoon .news_votes, .pa_racoon .staff {
        background: #b1cbcc;
        border-radius: 5px;
        padding: 5%;
        width: 100%;
        box-sizing: border-box;
}

/* LIENS UTILES */
.pa_racoon .links {
        min-height: 150px;
}

.pa_racoon .links a {
        color: #a36a6a;
        letter-spacing: 2px;
        font-size: 12px;
        display: block;
        text-align: center;
        padding: 1%;
}

.pa_racoon .links a:nth-child(2n+1) {
     background: #ebe3c0;
}

/* PREDEFINIS */
.pa_racoon .predef {
        margin: 10% 0 0;
        text-align: center;
}

.pa_racoon .predef img {
     margin: 2%;
}

/* CONTEXTE */
.pa_racoon .contexte {
        width: 450px;
        height: 169px;
        overflow: hidden;
}

.pa_racoon .contexte:hover .contexte_content {
     margin-top: -169px;
}

.contexte_content {
        background: #ebe3c0;
        width: 100%;
        height: 169px;
        text-align: justify;
        padding: 5%;
        overflow: auto;
        box-sizing: border-box;
        position: relative;
        font-size: 12px;
        line-height: 1.5;
        transition: .5s all;
}

/* PARTENAIRES */
.pa_racoon .partenaires {
        text-align: center;
        font-size: 10px;
        background: #ebe3c0;
}

.pa_racoon .partenaires a:last-child {
        display: block;
        color: #0f0f0f;
        background: #ebe3c0;
        letter-spacing: 2px;
}

/* NEWS */
.pa_racoon .news span {
        display: table;
        color: #fff;
        background: #ebe3c0;
        margin: 3% 0;
}

.pa_racoon .news span:nth-child(2n+2) {
     background: #ebe3c0;
}

.pa_racoon .news {
        font-size: 10px;
        letter-spacing: 2px;
        width: 100%;
        padding: 0 2% 0 0;
        box-sizing: border-box;
        height: 110px;
        overflow: auto;
}

/* VOTES */
.pa_racoon .news_votes h4::before {
        content: "";
        border-bottom: 2px solid #ebe3c0;
        display: block;
   margin: 0 0 2% 0;
}

.pa_racoon .news_votes h4 {
        letter-spacing: 4px;
        text-transform: uppercase;
        text-align: center;
        font-weight: normal;
   font-size: 10px;
   margin: 1%;
}

.pa_racoon .votes {
     text-align: center;
}

.pa_racoon .votes img {
        display: inline-block;
        margin: 0 3%;
}

/* STAFF */
.pa_racoon .staff {
        margin: 5% 0 0;
        text-align: center;
        font-size: 8px;
   letter-spacing: 2px;
}

.paonglet {
        cursor: pointer;
}

.paonglets span {
     margin: 0 2%;
}
            
.paonglet_0 {}
            
.paonglet_1 {
 color: #908383;
}
          
.contenu_paonglet {
        display: none;
        height: auto;
        padding: 1%;
        border: 1px solid;
        background: #ebe3c0;
        width: 80%;
   font-size: 10px;
        margin: 2% auto;
}

.contenu_paonglet div {
        float: left;
        width: 50%;
        border-right: 2px solid #ebe3c0;
        padding: 0 2% 0 0;
        box-sizing: border-box;
}

.contenu_paonglet::after {
        content: "";
        clear: both;
        display: block;
}

/* Pseudo */
.contenu_paonglet div h4 {
        margin: 0;
        letter-spacing: 1px;
        font-weight: normal;
}

/* Present ou absent */
.contenu_paonglet div span {
     color: #228B22;
}

.contenu_paonglet div .abs {
     color: darkred;
}

/* Liens */
.contenu_paonglet a {
        display: block;
        color: #a36a6a;
}

.pa_racoon .staff a:last-child {
        color: #a36a6a;
        text-transform: lowercase;
}
/*************************FIN PA************************/
  
/************************************************ PROFIL ************************************************/
/* PSEUDO STATUT MESSAGES SUJETS */
.profil_header {
        width: 850px;
        margin: 5% auto;
        background: #151a15;
        padding: 2%;
        box-sizing: border-box;
   font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
}

.profil_header::after {
        display: block;
        content: "";
        clear: both;
}

.profil_pseudo_statut {
     float: left;
}

.profil_pseudo {
        font-family: 'Berkshire Swash', cursive;
        font-weight: normal;
        font-size: 19px;
        letter-spacing: 1px;
}

.profil_stats {
     float: right;
}

.profil_stats a {
        display: inline-block;
        background: rgba(0,0,0,.2);
        width: 100px;
        text-align: center;
        margin: 0 10px;
        padding: 5% 0;
   color: #8e8f8d;
}

/* CONTENU */
.profil_content {
        width: 200px;
        margin: 0 auto 2%;
   font-family: 'Oswald', sans-serif;
        color: #8e8f8d;
        line-height: 1.5;
        font-size: 14px;
   display: flex;
}

/* Contact */
.profil_contact {
        background: #151a15;
        padding: 2%;
        text-align: center;
        box-sizing: border-box;
        height: 320px;
        margin: 0 2%;
}

.profil_contact a {
        display: block;
        margin: 10px 0;
}

.profil_contact .field_uneditable {
     font-size: 0;
}

/* Bloc infos */
.profil_infos {
        background: #151a15;
        width: 70%;
        box-sizing: border-box;
        height: 320px;
        padding: 2%;
        overflow: auto;
}

.profil_infos div {
     display: inline-block;
}

a.credit_profil {
        text-align: right;
        text-transform: uppercase;
        font-size: 10px;
        display: block;
   font-family: 'Oswald', sans-serif;
}

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:800px; text-align:center; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-10px; margin-top:30px;
}
/* AVATAR DERNIER POSTEUR */
.avSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:75px; height:75px; overflow:hidden;
}
.avSBJ img{
width:85px;
}
/* BLOC TITRE & DESCRIPTION / ICÔNES / DERNIER MESSAGE SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
width:465px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:55px; padding:0 5px; overflow:hidden;
background:#edebe1; color: #191919; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color: #c27272 !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
color:#CCC; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; font-size:9px;
color:#CCC; /* MODIFIABLE */
}
.gotoSBJ a{
color:#CCC !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-right:5px;
width:150px; height:15px;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:310px; height:15px; overflow:hidden;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center; line-height:15px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:135px; height:75px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:100px; padding:5px; line-height:15px;
background:#edebe1; /* MODIFIABLE */
}
/* VUES SUJET */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}

/* Avatar */

.lastpost-avatar img {
    width: 60px;
    height: 100px;
    margin: auto;
    border-radius: 0%;
    padding-bottom: 5%;
    object-fit: cover;
}

.lastpost-avatar {
    float: none;
    padding: 2px;
}

/********************* FICHE ADMINISTRATION *********************/
.administration {
        background: url() no-repeat bottom right #fff;
        width: 500px;
      border: 1px solid;
        margin: auto;
}

.administration .entete {
        background: url(https://img.lght.pics/lNse.png);
        padding: 5% 0;
        margin: 0 0 2% 0;
}

.administration .entete h2 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        font-style: italic;
        letter-spacing: -2px;
}

.administration .entete h3 {
        color: #fff;
        text-align: center;
        margin: 2% 0;
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 5px;
}

.administration .contenu {
        width: 80%;
        margin: 5% auto;
        text-align: justify;
        padding: 2%;
}

.administration .contenu div {
        border-left: 5px solid #37cb99;
        padding: 2%;
        margin: 0 0 0 5%;
}

.administration h4 {
        text-transform: uppercase;
        border-bottom: 1px solid;
        padding: 0 0 2% 0;
}

.administration h4::before {
        content: "▷";
        padding: 0 2% 0 0;
        color: #37cb99;
}

/* COMPTEUR DE MOTS */
.word-counter{
  text-align: left;
  font-size: 12px;
  padding: 5px;
}

.postbody {padding-left:30px;}

/*PERSONNALISATION CODE SPOILER CITATION ETC*/
dd.quote {
    border-left: 5px solid #eba48f !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.codebox dt {
    display: none;
}
  
  .codebox dt {
    display: none;
}

dd.code {
    background: #fff;
    padding: 2%;
    border-bottom: 5px solid #98aebc;
    color: #6c676e;
    font-size: 12px;
    font-family: Courier;
}
  
  .codebox dt {
    display: none;
}

.codebox.spoiler dt, .spoiler dd {
    background: #eba48f;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 2% 0 0 2%;
}

.spoiler_content {
    text-transform: initial;
    padding: 2%;
    border: 0;
    font-size: 13px;
    color: #6c676e;
    border: 2px solid #eba48f;
}


Je ne comprends pas d'où vient le soucis, en tous les cas le code ne fonctionne pas, si vous pouvez m'aider ce serait un réel soulagement car c'est une code bien pratique.

Bonne soirée à vous
Brookinette76

[*Splash*]

Hi,
Tu veux arriver à ceci ?


Place ce code sur les sujets :

Code:

function selectCode(e) {
    var s = $(e).closest("dl").find(".cont_code,code").get(0), range, selection;
    var a = s, z = s;
    while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
    while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
      a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')});

Puis ajoute ceci à la CSS :

Code:

/* Sélectionner le code */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

Si cela ne fonctionne pas il faudra voir du côté de tes templates modifiés

[Invité]

Hello Brookinette76,

dans ta feuille de style, recherches ceci:

Code:

/*PERSONNALISATION CODE SPOILER CITATION ETC*/
dd.quote {
    border-left: 5px solid #eba48f !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.codebox dt {
    display: none;
}
 
  .codebox dt {
    display: none;
}

dd.code {
    background: #fff;
    padding: 2%;
    border-bottom: 5px solid #98aebc;
    color: #6c676e;
    font-size: 12px;
    font-family: Courier;
}
 
  .codebox dt {
    display: none;
}

.codebox.spoiler dt, .spoiler dd {
    background: #eba48f;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 2% 0 0 2%;
}

.spoiler_content {
    text-transform: initial;
    padding: 2%;
    border: 0;
    font-size: 13px;
    color: #6c676e;
    border: 2px solid #eba48f;
}


Supprimes et remplaces par:

Code:

/*PERSONNALISATION CODE SPOILER CITATION ETC*/
dd.quote {
    border-left: 5px solid #eba48f !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.codebox dt .genmed{
    display: none;
}

dd.code {
    background: #fff;
    padding: 2%;
    border-bottom: 5px solid #98aebc;
    color: #6c676e;
    font-size: 12px;
    font-family: Courier;
}
 


.codebox.spoiler dt, .spoiler dd {
    background: #eba48f;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 2% 0 0 2%;
}

.spoiler_content {
    text-transform: initial;
    padding: 2%;
    border: 0;
    font-size: 13px;
    color: #6c676e;
    border: 2px solid #eba48f;
}

Puis remplaces le script par:

Code:

function selectCode(e) {
        var doc = document
            , text = $(e).closest("dl").find(".cont_code,code").get(0)
            , range, selection
        ;
        if (doc.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            selection = window.getSelection();     
            range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
    };
    $(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">J\'ai la flemme</span>')});

Tout doit être fonctionnel .

a++

[*Splash*]

Encore une question qui ne correspond pas au problème

[Brookinette76]

Super, merci beaucoup, le problème est désormais résolu

[Invité]

Hello Fred,

Encore une question qui ne correspond pas au problème

sa demande est légitime et correspond bien à un soucis de mise en forme du script, tout simplement.

a++

[Chacha]

Super, merci beaucoup, le problème est désormais résolu

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton