AccueilMembres connectés récemment
[INVISION] Erreur affichage sur les boutons profil
Page 1 sur 1 • Partagez
- Quad Daniel
-
Quad Daniel Lun 6 Avr 2020 - 8:44
- Version du forum :INVISION
- Templates modifiés :oui
- Navigateur :Chrome
Lien: https://www.quadsalvetain.com/t4266-de-tout-et-de-rien#78475
(Non Urgent)
CSS![[INVISION] Erreur affichage sur les boutons profil 2073336244](https://2img.net/u/1111/26/68/96/smiles/2073336244.gif)
bonjour, j'ai une différence d'image entre la tablette avec firefox et mon ordinateur en google ?
[size=32]en firefox le cadre et boutons ne ressorte pas bien dans le profil ?
Cordialement[/size]
Exemple firefox
![[INVISION] Erreur affichage sur les boutons profil Captur10](https://i.servimg.com/u/f66/16/13/71/80/captur10.jpg)
Exemple Google
![[INVISION] Erreur affichage sur les boutons profil Captur11](https://i.servimg.com/u/f66/16/13/71/80/captur11.jpg)
(Non Urgent)
CSS
- Code:
/*AU SURVOL DU BLOC PROFIL ON AFFICHE LES DERNIERES ICONES*/
.postprofile:hover .M14_sep_prof{-moz-opacity:1;-khtml-opacity:1;-ms-filter:"alpha(opacity=100)";opacity:1;height:30px;}
/*ON CACHE LE BOUTON DU MEMBRE*/
div[class*="post--"] .popmenubutton-new-out{display:none;}
/*LE PETIT BOUTON AFFICHANT LE NOMBRE D AMI*/
span.M14_numberfriend
{
color:#fff !important;
font-size: 8px;
height: 20px;
margin-left: 20px;
margin-top:2px;
position: absolute;
width: 20px;
background-color:#235402;
border-radius: 20px;
text-align: center;
}
/*LES DERNIERES ICONES CACHEES*/
.M14_sep_prof{-moz-opacity:0;-khtml-opacity:0;-ms-filter:"alpha(opacity=0)";opacity:0;height:0px;margin-bottom: 15px;-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; }
/*LES BOUTONS AJOUTES AU PROFIL*/
.M14_sep_prof a.six,.M14_sep_prof a.sept,.M14_sep_prof a.huit,.M14_sep_prof a.neuf,.M14_sep_prof a.dix{position: relative;top: 15px;}
/*DEBUT Info Membre dans cadre Avatar*/
/*ON CENTRE LES IMAGES*/
.M14_profil_icone,.M14_sep_prof {text-align: center;}
/*ON DONNE APPARENCE AUX IMAGES*/
.M14_profil_icone a img,.M14_sep_prof a img{padding: 4px 6px;background-color:rgb(35, 84, 2);margin: 0px 3px;}
/*FIN Info Membre dans cadre Avatar*/
/*MEMBRE HORS LIGNE*/
.post:not(.online) .postprofile-details.postdetails:before
{
content:"Horsligne";
color:#262626;
position: absolute;
width: 192px;
text-align: center;
height: 20px;
line-height: 20px;
margin-top: -22px;
background-color:#dfdddc;
}
/*MEMBRE EN LIGNE*/
.post.online .postprofile-details.postdetails:before
{
content:"En ligne";
color:white;
position: absolute;
width: 192px;
text-align: center;
height: 20px;
line-height: 20px;
margin-top: -22px;
background-color:#8b5;
}
.post.online img[alt="En ligne"]{display:none;}
/*DEBUT Avatar Fond et cadre couleur*/
.postprofile-details.postdetails {
background-color: #383636;
border: 1px solid#B7F58B;
top:50px;
position: relative;
}
/*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;
min-height:48px!important;
}
/*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;
margin-top:40px;
}
/*FIN Image Style barre verte bas sujet*/
.popupmenu-item a{color:#383636;}
#M14_sujets_recents
{
overflow-y: scroll;
height: 460px;
}
/* FIN Coulissant dans les "dernier sujet" dans le widjet */
/* SCRIPT message automatique identique à un message traditionnel */
/*Correction reponse automatique*/
/*Suppression des background image et ajout background color*/
.M14_repAuTO .post-header ,.M14_repAuTO .post-footer ,
img.M14_Avatar,.M14_repAuTO .M14_img{background-image:none !important;background-color:#578a5b;}
/*on supprime le padding des barres vertes*/
.M14_repAuTO .post-header ,.M14_repAuTO .post-footer {padding:0px;}
/*On donne une couleur de fond blanche*/
.M14_repAuTO , .M14_repAuTO .post-container{background: white;}
/*On donne une taille identique aux images*/
.M14_repAuTO .M14_img, .M14_repAuTO .postprofile-details.postdetails dt
{
width: 100px;
height: 100px;
position: relative;
}
/*On positionne le contenu */
.M14_repAuTO .M14_CONt
{
text-align:center;
margin-left: 100px;
position: relative;
top:-80px;
}
/*On place le texte de bienvenu*/
.M14_Hello
{
margin-top: -20px;
float: left;
margin-left: 10px;
}
/*Auteur du sujet*/
a.M14_Auteur
{
margin-left:5px;
text-decoration:none !important;
}
/*Avatar*/
img.M14_Avatar
{
max-width:100px;
max-height:100px;
margin-left: 80px;
}
/*Le corps du message*/
#M14_postbody
{
font-style:italic;
font-size:13px;
color:green;
height: 96px !important;
}
/* FIN SCRIPT message automatique identique à un message traditionnel */
/*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 trensp sur écrire 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 vert 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 vert 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*/
/*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;border-radius:6px;}
.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 */
/*Debut des onglets avec ancre */
/*Les ancres*/
a[id^="Quad_cat"]{position: absolute;margin-top: -78px;}
/*La barre des onglets*/
ul#tab.tab_container {
text-align: center;
background:#578A5B;/*couleur de fond*/
width:auto;
height:38px;
-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*/
/*les liens actif*/
ul#tab.tab_container li.M14_active
{
color:#B8FCBF;
border-top:4px solid #B8FCBF;
border-left: 4px solid #B8FCBF;
border-right: 4px solid #B8FCBF;
border-bottom:4px solid #B8FCBF;
}
/*Les categorie selectionnes*/
.M14Cat_Active
{
border-bottom: 4px solid #B8FCBF;
border-left: 4px solid #B8FCBF;
border-right: 4px solid #B8FCBF;
border-top: 4px solid #B8FCBF;
}
ul#tab.tab_container li.M14_active a{color:#B8FCBF;}
ul#tab.tab_container li a
{
text-decoration:none !important;
color:#262626; /*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;
}
/*couleur au survol de l onglet*/
ul#tab.tab_container li a:hover{color:#CFFC08;}
/*L effet au survol des liens de categories*/
ul#tab.tab_container li
{
border-top:4px solid #49704C;
border-left: 4px solid #49704C;
border-right: 4px solid #49704C;
border-bottom:4px solid #49704C;
-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;
}
/*Fin des onglets avec ancre */
/* 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 */
/* SCRIPT Afficher/masquer les Widgets avec bouton */
#widget-arrows {
height: 32px;
}
.widget-arrow {
height: 32px;
width: 30px;
border-radius: 4px;
float: left;
cursor: pointer;
background: url(https://i.servimg.com/u/f11/16/47/45/04/i_fold13.png)no-repeat 0 -32px;
}
/* le bouton de droite*/
.widget-arrow.isright {
float: right;
margin-right: 11px;/*on decale le bouton de 11px de la droite*/
}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
background-position: 0 0;
}
/*La partie centrale fixe*/
/*On garde l'accueil au centre*/
#main{margin-left:205px;}
#main{margin-right:215px;}
#content-container div#left{margin-right:5px;}
#content-container div#right{margin-left:-5px;}
/* FIN SCRIPT Afficher/masquer les Widgets avec bouton */
/*DEBUT CSS IMAGE TAG PRESENTATION PAR STAFF*/
/*Le bloc complet*/
#M14_tout
{
width:auto;
height:370px;
margin-top: 60px;/*on decale de 60px du bord haut du message*/
}
/*Configuration des liens */
#M14_tout a
{
color:#B7F58B;
line-height: 20px;
text-decoration:none !important;
-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;
}
/* couleur de police au survol*/
#M14_tout a:hover{color:#CFFC08;}
/*Le fond du milieu*/
#fond
{
width:600px;
height:250px;
background:#cccccc;
margin-left:auto;
margin-right:auto;
border: 4px ridge #ccc;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
img{border:none;}
/*l image de presentation*/
img.image.milieu {
position: absolute;
margin-top: -60px;
width: 200px;
height: 90px;
margin-left:70px;
}
/* le pseudo*/
#M14_memberpresentation
{
font-size:30px;
color:#4A1A2C;
letter-spacing: 1px;
line-height: 18px;
font-family:Brush Script Std, Brush Script MT, cursive;
}
/*le cadre du milieu*/
.cadre.milieu
{
background: #bcbcbc;
box-shadow: 1px 1px 30px #1a1a1a inset;
-moz-box-shadow: 1px 1px 30px #1a1a1a inset;
-webkit-box-shadow: 1px 1px 30px #1a1a1a inset;
}
/*cadre du message de bienvenu*/
.Merci
{
color:#ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
min-height: 30px;
text-align:left;
background:#006600;
border-radius: 5px;
padding: 5px;
border: 4px ridge #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/* le cadre ou est plce l image de reglement*/
.dernier_tuto
{
color: #ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
text-align:center;
min-height: 50px;
background: #006600;
border-radius: 5px;
padding: 5px;
border: 4px ridge #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/* le cadre de droite*/
.lien.tutoriel
{
margin-top: 0px;
color: #ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
height: auto;
text-align: left;
background: #006600;
border-radius: 5px;
padding: 5px;
border: 4px ridge #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/*la cadre en haut a gauche*/
.boitehelloleft
{
margin-top:5px;position:relative;
color:#ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
height: auto;
text-align:left;
background:#006600;
border-radius:5px;
padding:5px;
border: 4px ridge #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/* le cadre en bas a gauche*/
.boitehelloleft_2
{
background:#006600;
border-radius:5px;padding:5px;
margin-bottom:5px;
position:relative;
color:#ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
height: auto;
padding:5px;
text-align:left;
border: 4px ridge #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/*FIN CSS IMAGE TAG PRESENTATION PAR STAFF*/
/*DEBUT CSS citation ou l on mentionne un Pseudo*/
/*Avatar citation*/
img.M14_Img_Citation
{
height: 30px;/*hauteur de l avatar*/
width: 30px;/*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*/
}
/*FIN CSS citation ou l on mentionne un Pseudo*/
/*DEBUT écriture par défaut Barre Code*/
.codebox.contcode code
{
color: #ebebeb;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
/*FIN écriture par défaut Barre Code*/
/*DEBUT Evenement Marge Calendrier*/
#M14_formsubtitle img{margin-right: 2px;}
/*FIN Evenement Marge Calendrier*/
/*DEBUT Calendrier*/
/*BORDURES DES JOURS SUR CALENDRIER*/
.ipbtable.calendar .celldate
{
border: 1px solid grey;
}
/*COULEUR DE LA DATE SUR CALENDRIER*/
.ipbtable.calendar .celldate .calday a[href^="/calendar"]
{
color: #00cc00 !important;
}
/*FIN Calendrier*/
/*DEBUT Affichage fenêtre pour Chatbox*/
/*Image information chatbox*/
.M14_AlertChatbox
{
width:380px;
height:auto;
background: #49704C;
}
/*La partie receveuse*/
.M14_AlertChatbox div
{
width: 360px;
min-height:50px;
max-height:100px;
height:auto;
margin-left:10px;
margin-top: 10px;
overflow-y: auto;
}
.M14_AlertChatbox div span{margin: 0px 2px;}
/*Les pseudos de le fenetre*/
.M14_AlertChatbox div span a[href^="/u"]
{text-decoration:none !important;}
/*Couleur de police identique pour tout*/
.M14_AlertChatbox,.M14_AlertChatbox div,.M14_AlertChatbox div span,
.M14_AlertChatbox div span a[href^="/u"],.M14_AlertChatbox div span a[href^="/u"] span
{
color:#262626!important;
}
/*FIN DEBUT Affichage fenêtre pour Chatbox*/
/*DEBUT Bouton bord Blanc dans éditeur*/
dl.codebox.M14_balise
{
margin: 30px 60px !important;
box-shadow: 3px 3px 15px 5px #9E9E9E;
width: 90% !important;
}
dl.codebox.M14_balise dt
{
background-image:none;
background-color: #282828;
padding:5px !important;
width: 100% !important;
}
dl.codebox.M14_balise dd
{
background: #282828;
color: #fff;
white-space: initial !important;
padding:5px !important;
width: 100% !important;
border:none !important;
word-wrap: break-word;
height: auto !important;
overflow: hidden;
min-height: 30px;
max-height: 900px;
}
/*police par défaut*/
.codebox.M14_balise dd
{
font-family: Verdana,Arial,Helvetica,sans-serif;
}
/*FIN Bouton bord Blanc dans éditeur*/
/*DEBUT Contenue Vote Réputation*/
.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;
}
/*FIN Contenue Vote Réputation*/
.postprofile-details.postdetails dt{text-align:center;}
.postprofile-details.postdetails dd:nth-of-type(1){text-align:center;}
/*DEBUT Avatar Dimension Fixe*/
.postprofile-details.postdetails dt img {
width: auto;
height: 80px;
}
/*FIN Avatar Dimension Fixe*/
bonjour, j'ai une différence d'image entre la tablette avec firefox et mon ordinateur en google ?
[size=32]en firefox le cadre et boutons ne ressorte pas bien dans le profil ?
Cordialement[/size]
Exemple firefox
![[INVISION] Erreur affichage sur les boutons profil Captur10](https://servimg.com/r/6616137180/captur10.jpg)
Exemple Google
![[INVISION] Erreur affichage sur les boutons profil Captur11](https://servimg.com/r/6616137180/captur11.jpg)
- Quad Daniel
-
Quad Daniel Lun 6 Avr 2020 - 20:23
bonsoir,
mon fils a un ordinateur et c'est pareil, chez moi j'ai installé mozilla sur l'ordinateur pour des test, c'est pareil pas d'image comme les boutons
et la réponse rapide ?
en fait celà n'est pas sur tout les sujet ?
mon fils a un ordinateur et c'est pareil, chez moi j'ai installé mozilla sur l'ordinateur pour des test, c'est pareil pas d'image comme les boutons
- Code:
https://www.quadsalvetain.com/t4395-panne-sur-forum-le-17-06-2019#82199
et la réponse rapide ?
en fait celà n'est pas sur tout les sujet ?
- Milouze14
Fondateur -
Milouze14 Mar 7 Avr 2020 - 18:18
Hello Dan,
Aurais tu des liens de messages a me donner stp?
A ce message:
https://www.milouze14.com/t32557-invision-erreur-affichage-sur-les-boutons-profil#620209
Il faut être connecté donc pas facile de voir quelque chose Dan.
Sinon donnes moi tes IDS par MP si tu veux.
en fait celà n'est pas sur tout les sujet ?
Aurais tu des liens de messages a me donner stp?
A ce message:
https://www.milouze14.com/t32557-invision-erreur-affichage-sur-les-boutons-profil#620209
Il faut être connecté donc pas facile de voir quelque chose Dan.
Sinon donnes moi tes IDS par MP si tu veux.
- Milouze14Fondateur
-
Milouze14 Mer 8 Avr 2020 - 17:54
Hello Dan,
as tu testé de nouveau pour te connecter ?
Je suis connecté sur ton fofo et je ne vois pas le script qui permet d'avoir les boutons en dessous de l'avatar?
Sur ce sujet:
https://www.quadsalvetain.com/t4395-panne-sur-forum-le-17-06-2019#82198
Le premier fonctionne , c'est ensuite que cela bug.
Edit, j'ai trouvé le script fautif, c'est la réponse automatique dont j'ai supprimé d'une multitudes d'autres script pour en créer un autre.
Il est nommé dans la gestion:
"Réponse automatique sur les sujets".
as tu testé de nouveau pour te connecter ?
Je suis connecté sur ton fofo et je ne vois pas le script qui permet d'avoir les boutons en dessous de l'avatar?
Sur ce sujet:
https://www.quadsalvetain.com/t4395-panne-sur-forum-le-17-06-2019#82198
Le premier fonctionne , c'est ensuite que cela bug.
Edit, j'ai trouvé le script fautif, c'est la réponse automatique dont j'ai supprimé d'une multitudes d'autres script pour en créer un autre.
Il est nommé dans la gestion:
"Réponse automatique sur les sujets".
- Quad Daniel
-
Quad Daniel Mer 8 Avr 2020 - 19:17
je cherche également le bouton vote du bas,que je ne trouve plus qui est dans le cadre a gauche celui là c'est moi qui les mis mais je ne me rappelle plus ou sont les code je chercherai; pour le modifier car vote plus, je mettrais index ou rien car je panse que c'est ce lien qui me met la pagaille
![[INVISION] Erreur affichage sur les boutons profil Captur10](https://i.servimg.com/u/f20/20/19/26/86/captur10.jpg)
![[INVISION] Erreur affichage sur les boutons profil Captur10](https://servimg.com/r/2020192686/captur10.jpg)
- Milouze14Fondateur
-
Milouze14 Mer 8 Avr 2020 - 19:23
Ahhhh, c'est bien pour cela qu'il faut mettre une brève désignation dans le titre du script.
Je viens de le placer en tête de liste:
Nommé:
"JavaSript vote(Sur les sujets) ( NE PAS SUPPRIMER )"
C'est celui-ci:
Je viens de le placer en tête de liste:
Nommé:
"JavaSript vote(Sur les sujets) ( NE PAS SUPPRIMER )"
C'est celui-ci:
- Code:
$(function(){
$('<a id="M14_vote_Rap" href="https://www.quadsalvetain.com/t3325-info-vote-quad-salvetain-fonctionnement#48350"><img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png"title="Info & Lien Vote forum"/></a>').insertBefore('.qreply #quick_reply');
});
$(function(){
$('<a id="M14_vote_btn" href="https://www.quadsalvetain.com/t3325-info-vote-quad-salvetain-fonctionnement#48350"><img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png"title="Info & Lien Vote forum"/></a>').appendTo('.posting-options.topic-options:first');
});
- Milouze14Fondateur
-
Milouze14 Jeu 9 Avr 2020 - 15:34
Hello Dan,
ben oui c'est un bouton menant vers l'accueil de ton fofo
.
Et n'a rien a voir avec l'éditeur .
Et ce bouton correspond à ce script Dan:
ben oui c'est un bouton menant vers l'accueil de ton fofo
.Et n'a rien a voir avec l'éditeur
.Et ce bouton correspond à ce script Dan:
- Code:
$(function(){
$('<a id="M14_vote_Rap" href="https://www.quadsalvetain.com/"><img src="https://i.servimg.com/u/f20/20/19/26/86/pourba10.png"title="Accueil forum"/></a>').insertBefore('.qreply #quick_reply');
});
- photoclic
-
photoclic Ven 10 Avr 2020 - 10:30
Bonjour Daniel et Philippe,
Je crois que ce que veut dire Daniel, c'est que le lien est actif lorsque l'on met la souris loin du bouton.
Si c'est ça, pour éviter cela, dans la feuille de style il faut modifier cette partie du css:
en retirant le height et le width ainsi:
Désolé pour l'intrusion.
Je crois que ce que veut dire Daniel, c'est que le lien est actif lorsque l'on met la souris loin du bouton.
Si c'est ça, pour éviter cela, dans la feuille de style il faut modifier cette partie du css:
- Code:
a#M14_vote_Rap {
height: 190px;
margin-left: -50px;
position: absolute;
width: 221px;
}
en retirant le height et le width ainsi:
- Code:
a#M14_vote_Rap {
margin-left: -50px;
position: absolute;
}
Désolé pour l'intrusion.
- Milouze14Fondateur
-
Milouze14 Ven 10 Avr 2020 - 17:08
Hello Dan et Serge,
Il faut juste indiqué au lien les dimensions de l'image, effectivement les dimensions étaient bien trop importantes:
Je viens de déposer le style Dan:
Il faut juste indiqué au lien les dimensions de l'image, effectivement les dimensions étaient bien trop importantes:
Je viens de déposer le style Dan:
- Code:
a#M14_vote_Rap {
height:32px;
margin-left: -50px;
position: absolute;
width:31px;
}
- Quad Daniel
-
Quad Daniel Ven 10 Avr 2020 - 22:09
merci serge pour tes infosphotoclic a écrit:
Bonjour Daniel et Philippe,
Je crois que ce que veut dire Daniel, c'est que le lien est actif lorsque l'on met la souris loin du bouton.
Si c'est ça, pour éviter cela, dans la feuille de style il faut modifier cette partie du css:
- Code:
a#M14_vote_Rap {
height: 190px;
margin-left: -50px;
position: absolute;
width: 221px;
}
en retirant le height et le width ainsi:
- Code:
a#M14_vote_Rap {
margin-left: -50px;
position: absolute;
}
Désolé pour l'intrusion.
![[INVISION] Erreur affichage sur les boutons profil Daniel12](https://servimg.com/r/6216474504/daniel12.gif)
.
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum