Problème d'affichage sur les boutons du forum au survol de la souris
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème d'affichage sur les boutons du forum au survol de la souris
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
Re: Problème d'affichage sur les boutons du forum au survol de la souris
Bonjour,
dans votre feuille de style css, localisez puis supprimez les codes suivants :
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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Problème d'affichage sur les boutons du forum au survol de la souris
Bonjour,
Après une recherche approfondie je n'ai pas trouvé les codes suivants dans mon css. Je vous donne le css entier :
Je vous remercie d'avance !
Bonne soirée
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
Re: Problème d'affichage sur les boutons du forum au survol de la souris
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 :
(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 ^^ : )
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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Problème d'affichage sur les boutons du forum au survol de la souris
Je vous remercie infiniment ! Tout fonctionne !
Et merci au passage pour le réalignement du css !
Bonne soirée à vous !
Et merci au passage pour le réalignement du css !
Bonne soirée à vous !
Sujets similaires
» Image Reactive au survol de la souris
» Problème de barre de navigation au survol de la souris
» Garder le corps du forum fixe au passage de la souris sur les boutons de la barre de navigation
» Changement de bouton au survol de la souris
» Effet sur lien au survol de la souris
» Problème de barre de navigation au survol de la souris
» Garder le corps du forum fixe au passage de la souris sur les boutons de la barre de navigation
» Changement de bouton au survol de la souris
» Effet sur lien au survol de la souris
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum