L'apparence des liens sur mon forum.

[Invité]

Bonjour,

Dans mon CSS j'ai ce code qui fonctionne sur la barre de navigation :

Code:

a.mainmenu:hover {
text-transform:uppercase;
text-decoration:overline underline !important;
}

Comment le faire fonctionner sur tous les liens svp ?

[Dr. Karlos]

Bonsoir,

Il s'agit de remplacer votre "a.mainmenu:hover" par "a:hover".


Cordialement,
Dr. Karlos

[Invité]

ça fonctionne, mais mes liens ne sont plus soulignés + surlignés. (ligne en dessous et au dessous) comme avant. Ils sont juste en majuscule maintenant. :/

[Dr. Karlos]

Bonsoir,

Les liens en général? Remplacez votre ancien code (a:hover) par celui-ci:

Code:

a:hover {
text-transform:uppercase;
text-decoration:overline underline !important;
}

Cordialement,
Dr. Karlos

[Invité]

Heu c'est le même que j'avais déjà
Donc aucun changement

Mais merci quand même

[SoraNoHime]

Bonjour

puis-je avoir un lien vers votre forum ?

Cordialement

[Invité]

Le voilà : http://artsport.forumgratuit.org/

[SoraNoHime]

Personnellement j'ai bien le double soulignement sur mon forum test

puis-je avoir votre css complète pour vérifier les bugs ?

[Invité]

Code:

a.forumlink:hover {
padding-left: 15px; /* Distance lors du déplacement */
text-transform: uppercase; /* Majuscules lors du déplacement */
color: #couleur !important;
text-decoration: none;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}
a:hover {
text-transform:uppercase;
text-decoration:overline underline !important;
}

.statistiques{
border:0px;
background-image: url("http://img11.hostingpics.net/pics/449790QEELcopie.png");
background-repeat: no-repeat;
background-position: left;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

*/ OMBRE SUR TOUT LES LIENS */

a.forumlink {
text-shadow: 2px 2px 2px #FFFFFF;
}

a
{
text-decoration: none;
}

 body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}





a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}




.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #5E867C;
}






body {background-repeat: no-repeat;}

Body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}



a.forumlink{

font-family:font; verdana
padding-right:20px;
 text-transform: uppercase;
color:#C77931;
font-size: 18px;
display:block;



}
a.forumlink:hover{

font-family:font; verdana
padding-right:20px;
 text-transform: uppercase;
color:#C77931;
font-size: 18px;

}



a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}






.milieu {width: 90%; margin: 0px; border: 1px solid #CCC8C5;-moz-border-radius: 10px; -webkit-border-radius: 5px; padding: 5px;  background-color: #CCC8C5; body }


.derniers_sujets{
margin-top: 3px;
width: 150px; /*Modifie pour avoir la largeur que tu souhaite*/
padding: 3px;
border: 1px double #541D1D; /*Contour autour de ton texte*/
background-color:#COULEUR; /*Fond de ton texte*/
-moz-border-radius-topleft: 10px; /*Pour arrondir le bord en haut à gauche*/
-moz-border-radius-bottomright: 10px; /*Pour arrondir le bord en bas à droite*/
}

.sujets_messages
{margin-top: 3px; /* pour faire un lÃger espace entre le bord et la ligne des "messages & sujets"; on Ãvite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on Ãvite de retirer */
border: 1px dotted ##541D1D;
background-color: #COULEUR;
-moz-border-radius: 7px 0px 4px 0px;
width: 150px;}

.titre_categorie {
      background: #E1D7BC; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom:-5px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 100%; /*largeur à modifier selon vos goûts*/
      margin-left: 0px; /*pour dÃplacer la position des titres des catÃgories*/
      padding-top: 5px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 0px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #923740; /*ombre sur le texte*/
border: 1px solid #923740;
}



a.mainmenu {
text-decoration: none;
-moz-border-radius :5px;
-webkit-border-radius: 5px;
background-color:#D0D4BF;
border-left:1px solid #D0D4BF;
border-right:1px solid #D0D4BF;
border-bottom: 2px solid #D0D4BF;
border-top: 1px solid #D0D4BF;
color:#923740;
font-size:10px;
font-variant:verdana;
padding-right:10px;
text-align:center;}


.tableauqueel{
background-color : #E3E0DF;
-moz-border-radius:0px;
Border-top:2px solid #E3E0DF;
border-bottom:4px solid #E3E0DF;
border-left:10px solid #E3E0DF;
border-right:10px solid #E3E0DF;
}

.partiedroite {
font-size : 12px;
border-left : 3px dotted #C22B3A;
padding-left : 10x }

.groupes{
background-color:#CCCD95;
border: 1px color #CCCD95;
-moz-border-radius : 5px 5px 5px 5px;
height:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:3px;
font-size:10px


}


#table_head
{
width: 930px;
height: 200px;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/824277Boutonsidebar2bis.png);
background-repeat: no-repeat;
margin: auto;
}

#table_foot
{
width: 930px;
height: 200px;
background-color: transparent;
background-image: url(http://img4.hostingpics.net/pics/936411Boutonashleysidebar1.png);
background-repeat: no-repeat;
margin-top: -5px
}

a.imginfo {
  position: relative;
}

a.imginfo span {
  display: none;
}

a.imginfo:hover {
  background: none;
  z-index: 999;

}
a.imginfo:hover span {
  display: inline;
  position: absolute;

  white-space: nowrap;

  top: 5px;
  left: 15px;

  background: #ebebeb;

  color: black;
  padding: 3px;

 
  border: 1px dotted black;
  border-left: 1px dotted black;
}


 /* icone en ligne-hors ligne */

#post_onlin{
background: url('http://nsa28.casimages.com/img/2011/09/04/110904031333541355.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 127px;
margin-left: -22px;
margin-top: 20px;
padding: 0;
border: 0;
}


.postbody, td.row1 span.gensmall
 { text-align: justify; display: block;}
td.row1.over span.gensmall
{ text-align: left; }

::-moz-selection{
 background:#0F0203;
 color:#ffffff;
 text-shadow: none;
}

::selection{
 background:#0F0203;
 color:#ffffff;
 text-shadow: none;
}

.bloc-tfa {     
    background: #b5c9d9;
    position: relative;
    overflow: hidden;   
    height: 120px;         
    width: 250px;
    margin: 0;
    padding: 0;
    border: 1px solid #7da2bc;   
}
.bloc-tfa  p{
    display: block;
    color: #00305c;         
    height: 120px;
    width: 250px;
    margin: 0;         
    padding: 0;            
}         
.bloc-tfa img{         
    position: absolute;         
    top: 0;         
    left: 0;               
}


/*DEBUT PAGE D'ACCUEIL*/
.linknav {
  display:block;
  background-color: #E6C6CB;
  margin:5px;
  padding:5px;
  color: #8B5D1D !important;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #DAE698;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;}
.titre {
  display:block;
  background-color: #E6C6CB;
  padding:5px;
  margin:5px;
  color: #B55E6D;
  text-align:center;
  text-transform:uppercase;
  border: 1px solid #DAE698;
  border-left:5px solid #DB9744;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-radius-topright: 10px;
  -webkit-border-radius-bottomleft:10px;}
.content {
  display:block;
  height:150px;
  overflow:auto;
  background-color: #E6C6CB;
  padding:5px;
  margin:5px;
  color: #C489B5;
  border: 1px solid #DAE698;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-radius-topleft: 10px;
  -webkit-border-radius-bottomleft:10px;}
/*CODAGE INFOBULLES STAFF*/
.tstaff{font-size:1em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{
  position: absolute;
  background-color: #E6C6CB;
  padding: 5px;
  left: -1000px;
  visibility: hidden;
  color: #B55E6D;
  text-transform:uppercase;}
  .thumbnail span img{padding: 2px;}
  .thumbnail:hover span{
  visibility: visible;
  top: 15px;
  left: 25px;
  width: 150px;
  padding:5px;
  border: 1px solid #DAE698;}
/*CODAGE INFOBULLES PREDEFINIS*/
a.info {
  position: relative;
  color: #8B5D1D;
  font-size:10px;
  text-decoration: none;}
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.info:hover span {
  width:200px;
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  top: -50px; /* on positionne notre infobulle */
  left: 20px;
  background-color: #303030;
  color: #DB9744;
  text-align:center;
  padding: 2px;
  border: 1px solid #DAE698;}
/*FIN PAGE D'ACCUEIL*/

Le voilà Merci beaucoup

[SoraNoHime]

a
{
text-decoration: none;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}


Vous avez ces parties dans votre css qui bloque le code ^^

[Invité]

Je les ai tous enlevés, mais ça ne change rien

[SoraNoHime]

Cela fonctionne pourtant désormais sur mon forum test.

voici ce que vous devez désormais avoir dans votre css :

Code:

a.forumlink:hover {
padding-left: 15px; /* Distance lors du déplacement */
text-transform: uppercase; /* Majuscules lors du déplacement */
color: #couleur !important;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}
a:hover {
text-transform:uppercase;
text-decoration:overline underline !important;
}
 
.statistiques{
border:0px;
background-image: url("http://img11.hostingpics.net/pics/449790QEELcopie.png");
background-repeat: no-repeat;
background-position: left;
height:270px;}
 
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
 
*/ OMBRE SUR TOUT LES LIENS */
 
a.forumlink {
text-shadow: 2px 2px 2px #FFFFFF;
}
 

 body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}
 
 
 
 
 
 
 
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #5E867C;
}
 
 
 
 
 
 
body {background-repeat: no-repeat;}
 
Body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}
 
 
 
a.forumlink{
 
font-family:font; verdana
padding-right:20px;
 text-transform: uppercase;
color:#C77931;
font-size: 18px;
display:block;
 
 
 
}
a.forumlink:hover{
 
font-family:font; verdana
padding-right:20px;
 text-transform: uppercase;
color:#C77931;
font-size: 18px;
 
}
 
 
 
 
 
 
 
.milieu {width: 90%; margin: 0px; border: 1px solid #CCC8C5;-moz-border-radius: 10px; -webkit-border-radius: 5px; padding: 5px;  background-color: #CCC8C5; body }
 
 
.derniers_sujets{
margin-top: 3px;
width: 150px; /*Modifie pour avoir la largeur que tu souhaite*/
padding: 3px;
border: 1px double #541D1D; /*Contour autour de ton texte*/
background-color:#COULEUR; /*Fond de ton texte*/
-moz-border-radius-topleft: 10px; /*Pour arrondir le bord en haut à gauche*/
-moz-border-radius-bottomright: 10px; /*Pour arrondir le bord en bas à droite*/
}
 
.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
border: 1px dotted ##541D1D;
background-color: #COULEUR;
-moz-border-radius: 7px 0px 4px 0px;
width: 150px;}
 
.titre_categorie {
      background: #E1D7BC; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom:-5px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 100%; /*largeur à modifier selon vos goûts*/
      margin-left: 0px; /*pour déplacer la position des titres des catégories*/
      padding-top: 5px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 0px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #B47D7B; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #923740; /*ombre sur le texte*/
border: 1px solid #923740;
}
 
 
 
a.mainmenu {
text-decoration: none;
-moz-border-radius :5px;
-webkit-border-radius: 5px;
background-color:#D0D4BF;
border-left:1px solid #D0D4BF;
border-right:1px solid #D0D4BF;
border-bottom: 2px solid #D0D4BF;
border-top: 1px solid #D0D4BF;
color:#923740;
font-size:10px;
font-variant:verdana;
padding-right:10px;
text-align:center;}
 
 
.tableauqueel{
background-color : #E3E0DF;
-moz-border-radius:0px;
Border-top:2px solid #E3E0DF;
border-bottom:4px solid #E3E0DF;
border-left:10px solid #E3E0DF;
border-right:10px solid #E3E0DF;
}
 
.partiedroite {
font-size : 12px;
border-left : 3px dotted #C22B3A;
padding-left : 10x }
 
.groupes{
background-color:#CCCD95;
border: 1px color #CCCD95;
-moz-border-radius : 5px 5px 5px 5px;
height:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:3px;
font-size:10px
 
 
}
 
 
#table_head
{
width: 930px;
height: 200px;
background-color: transparent;
background-image: url(http://img15.hostingpics.net/pics/824277Boutonsidebar2bis.png);
background-repeat: no-repeat;
margin: auto;
}
 
#table_foot
{
width: 930px;
height: 200px;
background-color: transparent;
background-image: url(http://img4.hostingpics.net/pics/936411Boutonashleysidebar1.png);
background-repeat: no-repeat;
margin-top: -5px
}
 
a.imginfo {
  position: relative;
}
 
a.imginfo span {
  display: none;
}
 
a.imginfo:hover {
  background: none;
  z-index: 999;
 
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
 
  white-space: nowrap;
 
  top: 5px;
  left: 15px;
 
  background: #ebebeb;
 
  color: black;
  padding: 3px;
 
 
  border: 1px dotted black;
  border-left: 1px dotted black;
}
 
 
 /* icone en ligne-hors ligne */
 
#post_onlin{
background: url('http://nsa28.casimages.com/img/2011/09/04/110904031333541355.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 127px;
margin-left: -22px;
margin-top: 20px;
padding: 0;
border: 0;
}
 
 
.postbody, td.row1 span.gensmall
 { text-align: justify; display: block;}
td.row1.over span.gensmall
{ text-align: left; }
 
::-moz-selection{
 background:#0F0203;
 color:#ffffff;
 text-shadow: none;
}
 
::selection{
 background:#0F0203;
 color:#ffffff;
 text-shadow: none;
}
 
.bloc-tfa {   
    background: #b5c9d9;
    position: relative;
    overflow: hidden; 
    height: 120px;       
    width: 250px;
    margin: 0;
    padding: 0;
    border: 1px solid #7da2bc; 
}
.bloc-tfa  p{
    display: block;
    color: #00305c;       
    height: 120px;
    width: 250px;
    margin: 0;       
    padding: 0;           
}       
.bloc-tfa img{       
    position: absolute;       
    top: 0;       
    left: 0;             
}
 
 
/*DEBUT PAGE D'ACCUEIL*/
.linknav {
  display:block;
  background-color: #E6C6CB;
  margin:5px;
  padding:5px;
  color: #8B5D1D !important;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #DAE698;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;}
.titre {
  display:block;
  background-color: #E6C6CB;
  padding:5px;
  margin:5px;
  color: #B55E6D;
  text-align:center;
  text-transform:uppercase;
  border: 1px solid #DAE698;
  border-left:5px solid #DB9744;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-radius-topright: 10px;
  -webkit-border-radius-bottomleft:10px;}
.content {
  display:block;
  height:150px;
  overflow:auto;
  background-color: #E6C6CB;
  padding:5px;
  margin:5px;
  color: #C489B5;
  border: 1px solid #DAE698;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-radius-topleft: 10px;
  -webkit-border-radius-bottomleft:10px;}
/*CODAGE INFOBULLES STAFF*/
.tstaff{font-size:1em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{
  position: absolute;
  background-color: #E6C6CB;
  padding: 5px;
  left: -1000px;
  visibility: hidden;
  color: #B55E6D;
  text-transform:uppercase;}
  .thumbnail span img{padding: 2px;}
  .thumbnail:hover span{
  visibility: visible;
  top: 15px;
  left: 25px;
  width: 150px;
  padding:5px;
  border: 1px solid #DAE698;}
/*CODAGE INFOBULLES PREDEFINIS*/
a.info {
  position: relative;
  color: #8B5D1D;
  font-size:10px;
  text-decoration: none;}
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.info:hover span {
  width:200px;
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  top: -50px; /* on positionne notre infobulle */
  left: 20px;
  background-color: #303030;
  color: #DB9744;
  text-align:center;
  padding: 2px;
  border: 1px solid #DAE698;}
/*FIN PAGE D'ACCUEIL*/

Vérifiez bien tous les points de liens (ceux du qeel, ceux des titres de forum, ceux des titres de catégories, dans derniers messages) et dites moi lesquels ne fonctionnent pas

[Invité]

Ca y est, ça marche.
Merci beaucoup