Utilisation du forum impossible sur tablette et téléphone !

[Invité]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Mercredi 27 février
Lien du forum : https://www.aquariophiliefacile.com

Description du problème

Bonjour , Depuis hier un problème grave est survenu , l'utilisation de mon forum est impossible sur tablette et téléphone , enfait dès que ils écrivent un mot ils se ultiplient et ajoute d'autres lettre comme ca : hdhdhshshqjjqjqjqhjqjjqjq

cela est fort dérangeant et je souhaiterais vraiment palier a ce problème , je vous envoie mon css et mes derniers scripts

[Invité]

mon css :

Code:

    /* BLOC LISTE DES MEMBRES */
#LMBER {
width:690px; margin:auto;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:660px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:5px; width:220px; height:160px; overflow:hidden;
}
/* BLOC AVATAR */
#imgLMBER {
width:200px; height:160px; overflow:hidden;
}
/* SURVOL BLOC AVATAR */
#imgLMBER:hover {
box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER {
position:relative;
width:200px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-100px; width:200px;
}
/* PSEUDONYME */
.nameLMBER{
position:absolute; z-index:3; margin-top:-145px; margin-left:-15px;
width:150px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Arial;
background:white; /* MODIFIABLE - COULEUR PAR DEFAUT */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.nameLMBER span strong{
color:white;
}
#imgLMBER:hover .nameLMBER{
margin-top:-160px; margin-left:0;
width:190px; padding:10px 5px; text-align:center;
transform:rotate(0deg); -webkit-transform:rotate(0deg);
}
/* INFORMATIONS */
.stsLMBER {
position:absolute; margin-top:-130px;
width:180px; height:115px; padding:15px 10px 0; overflow:hidden;
font-size:10px; text-align:justify; font-family:Arial;
background:rgba(0,0,0,0.7); color:white !important; /* MODIFIABLE */
opacity:0; transition:opacity 0.35s linear; -webkit-transition:opacity 0.35s linear;
}
#imgLMBER:hover .stsLMBER {
opacity:1;
}
/* NOMBRE MESSAGES & DATE INSCRIPTION */
.stsLMBER div{
display:inline-block; margin-bottom:5px;
width:75px; padding:5px; text-align:center;
background:white; color:black; /* MODIFIABLE */
}
/* DERNIERE VISITE */
.stsLMBER span {
display:block; margin:5px auto; padding-bottom:5px; text-align:center;
border-bottom:1px solid white; color:white !important; /* MODIFIABLE */
}
/* IMAGES MP & WWW */
.btnLMBER {
display:block !important; margin:auto; margin-bottom:0 !important;
width:160px !important; padding:5px 0 !important; background:none !important;
}
.btnLMBER img {
max-height:15px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}

.word-counter{
  text-align: left;
  font-size: 12px;
  padding: 5px;
}
.M14_Scroll
{
width:48px; /*largeur de l image*/
height:48px;/*hauteur de l image*/
position:fixed;/*on fixe le bouton */
bottom:100px;/*on le place a 100px du bas*/
right:40px;/*on le place a 40px de la droite*/
display:none;/*on cache le bouton*/
  /*l image du bouton */
background: url('https://i.servimg.com/u/f62/11/26/21/37/arrow-10.png') no-repeat ;
}

#notif_unread.M14_NotiF_blink
{
color:darkred !important;
}

.emotiuser_icon
{
border:1px solid black;
padding:3px;
border-radius: 30px;
}


.M14_ProfilPlus{text-align:center;}
.M14_ProfilPlus a{margin:0px 2px 0px 2px;}

/*Apparence MP sur la barre de navigation*/
    a.mainmenu.M14_newMp{color:red !important;}
    /*Apparence MP sur la Toolbar*/
    a.M14_alertMp
    {
    color: white !important;
    font-size: 12px !important;
    text-decoration: none !important;
    position: absolute;
    width: 200px;
    margin-left: -200px;
    line-height: 30px;
    background-color: red;
    padding: 0 5px;
    }


.M14_ModerDiv
{
position:absolute;
margin-left:250px;
}
.M14_ModerDiv  ul
{
z-index:999;
background:#666666;
padding:2px 0px 2px 5px;
border:2px solid #E54732;
display:none;
position:absolute;
width:200px;
margin-left: -50px;
margin-top:-100px;
}

.M14_ModerDiv
{
opacity:0;
position:absolute;
margin-left:250px;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.M14_ModerDiv  ul
{
z-index:999;
background:#666666;
padding:2px 0px 2px 5px;
border:2px solid #E54732;
display:none;
position:absolute;
width:200px;
margin-left: -50px;
margin-top:-100px;
}

dl.icon:hover dd.lastpost .M14_ModerDiv {opacity:1}


/*Avatar citation*/
img.M14_Img_Citation
{
height: 16px;/*hauteur de l avatar*/
width: 16px;/*largeur de l avatar*/
vertical-align: middle;/*on aligne l avatar*/
margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
border-radius: 16px;/*on arrondi l avatar*/
  /*LES TRANSITIONS AU SURVOL*/
-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;
}
/*au survol de l avatar des citation on augmente la taille*/
img.M14_Img_Citation:hover
{
height:48px;
width:48px;
}
a.imgur-button div {
  background:url(https://i.imgur.com/rFzEjxZ.png);
}
/*CUSTOMISATION DU MODULE DE CONNEXION RAPIDE PAR AWFUL*/
/*Import de la police*/
 @import url('https://fonts.googleapis.com/css?family=Roboto|Montserrat:900');
 form.connexion-rapide {
    width: 500px;
    background: #f7f7f7;
    margin: 10px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 0;
    font-family: "Roboto", sans-serif;
    border: 1px solid #ccc;
}
 form.connexion-rapide h2 {
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}
 form.connexion-rapide div,
 form.connexion-rapide > input{
    position: relative;
    width: 60%;
    margin: auto;
}
 form.connexion-rapide .input-connexion {
    margin-bottom: 15px;
}
 form.connexion-rapide input.post {
    height: 30px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0.1, 0.08, 1);
    transition: all 0.3s cubic-bezier(0.5, 0.1, 0.08, 1);
    font-family: "Roboto", sans-serif;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #cb79e0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #cb79e0 4%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #cb79e0 4%);
    background-position: -300px 0;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 12px;
    width: 100%;
}
 form.connexion-rapide input.post:focus {
    outline: none;
    background-position: 0 0;
}
 form.connexion-rapide .input-connexion label {
    position: absolute;
    transition: all 0.3s cubic-bezier(0.5, 0.1, 0.08, 1);
    font-size: 12px;
    color: #999;
    line-height: 30px;
    pointer-events: none;
}
form.connexion-rapide input.post:focus + label,
form.connexion-rapide input.post.rempli + label{
    color: #cb79e0;
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    visibility: visible !important;
}
 form.connexion-rapide input.post::-webkit-input-placeholder {
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0.1, 0.08, 1);
    transition: all 0.3s cubic-bezier(0.5, 0.1, 0.08, 1);
    font-size: 12px;
}
 form.connexion-rapide input.post:focus::-webkit-input-placeholder {
    color: #cb79e0;
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    visibility: visible !important;
}
 form.connexion-rapide div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
 form.connexion-rapide div input {
    margin: 0px 10px 0px 0px;
}
 form.connexion-rapide div span {
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
}
 form.connexion-rapide > input[type="submit"] {
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 5px 0;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
 form.connexion-rapide > input[type="submit"]:hover {
    border: 1px solid #cb79e0;
}
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
a {
  color: #fff; /* Remplacez le #fff par la couleur du lien souhaitée. Ex: #000 = Noir, #FF0000 = Rouge */
  transition: all 150ms ease-in;
  padding-bottom: 5px;
  background-image: url(https://i.servimg.com/u/f37/19/58/79/45/ca-lin10.png);
  background-repeat: no-repeat;
  background-position: -2px calc(100% + 3px);
}

#quickloginform_overlay {
  background-color:#333;
  height:100%;
  left:0;
  opacity:0.7;
  position:fixed;
  top:0;
  width:100%;
}
#quickloginform {
  height:100%;
  position:fixed;
  top:20%;
  width:100%;
}
#quickloginform>form {
  background-color:#fff;
  box-sizing:border-box;
  margin:auto;
  padding:20px 30px;
  width:360px;
  border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
  background:#f2f2f2 none repeat scroll 0 0;
  border:0 none;
  box-sizing:border-box;
  font-family:"Helvetica";
  font-size:14px;
  margin:0 0 15px;
  outline:0 none;
  padding:15px;
  width:100%;
}
#quickloginform button {
  background-color:#369fcf;
  border:0 none;
  color:#ffffff;
  cursor:pointer;
  font-family:"Helvetica";
  font-size:14px;
  outline:0 none;
  padding:15px;
  text-transform:uppercase;
  width:100%;
}
#quickloginform p:nth-child(n) {
  margin-bottom:0;
  margin-top:20px;
  text-align:center;
}
#quickloginform form p {
  color:#b3b3b3;
  font-size:11px;
}
#quickloginform form a {
  color:#2b86b3;
  text-decoration: none;
}
.sceditor-button-embed-flash div {
  background-image:url(https://i.servimg.com/u/f64/12/69/24/33/arrow10.png) !important;
}
#page-header a.mainmenu[href="/register"], #page-header a.mainmenu:hover[href="/register"] {
    color: #FF8C00;
}
#logout, #logout:hover {
    color: #DB1702;
}
/* bordure avatar */
.postprofile-avatar img {
    border: 6px solid #BCBCBC; /* profil */
}
.lastpost-avatar img {
    border: 2px solid #BCBCBC; /* index */
}
td.avatar-mini img {
    border: 2px solid #BCBCBC; /* membre */
} 
.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  float:none !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}
 
.fa_reputation a {
  float: none;
}
/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(https://i.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
 
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}
 
/* Icônes */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }
/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

 span.rank_2 {
    color: #0598E4;
}

span.rank_3 {
    color: #00AA00;
}
span.rank_1 {
    color: #FF0000;
}
/* FA7UP_8b67f095: Latex - MathJax */
.sceditor-button-mathjax div{
    background:url(https://i.servimg.com/u/f11/19/20/34/95/mathml10.png) !important;
}

/* FA7UP_8b67f095_stop */
/* FA7UP_b220aa4b: Boutons messagerie */
#navMP{
    height:19px;
    height:1.2rem;
    line-height:19px;
    line-height:1.2rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}
/* FA7UP_b220aa4b_stop *//* FA7UP_6394db8c: Citer post par MP */
.fapopup, .fapopup-rounded {
    display: inline-block;
    background: none;
    font-family: Georgia, DejaVu Serif, Norasi, serif;
    font-size: 16px;
    color: #000;
    max-width: 100%;
    margin: auto;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    position: fixed;
    z-index: 99999 !important;
    box-shadow: #000 0 0 0.15em 0.15em;
}
.fapopup *, .fapopup-rounded * {
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: 1em;
    background: none;
    color: #000;
    position: relative;
}
.fapopup .close_popup, .fapopup-rounded .close_popup {
    float: right;
    background: #fff;
    color: #4e4e4e;
    margin-left: 1em;
    display: block;
    height: 1em;
    width: 1.4em;
    text-align: center;
    -webkit-box-shadow: #1b1b1b 0 0 0.05em 0.05em;
    -moz-box-shadow: #1b1b1b 0 0 0.05em 0.05em;
    box-shadow: #1b1b1b 0 0 0.05em 0.05em;
}
.fapopup .close_popup:hover, .fapopup-rounded .close_popup:hover {
    cursor: pointer;
    box-shadow: #929292 0 0 0.05em 0.05em;
}
.fapopup .header, .fapopup-rounded .header {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.2em;
    background: #4e4e4e;
    background: -webkit-linear-gradient(0deg, #1b1b1b, #4e4e4e);
    background: -moz-linear-gradient(0deg, #1b1b1b, #4e4e4e);
    background: -o-linear-gradient(0deg, #1b1b1b, #4e4e4e);
    background: linear-gradient(0deg, #1b1b1b, #4e4e4e);
    color: #fff;
    text-shadow: 0px 0px 0.05em #000;
    font-family: Courier, "Courier New", FreeMono, Liberation Mono, monospace;
    font-weight: 900;
    line-height: 1.2;
    vertical-align: top;
    cursor: default;
}
.fapopup .header .title, .fapopup-rounded .header .title {
    color: #fff;
    font-weight: 900;
}
.fapopup .header .title::before, .fapopup-rounded .header .title::before {
    content: ".:";
}
.fapopup .header .title::after, .fapopup-rounded .header .title::after {
    content: ":.";
}
.fapopup .message, .fapopup-rounded .message {
    clear: both;
    color: #000;
    background: #fff;
    padding: 0.2em;
    line-height: 1.2;
    vertical-align: top;
    font-size: inherit;
    overflow: auto;
    width: 90vw;
    height: 80vh;
    max-height: 80vh;
}
.fapopup .message iframe, .fapopup-rounded .message iframe {
    width: 100%;
    height: 100%;
}
.fapopup .w100p, .fapopup-rounded .w100p {
    width: 100% !important;
    box-sizing: border-box !important;
}
.post2pm {
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    padding: 0.2em !important;
    border-radius: 0.2em;
    text-shadow: 0px 0px 0.1em #888;
    background: #fff !important;
    background-image: linear-gradient(0deg, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff) !important;
    color: #000 !important;
    box-shadow: #ccc 0 0 0.1em 0.1em inset !important;
}
#b_fapopup {
    z-index: 99998 !important;
    width: 100%;
    height: 100vh;
    background: #fff;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
}
.fapopup-rounded {
    border-radius: 0.3em;
}
.fapopup-rounded .close_popup {
    border-radius: 0.1em;
}
.fapopup-rounded .message {
    border-radius: 0 0 0.2em 0.2em;
}
/* FA7UP_6394db8c_stop */     

[Invité]

Mes codes javascript , j'en ai retiré quelque un



Si vous avez un code ou un script pour palier à ce problème il est le bienvenue ..

[Invité]

J'ai supprimer le script compteur de mot et ça a marché