Utilisation du forum impossible sur tablette et téléphone !
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Utilisation du forum impossible sur tablette et téléphone !
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 : hdhdhshshqjjqjqjqhjqjjqjqcela est fort dérangeant et je souhaiterais vraiment palier a ce problème , je vous envoie mon css et mes derniers scripts
Invité- Invité
Re: Utilisation du forum impossible sur tablette et téléphone !
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é- Invité
Re: Utilisation du forum impossible sur tablette et téléphone !
J'ai supprimer le script compteur de mot et ça a marché
Invité- Invité
Sujets similaires
» Impossible de se connecter sur mon forum via mon téléphone
» Impossible de me connecter vient mon téléphone sur mon forum à cause d'un bandeau noir m'indiquant pour les cookies
» Connexion impossible sur tablette à cause de la pub
» Connexion impossible sur téléphone portable
» ce matin toujours impossible affichage version web sur tablette
» Impossible de me connecter vient mon téléphone sur mon forum à cause d'un bandeau noir m'indiquant pour les cookies
» Connexion impossible sur tablette à cause de la pub
» Connexion impossible sur téléphone portable
» ce matin toujours impossible affichage version web sur tablette
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum