| | Probleme avec infobulle de mon QEEL |  |
|
 Jiben 
{ Membre actif }
 Messages : 314
 | Bonjour a vous, je rencontre un problème avec l'infobulle des mes groupes.
Capture d'écran :
Mes problème sont les suivant :- Je voudrais que la police dans l'infobulle soit plus petit, en minuscules mais le début des phrases en Majuscules.
- Et je voudrais enlevé le fond transparent de mon infobulle car ce n'est pas trop lisible :s
Voici mon CSS : - Citation :
-
- Code:
-
/*
----------------------------------
Fond des casses pour le tutoriel
----------------------------------
*/
.fond {
background-color: none;
}
.fond:hover {
background-color: red;
}
/*
----------------------------------
Les top des sujet du QEEL
----------------------------------
*/
.contour
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}
/*
----------------------------------
infobulle de mes groupes
----------------------------------
*/
a.infobulle {position: relative;}
a.infobulle span {display: none;}
a.infobulle:hover
{background: #1D3C40;
z-index: 999;
}
a.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 22px;
left: 0px;
background-color: #1D3C40;
color: white;
padding: 0px;
border: 1px solid white;
-moz-border-radius : 0px 0px 10px 10px;}
/*
----------------------------------
Les Groupes du QEEL
----------------------------------
*/
.groupes a:hover{
text-decoration: none !important;
border-bottom: 1px dashed #FFFFFF;
border-top: 1px dashed #FFFFFF;
background-color: #D0D0D0;
-moz-border-radius : 10px 0px 10px 0px;
height:30px;
padding-right:8px;
padding-left:8px;
padding-bottom:2px;
background-color: #295b63;
}
.groupes{
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
border: 1px #D0D0D0 ridge;
-moz-border-radius : 10px 0px 10px 0px;
height:30px;
padding-right:8px;
padding-left:8px;
padding-bottom:2px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
/*
----------------------------------
autres ^^
----------------------------------
*/
.complet{
text-align:center;
color:;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.navig{
margin-bottom:1px;
margin-left:15px;
margin-right:15px;
background-color:#295359;
display:block;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
}
.navig:hover{
border-left:5px solid #DADADA;
border-right:5px solid #DADADA;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
#bienvenue {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:20px;
font-weight:bold;
}
.titre {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:18px;
}
.top {
border: 1px solid #F7F7F7;
background-color: #295359;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:4px;
}
a.imginfo {
position: relative;
color: white;
text-decoration: none;
border-bottom: 0px white solid;
padding-right:10px;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 20px;
background: #295359;
color: white;
padding: 3px;
border: 1px inset white;
-moz-border-radius:10px;
}
body.chatbox {
background-color: #1D3C40;
}
a.mainmenu {
background: transparent
filter:alpha(opacity=80);
opacity:0.80;
background-color: #1D3C40;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #23aa9c;
font-size: 11px;}
a.mainmenu:hover{
background-color: #ffffff;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #1D3C40;
font-size: 12px;}
body { cursor: crosshair }
input, textarea, select {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;}
a:hover {
font-variant : small-caps;
letter-spacing: 1px;
text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}
.forumline{background-color: transparent}
td.row1,td.row3.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}
td.row2,td.row1.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}
td.row3{
filter:alpha(opacity=80);
opacity:0.80;}
a { text-decoration: none; }
div, table {
-moz-border-radius:10px;
border: none;}
textarea, .textarea.post, input.post {
-moz-border-radius:8px;}
.quote {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;
color: #948A30}
.code {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;}
color: #948A30;
.forumline{
-moz-border-radius:6px;}
th.secondarytittle {-moz-border-radius-topleft :10px;}
th.lastmess {-moz-border-radius-topright :10px;}
th.secondarytitle {
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;}
.cadreava{
padding : 5px;
background-color:#295359;
-moz-border-radius:5px;}
.cadrepro{
background-color:#295359;
-moz-border-radius:5px;}
.nom {
background-color: #295359;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif;
font-size: 15px;
font-weight: bold;
text-indent: 5%;
text-transform: capitalize;
text-align: left;
color: White;
border-width: 5px;
border-color: white;
border-style: solid ;
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
-moz-border-radius-topright: 30px;
-webkit-border-radius-topright: 30px;
width: 300px;}
.nom_souligne {
border-bottom: 1px solid white;}
a:link {
text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
a:link : hover{
text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
/* limitation-signature */
.limitation-signature img {
max-width: 500px;
max-height: 200px;}
Je vous remercie d'avance de votre aide JIben | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Mets ceci peut-être :
- Code:
-
a.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
foint-variant: none;
top: 22px;
left: 0px;
background-color: CHANGER LA COULEUR ?;
color: white;
padding: 0px;
border: 1px solid white;
-moz-border-radius : 0px 0px 10px 10px;}
| | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Merci la transparence est enlever !
par contre c'est toujours écrit en majuscule :s | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Hum ^^' Essaie plutôt de remplacer "foint-variant: none;" par ce qui suit :
- Code:
-
font-variant: none; | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| L"écriture de l'infobulle est toujours la même que celle de la photo :s | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Et en mettant ceci plutôt ? (sait-on jamais xD)
- Code:
-
font-variant: normal; | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Non, c'est toujours le même !
<Ont aura tenter | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| - Code:
-
text-transform: none !important; | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Sa ne change pas :s
Mais j'ai changer la taille de l'écriture c'est déjà mieux !
Par contre comment faire pour que le texte ne touche pas le bord de la bulle de l'infobulle ? | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| =S Pour le bord, tu mets un code tel que celui-ci :
- Code:
-
padding: 4px; | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| |
| | |
Boow
{ Membre actif }
Messages : 866
| Je ne sais pas trop pour ton autre problème.... Je peux avoir ton css en entier ? | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Le voici : - Code:
-
/*
----------------------------------
Fond des casses pour le tutoriel
----------------------------------
*/
.fond {
background-color: none;
}
.fond:hover {
background-color: red;
}
/*
----------------------------------
Les top des sujet du QEEL
----------------------------------
*/
.contour
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}
/*
----------------------------------
infobulle de mes groupes
----------------------------------
*/
a.infobulle {position: relative;}
a.infobulle span {display: none;}
a.infobulle:hover
{background: #1D3C40;
z-index: 999;
}
a.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
text-transform: none !important;
padding-right:18px;
padding-left:18px;
padding-bottom:2px;
padding-top:2px;
font-size:11px;
font-variant: normal;
top: 22px;
left: 0px;
background-color:#1D3C40;
color: white;
padding: 0px;
border: 1px solid white;
-moz-border-radius : 0px 0px 10px 10px;}
/*
----------------------------------
Les Groupes du QEEL
----------------------------------
*/
.groupes a:hover{
text-decoration: none !important;
border-bottom: 1px dashed #FFFFFF;
border-top: 1px dashed #FFFFFF;
background-color: #D0D0D0;
-moz-border-radius : 10px 0px 10px 0px;
height:30px;
padding-right:8px;
padding-left:8px;
padding-bottom:2px;
background-color: #295b63;
}
.groupes{
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
border: 1px #D0D0D0 ridge;
-moz-border-radius : 10px 0px 10px 0px;
height:30px;
padding-right:8px;
padding-left:8px;
padding-bottom:2px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
/*
----------------------------------
autres ^^
----------------------------------
*/
.complet{
text-align:center;
color:;
}
.complet a{
color:#FFFFFF;
text-decoration:none;
}
.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}
.navig{
margin-bottom:1px;
margin-left:15px;
margin-right:15px;
background-color:#295359;
display:block;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
}
.navig:hover{
border-left:5px solid #DADADA;
border-right:5px solid #DADADA;
}
.textscroll{
overflow:auto;
width:290px;
height: 90px;
}
.block{
padding-bottom:20px;
}
#bienvenue {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:20px;
font-weight:bold;
}
.titre {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:18px;
}
.top {
border: 1px solid #F7F7F7;
background-color: #295359;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:4px;
}
a.imginfo {
position: relative;
color: white;
text-decoration: none;
border-bottom: 0px white solid;
padding-right:10px;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 20px;
background: #295359;
color: white;
padding: 3px;
border: 1px inset white;
-moz-border-radius:10px;
}
body.chatbox {
background-color: #1D3C40;
}
a.mainmenu {
background: transparent
filter:alpha(opacity=80);
opacity:0.80;
background-color: #1D3C40;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #23aa9c;
font-size: 11px;}
a.mainmenu:hover{
background-color: #ffffff;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #1D3C40;
font-size: 12px;}
body { cursor: crosshair }
input, textarea, select {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;}
a:hover {
font-variant : small-caps;
letter-spacing: 1px;
text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}
.forumline{background-color: transparent}
td.row1,td.row3.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}
td.row2,td.row1.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}
td.row3{
filter:alpha(opacity=80);
opacity:0.80;}
a { text-decoration: none; }
div, table {
-moz-border-radius:10px;
border: none;}
textarea, .textarea.post, input.post {
-moz-border-radius:8px;}
.quote {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;
color: #948A30}
.code {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;}
color: #948A30;
.forumline{
-moz-border-radius:6px;}
th.secondarytittle {-moz-border-radius-topleft :10px;}
th.lastmess {-moz-border-radius-topright :10px;}
th.secondarytitle {
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;}
.cadreava{
padding : 5px;
background-color:#295359;
-moz-border-radius:5px;}
.cadrepro{
background-color:#295359;
-moz-border-radius:5px;}
.nom {
background-color: #295359;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif;
font-size: 15px;
font-weight: bold;
text-indent: 5%;
text-transform: capitalize;
text-align: left;
color: White;
border-width: 5px;
border-color: white;
border-style: solid ;
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
-moz-border-radius-topright: 30px;
-webkit-border-radius-topright: 30px;
width: 300px;}
.nom_souligne {
border-bottom: 1px solid white;}
a:link {
text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
a:link : hover{
text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}
/* limitation-signature */
.limitation-signature img {
max-width: 500px;
max-height: 200px;}
Merci d'avance jiben | | |
|
| | |
Boow
{ Membre actif }
Messages : 866
| Et bien.... Je ne sais pas. u_u' Je ne vois pas d'où ça pourrait venir xO | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| okok, merci de ton aide  jiben | | |
|
| | |
Imari
{ Membre hyper-actif }
 Messages : 1538
| Bonjour,
votre problème est-il toujours d'actualité ? | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Non,
vous pouvez locker svp
merci d'avance | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Probleme avec infobulle de mon QEEL | |
|
