Problème d'affichage sur les boutons du forum au survol de la souris

2 participants

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

Résolu Problème d'affichage sur les boutons du forum au survol de la souris

Message par Gae67 Lun 6 Juil 2015 - 12:35

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : quelques semaines
Lien du forum : http://famille-pandora.forumgratuit.org

Description du problème

Bonjour,

Je viens vous faire part d'un problème d'affichage sur "tous les boutons du forum" lorsque je passe la souris dessus, les écritures sont invisibles et cela peut induire en erreur la plupart des membres de mon forum.

J'aimerai savoir comment peut-on régler ce problème de façon définitive sachant que ce problème survient sur chaque bouton comme ceux présentés sur la capture d'écran mais aussi les boutons s'enregistrer ou connexion lorsque nous ne sommes pas connectés au forum.

Merci d'avance pour votre future aide !
Bonne journée, Cordialement.


Dernière édition par Gae67 le Mer 8 Juil 2015 - 21:49, édité 1 fois
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur les boutons du forum au survol de la souris

Message par MlleAlys Mer 8 Juil 2015 - 19:18

Bonjour,
dans votre feuille de style css, localisez puis supprimez les codes suivants :
Code:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
  background-position: 0 100%;
  border: 1px solid #fff;
  color: #fff;
}
Code:
a.button1:active, a.button1:link, a.button1:visited, a.button2:active, a.button2:link, a.button2:visited {
  background-position: 0 1px;
  color: #fff;
  line-height: 250%;
  padding: 2px 8px;
  text-decoration: none;
  vertical-align: text-bottom;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur les boutons du forum au survol de la souris

Message par Gae67 Mer 8 Juil 2015 - 20:21

Bonjour,

Après une recherche approfondie je n'ai pas trouvé les codes suivants dans mon css. Je vous donne le css entier :

Code:
dl.newpost {
    background-color:#0E60FA!important;}
/*LA BOITE QUI VA ENTOURER LE TEXTE*/
#M14_Dialog
{
position:fixed;
width:100%;
height:100%;
left: 0%;
top:0%;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
padding: 8px !important;
z-index:999;
}
/*LA BOITE QUI AFFICHERA LE TEXTE*/
.M14_Dialog
{
position:fixed;
top:35%;
left: 25%;
width: 50%;
background:#292D36;
-webkit-box-shadow:  0px 0px 50px 10px #91A9A6;
-moz-box-shadow:    0px 0px 50px 10px #91A9A6;
box-shadow:        0px 0px 50px 10px #91A9A6;
padding:50px;
color:#FF0B0B ;
font-size:25px;
line-height: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*LE BOUTON DE FERMETURE*/
a#M14_close{cursor:pointer;float:right;color:red;}
#main-content p {
    background-color: #25242C;
    }
    ul.linklist {
    border: none;
    }
    /* Icônes couleur dans la palette */
   
  .color-option {
    display: inline-block !important;
    width: 15px !important;  /* largeur de l'icône couleur */
    height: 15px !important;  /* hauteur de l'icône couleur */
    border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
    margin: 3px !important;  /* espace entre chaque icône */
    box-shadow: 0 0 2px #778899;  /* ombre */
    cursor: pointer !important;
    }
    .color-option span{
    display: block !important;
    width: 15px !important;  /* largeur de l'icône couleur */
    height: 15px !important;  /* hauteur de l'icône couleur */
    }
    .color-option, .color-option span {
    border-radius: 2px;  /* arrondi */
  }
   
  /* Palette complète - la largeur influence le nombre d'icônes affichées */
    .sceditor-dropdown.sceditor-color-picker {
    width: 200px !important;  /* largeur de la palette complète */
    height: 100px !important;  /* hauteur de la palette complète */
    padding: 5px !important;
    border-radius: 5px !important;
    }
    .topiclist dl.icon {
    min-height: 90px;
    }
    .fa_avatar {
      width: 25px;
      height: 25px;
      position: relative;
      top: -3px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: -10px;
    }
    .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;
    }
    .bouhautbas {
        bottom: 40px;
        left: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
    /* Début - style pour vérification pseudo à l'inscription */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }
    /* Fin - style pour vérification pseudo à l'inscription */
    .signature_div img{
        max-width: 550px !important;
        max-height: 250px !important;
        }
    body{
        background-position: top center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .module table[summary="Les posteurs les plus actifs du mois"] tr td.row1[width="30%"],.module table[summary="Les posteurs les plus actifs du mois"] tr td.row2[width="30%"] {
        border-right: 1px solid #4FB3AE !important;
    }
   
  .module table[summary="Les posteurs les plus actifs du mois"] tr td.row1,.module table[summary="Les posteurs les plus actifs du mois"] tr td.row2 {
        border-bottom: 1px solid #4FB3AE !important;
    }
    #av_quickreply img {
        left: 15px;
        position: relative;
        top: 35px;
    }
   
  #av_quickreply {
        float: left;
        position : absolute;
    }
    @-moz-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@-webkit-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@-o-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@-ms-keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }@keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
    }
    .blink{-moz-animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite;-o-animation:blink 1s linear infinite;-ms-animation:blink 1s linear infinite;animation:blink 1s linear infinite}
    ul.topics li.header dl.icon dt
    /*le message*/
    .M14_Message
    {
    padding:3px ; /*on donne des espaces de 3px*/
    color:grey; /*on donne une couleur de police*/
    border:2px solid grey;/*on donne une couleur aux bordures*/
    width:98%;/*on defini une largeur */
    }
 
/*Ajout Milouze*/
.forumbg.announcement ul.topics li.header dl.icon dt
{
padding-right: 80px;
}
.topiclist.topics.bg_none .icon
{
padding-left: 95px;
}
/*Fin d ajout de Milouze*/
dl.annonce {background-color:#;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#;} /* Modifie la couleur de fond des Note */
    /* Début - style pour vérification pseudo à l'inscription */
    #username_reg {
      color: #a90c0c;
    }
    #username_reg.okusername {
      color: #2f9122;
    }
    /* Fin - style pour vérification pseudo à l'inscription */
.forumbg li.header dl.icon
{
padding-left: 100px;
}
    blink {
              visibility: expression((function(){
              if (!window.IEBlink) {
              window.IEBlink = "visible";
              setInterval(function() {
              window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
              var blinks = document.getElementsByTagName("blink");
              for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
              }, 700)
              }
              return "";
              })());
            }
.page-bottom,.chatbox_popup,.h3 {
background-color: #25242C !important;
}
.module {
border: 2px solid #CE5712;
}
.introduction
{
background-image:url();
background-repeat:no-repeat;
  border: 2px solid #CE5712;
}
#search-box #keywords
{
width:100px;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition:width 1s;
transition:width 1s;
}
 
#search-box #keywords:focus
{
  width:200px;
}
#search-box #keywords {
background : #25242C;
border: 2px solid #CE5712;
}
.inputbox:focus {
border: 2px solid #CE5712;
}
h2.chatbox-title:after { content: "Pando'Chat"; }
a.chat-title { display: none; }
.my_gs{
      /* Propriétés CSS (sans !important) */
}
 
div#my_gs{
        width: 300px; /* Par exemple */
}
input.gsc-input{
      /* Propriétés CSS (avec !important) */
}
#gsc-i-id1{
        /* Propriétés CSS (avec !important) */
}
input.gsc-search-button{
      /* Propriétés CSS (avec !important) */
}
body {
  background-image:url(http://img15.hostingpics.net/pics/594436fondpandora.png);
  background-size: 100% auto;
}
#login_popup {
background-color: #fff !important;
}
#login_popup .h3 {
background-color: #C082FA !important;
color: black !important;
}
/*()Bouton avertissement rapide */
 
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
 
/* administrateur bb-Code - bloc de message d'enregistrement */
 
.adm_mess {
background: #C30303;
background: -moz-linear-gradient(left, #C30303 0%, #910000 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C30303), color-stop(100%, #910000));
background: -webkit-linear-gradient(left, #C30303 0%, #910000 100%);
background: -o-linear-gradient(left, #C30303 0%, #910000 100%);
background: -ms-linear-gradient(left, #C30303 0%, #910000 100%);
background: linear-gradient(left, #C30303 0%, #910000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#910000", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Administrateur bb-Code - mise en page */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #FFFFFF; 
}
   
/* Administrateur BB-Code - présentation du texte */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
 
/* Messages BB-Code - bloc de message d'enregistrement */
 
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Messages BB-Code - Un titre */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;   
}
   
/* modernité BB-Code - présentation du texte */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
}
#page-footer .navbar, #page-footer > p, #picture_legend { background-color:#25242C }
/*citations codes et spoilers*/
 
dl.codebox, .content blockquote {
  background-color: #25242C;
  color: #FFFFFF;
  border: 3px solid #4FB3AE;
}
dl.codebox code {
  color: #FFFFFF;
}
/*fin citations codes et spoilers*/

/*roll-over correctif*/
fieldset dl:hover dt label {
    color: white;
}
.h3, h3 {
color: white;}
/*fin roll-over correctif*/

/*personnalisation de la couleur des mentions*/
/* style par défaut */
a.fa-mention {
  color:#4FB3AE;
}
 
/* style au survol */
a.fa-mention:hover {
  color:#4FB3AE;
}
/*fin personnalisation de la couleur des mentions*/

/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

/* options du menu des hashtags */
.fa-hashtag-options {
  color:#666;
  font-size:11px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  line-height:14px;
  background:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
  margin-top:20px;
  padding:3px;
  position:absolute;
  z-index:100;
}
 
/* options du titre */
.fa-hashtag-title {
  font-size:12px;
  border-bottom:1px solid #CCC;
  padding-bottom:3px;
  margin-bottom:3px;
}
 
/* options des liens */
.fa-hashtag-options a {
  color:#333;
  text-decoration:none;
  display:inline-block;
  padding:2px 6px 2px 0;
}
 
.fa-hashtag-options a:hover {
  color:#666;
  text-decoration:underline;
}
 
/* options des mots gras */
.fa-hashtag-options b {
  color:#333;
  padding-left:6px;
}
 
/* options des tags */
.fa-hashtag-tag {
  color:#000;
  font-weight:bold;
}

/* hashtag style */
a.fa-hashtag {
  color:#666;
  text-decoration:none;
  background-color:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  display:inline-block;
  padding:3px;
}
 
a.fa-hashtag:hover {
  color:#333;
  background-color:#DDD;
  border-color:#999;
}

/* image du bouton hashtag */
.sceditor-button-hashtag div { background-image:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }
 
/* menu déroulant des hashtags */
#fa-hashtag {
  background:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

.realTime_alert{
background:#FDFDFD no-repeat 10px center;
-webkit-background-size:50px;
  -moz-background-size:50px;
    -o-background-size:50px;
        background-size:50px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
        box-shadow:0 0 4px rgba(0,0,0,.6);
position:fixed;
top:50px;
right:20px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
font-family:Helvetica;
color:#474747;
}
.realTime_alert b{
display:block;
margin-bottom:5px;
font-size:15px;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
  -moz-border-radius:50px;
        border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:#FFF;
background:#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
  -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
        transition-duration:500ms;
background:rgba(0, 0, 0, .8);
padding:10px;
-webkit-border-radius:3px;
  -moz-border-radius:3px;
        border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:#fff;
}

/*Optimisation Pando'Chat - Couleurs déconnexion/connexion*/

.msg span[style="color:green"] strong {
  color: #92FF87;
}
.msg span[style="color:red"] strong {
  color: #FFA6A6;
}
/*fin couleurs déconnexio/connexion*/

/*Couleur fond zone de saisie*/

#chatbox_footer #message {
  background: #25242C;
}
/*fin couleur fond zone de saisie*/

Je vous remercie d'avance !
Bonne soirée
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur les boutons du forum au survol de la souris

Message par MlleAlys Mer 8 Juil 2015 - 21:29

Ah oui pardon j'ai fait une erreur, ce n'est pas un code de la feuille de style personnalisée, mais de la feuille de style par défaut : blanc doit être la couleur des liens au survol dans votre panneau d'administration ^^

Pour modifier les boutons sans modifier tous les liens du forum, essayez d'ajouter le code suivant dans votre feuille de style css du coup :
Code:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, a.button1:active, a.button1:link, a.button1:visited, a.button2:active, a.button2:link, a.button2:visited {
  color: black;
}

(au passage votre feuille de style réalignée si a vous intéresse, le code javascript glissé au milieu en moins, et le code précédent ajouté à la fin ^^ : )
Code:
dl.newpost {
    background-color:#0E60FA!important;
}
/*LA BOITE QUI VA ENTOURER LE TEXTE*/
 #M14_Dialog {
    position:fixed;
    width:100%;
    height:100%;
    left: 0%;
    top:0%;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
    padding: 8px !important;
    z-index:999;
}
/*LA BOITE QUI AFFICHERA LE TEXTE*/
 .M14_Dialog {
    position:fixed;
    top:35%;
    left: 25%;
    width: 50%;
    background:#292D36;
    -webkit-box-shadow: 0px 0px 50px 10px #91A9A6;
    -moz-box-shadow: 0px 0px 50px 10px #91A9A6;
    box-shadow: 0px 0px 50px 10px #91A9A6;
    padding:50px;
    color:#FF0B0B;
    font-size:25px;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*LE BOUTON DE FERMETURE*/
 a#M14_close {
    cursor:pointer;
    float:right;
    color:red;
}
#main-content p {
    background-color: #25242C;
}
ul.linklist {
    border: none;
}
/* Icônes couleur dans la palette */
 .color-option {
    display: inline-block !important;
    width: 15px !important; /* largeur de l'icône couleur */
    height: 15px !important; /* hauteur de l'icône couleur */
    border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
    margin: 3px !important; /* espace entre chaque icône */
    box-shadow: 0 0 2px #778899; /* ombre */
    cursor: pointer !important;
}
.color-option span {
    display: block !important;
    width: 15px !important; /* largeur de l'icône couleur */
    height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
    border-radius: 2px; /* arrondi */
}
/* Palette complète - la largeur influence le nombre d'icônes affichées */
 .sceditor-dropdown.sceditor-color-picker {
    width: 200px !important; /* largeur de la palette complète */
    height: 100px !important; /* hauteur de la palette complète */
    padding: 5px !important;
    border-radius: 5px !important;
}
.topiclist dl.icon {
    min-height: 90px;
}
.fa_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
.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;
}
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
/* Début - style pour vérification pseudo à l'inscription */
 #username_reg {
    color: #a90c0c;
}
#username_reg.okusername {
    color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */
 .signature_div img {
    max-width: 550px !important;
    max-height: 250px !important;
}
body {
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.module table[summary="Les posteurs les plus actifs du mois"] tr td.row1[width="30%"], .module table[summary="Les posteurs les plus actifs du mois"] tr td.row2[width="30%"] {
    border-right: 1px solid #4FB3AE !important;
}
.module table[summary="Les posteurs les plus actifs du mois"] tr td.row1, .module table[summary="Les posteurs les plus actifs du mois"] tr td.row2 {
    border-bottom: 1px solid #4FB3AE !important;
}
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
#av_quickreply {
    float: left;
    position : absolute;
}
@-moz-keyframes blink {
    0% { opacity:1 }
    50% { opacity:0 }
    100% { opacity:1 }
}
@-webkit-keyframes blink {
    0% { opacity:1 }
    50% { opacity:0 }
    100% { opacity:1 }
}
@-o-keyframes blink {
    0% { opacity:1 }
    50% { opacity:0 }
    100% { opacity:1 }
}
@-ms-keyframes blink {
    0% { opacity:1 }
    50% { opacity:0 }
    100% { opacity:1 }
}
@keyframes blink {
    0% { opacity:1 }
    50% { opacity:0 }
    100% { opacity:1 }
}
.blink {
    -moz-animation:blink 1s linear infinite;
    -webkit-animation:blink 1s linear infinite;
    -o-animation:blink 1s linear infinite;
    -ms-animation:blink 1s linear infinite;
    animation:blink 1s linear infinite
}
ul.topics li.header dl.icon dt
/*le message*/
 .M14_Message {
    padding:3px; /*on donne des espaces de 3px*/
    color:grey; /*on donne une couleur de police*/
    border:2px solid grey; /*on donne une couleur aux bordures*/
    width:98%; /*on defini une largeur */
}
/*Ajout Milouze*/
 .forumbg.announcement ul.topics li.header dl.icon dt {
    padding-right: 80px;
}
.topiclist.topics.bg_none .icon {
    padding-left: 95px;
}
/*Fin d ajout de Milouze*/

/* Début - style pour vérification pseudo à l'inscription */
 #username_reg {
    color: #a90c0c;
}
#username_reg.okusername {
    color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */
 .forumbg li.header dl.icon {
    padding-left: 100px;
}

.page-bottom, .chatbox_popup, .h3 {
    background-color: #25242C !important;
}
.module {
    border: 2px solid #CE5712;
}
.introduction {
    background-image:url();
    background-repeat:no-repeat;
    border: 2px solid #CE5712;
}
#search-box #keywords {
    width:100px;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition:width 1s;
    transition:width 1s;
}
#search-box #keywords:focus {
    width:200px;
}
#search-box #keywords {
    background : #25242C;
    border: 2px solid #CE5712;
}
.inputbox:focus {
    border: 2px solid #CE5712;
}
h2.chatbox-title:after {
    content:"Pando'Chat";
}
a.chat-title {
    display: none;
}

div#my_gs {
    width: 300px; /* Par exemple */
}

body {
    background-image:url(http://img15.hostingpics.net/pics/594436fondpandora.png);
    background-size: cover;
}
#login_popup {
    background-color: #fff !important;
}
#login_popup .h3 {
    background-color: #C082FA !important;
    color: black !important;
}
/*()Bouton avertissement rapide */
 .mod_mess, .adm_mess {
    margin: 5px auto;
    width: 90%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.mod_mess a.postlink, .adm_mess a.postlink {
    color: #FFF !important;
    text-decoration: underline !important;
}
/* administrateur bb-Code - bloc de message d'enregistrement */
 .adm_mess {
    background: #C30303;
    background: -moz-linear-gradient(left, #C30303 0%, #910000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #C30303), color-stop(100%, #910000));
    background: -webkit-linear-gradient(left, #C30303 0%, #910000 100%);
    background: -o-linear-gradient(left, #C30303 0%, #910000 100%);
    background: -ms-linear-gradient(left, #C30303 0%, #910000 100%);
    background: linear-gradient(left, #C30303 0%, #910000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#910000", GradientType=1);
    -webkit-box-shadow: 4px 4px 0px 0px #352727;
    -moz-box-shadow: 4px 4px 0px 0px #352727;
    box-shadow: 4px 4px 0px 0px #352727;
}
/* Administrateur bb-Code - mise en page */
 .adm_mess .titl {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px dashed #FFFFFF;
}
/* Administrateur BB-Code - présentation du texte */
 .adm_mess .titl + div {
    display: block;
    margin-left: 10px;
    padding: 25px 5px 25px 80px;
    background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
/* Messages BB-Code - bloc de message d'enregistrement */
 .mod_mess {
    background: #5c93f5;
    background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
    background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
    -webkit-box-shadow: 4px 4px 0px 0px #352727;
    -moz-box-shadow: 4px 4px 0px 0px #352727;
    box-shadow: 4px 4px 0px 0px #352727;
}
/* Messages BB-Code - Un titre */
 .mod_mess .titl {
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px dashed #0D4DD3;
}
/* modernité BB-Code - présentation du texte */
 .mod_mess .titl + div {
    display: block;
    margin-left: 10px;
    padding: 25px 5px 25px 80px;
    background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;
}
#page-footer .navbar, #page-footer > p, #picture_legend {
    background-color:#25242C
}
/*citations codes et spoilers*/
 dl.codebox, .content blockquote {
    background-color: #25242C;
    color: #FFFFFF;
    border: 3px solid #4FB3AE;
}
dl.codebox code {
    color: #FFFFFF;
}
/*fin citations codes et spoilers*/

/*roll-over correctif*/
 fieldset dl:hover dt label {
    color: white;
}
.h3, h3 {
    color: white;
}
/*fin roll-over correctif*/

/*personnalisation de la couleur des mentions*/

/* style par défaut */
 a.fa-mention {
    color:#4FB3AE;
}
/* style au survol */
 a.fa-mention:hover {
    color:#4FB3AE;
}
/*fin personnalisation de la couleur des mentions*/

/* image du bouton mentionner */
 .sceditor-button-mention div {
    background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important
}
/* menu déroulant du bouton mentionner */
 #fa-mention {
    background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
    padding-left:22px;
}
/* options du menu des hashtags */
 .fa-hashtag-options {
    color:#666;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:14px;
    background:#EEE;
    border:1px solid #CCC;
    border-radius:3px;
    box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
    margin-top:20px;
    padding:3px;
    position:absolute;
    z-index:100;
}
/* options du titre */
 .fa-hashtag-title {
    font-size:12px;
    border-bottom:1px solid #CCC;
    padding-bottom:3px;
    margin-bottom:3px;
}
/* options des liens */
 .fa-hashtag-options a {
    color:#333;
    text-decoration:none;
    display:inline-block;
    padding:2px 6px 2px 0;
}
.fa-hashtag-options a:hover {
    color:#666;
    text-decoration:underline;
}
/* options des mots gras */
 .fa-hashtag-options b {
    color:#333;
    padding-left:6px;
}
/* options des tags */
 .fa-hashtag-tag {
    color:#000;
    font-weight:bold;
}
/* hashtag style */
 a.fa-hashtag {
    color:#666;
    text-decoration:none;
    background-color:#EEE;
    border:1px solid #CCC;
    border-radius:3px;
    display:inline-block;
    padding:3px;
}
a.fa-hashtag:hover {
    color:#333;
    background-color:#DDD;
    border-color:#999;
}
/* image du bouton hashtag */
 .sceditor-button-hashtag div {
    background-image:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important
}
/* menu déroulant des hashtags */
 #fa-hashtag {
    background:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;
    padding-left:22px;
}
.realTime_alert {
    background:#FDFDFD no-repeat 10px center;
    -webkit-background-size:50px;
    -moz-background-size:50px;
    -o-background-size:50px;
    background-size:50px;
    -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .6);
    -moz-box-shadow:0 0 4px rgba(0, 0, 0, .6);
    box-shadow:0 0 4px rgba(0, 0, 0, .6);
    position:fixed;
    top:50px;
    right:20px;
    min-height:60px;
    font-size:13px;
    width:200px;
    padding:10px 10px 10px 70px;
    font-family:Helvetica;
    color:#474747;
}
.realTime_alert b {
    display:block;
    margin-bottom:5px;
    font-size:15px;
}
.realTime_alert .close {
    position:absolute;
    right:10px;
    top:5px;
    font-size:15px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    height:16px;
    width:16px;
    text-align:center;
    line-height:13px;
    cursor:pointer;
}
.realTime_alert .close:hover {
    color:#FFF;
    background:#666;
}
#ebtzd .tooltip {
    opacity:0;
    position:relative;
    overflow:visible;
    z-index:100!important;
    display:inline-block;
    top:5px;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    transition-duration:500ms;
    background:rgba(0, 0, 0, .8);
    padding:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-family:Helvetica;
    letter-spacing:1px;
    font-size:13px;
    width:300px;
    color:#fff;
}
/*Optimisation Pando'Chat - Couleurs déconnexion/connexion*/
 .msg span[style="color:green"] strong {
    color: #92FF87;
}
.msg span[style="color:red"] strong {
    color: #FFA6A6;
}
/*fin couleurs déconnexio/connexion*/

/*Couleur fond zone de saisie*/
 #chatbox_footer #message {
    background: #25242C;
}
/*fin couleur fond zone de saisie*/

/*couleurs des boutons au survol*/
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, a.button1:active, a.button1:link, a.button1:visited, a.button2:active, a.button2:link, a.button2:visited {
  color: black;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur les boutons du forum au survol de la souris

Message par Gae67 Mer 8 Juil 2015 - 21:50

Je vous remercie infiniment ! Tout fonctionne !

Et merci au passage pour le réalignement du css !

Bonne soirée à vous !
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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