Balise forumlink et "a"

2 participants

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

Résolu Balise forumlink et "a"

Message par popoliline Mer 1 Fév 2012 - 10:49

Bonjour ou bonsoir selon l'heure à laquelle vous lirez ceci,

Voila, je travaille actuellement sur le code de mon nouveau forum, n'ayant jamais rencontré ce problème sur mes anciens codages je suis perplexe. Je vais essayer d'expliquer la chose.

Normalement pour modifier le "titre" d'un forum, je me sers de "forumlink", je modifie simplement le codage et tout marche normalement, ce qui est le cas actuellement. Seulement, dès que je rajoute la couleur pour les "liens" (balise "a") les titres de mes forums se transformer, prenent la couleur attribués à mes "a" ce qui n'était encore jamais arrivé jusqu'à maintenant. Est-ce que quelqu'un pourrait m'aider ? sachant que je veux attribuer la couleur "#393532" à mes liens par exemple le titre d'un post et la couleur "#aba921" à mes titre de forum ?

Je vous joins mon CSS, merci d'avance pour votre aide,

Pauline.

Code:


 /* CODE DE BASE DU FORUM */

/* Menu navigation */

a.mainmenu img {
display:none; } /* enlève les images du menu */

a.mainmenu {
padding-left:4px;
padding-right:4px; }

a.mainmenu {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; }

a.mainmenu:hover {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; } /* Menu navigation au survol de la souris */

/* ENLEVER TOUS LES SOULIGNEMENTS */

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

/* JUSTIFICATION ET MARGE AUTO */

.postbody {
    padding-left: 15px;
    padding-right: 15px; }


                                          /* CODE MODIFIABLE A CHAQUE VERSION */


/* COLONNE DERNIER MESSAGE */

.troisieme {
background-color: #171616;
border-bottom: 1px solid #100F0F;
border-right: 1px solid #100F0F;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
padding: 5px;
border-image: initial;
line-height: 10px;
width:130px;
}

/* ENTÊTES CATEGORIE */

.secondarytitle, .secondarytitle h2 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: -1px;
font-weight: bold;
font-family: Arial;
color: #6B6157;
}

/* TITRE FORUM */

a.forumlink{
text-decoration: none !important;
color: #ABA921;
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -1px;
font-weight: lighter;
}

a.forumlink:visited {
text-decoration: none !important;
color: #ABA921;
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -1px;
font-weight: lighter;
}

a.forumlink:hover{
color: #393532;
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -1px;
font-weight: lighter;
}

/* LIENS SUJETS FORUM */

a.topictitle:hover {
color: #ABA921;
text-decoration: underline;
}

a.topictitle:visited {
color: #393532;
text-decoration: none;
}

a.topictitle:link {
color: #393532;
text-decoration: none;
}


/* DESCRIPTION FORUM */

.categorie {
background-color: #171616;
border-bottom: 1px solid #100F0F;
border-right: 1px solid #100F0F;
font-style: normal 8px Arial;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: -5px;
margin-bottom: 5px;
text-shadow: #050505 1px 0px 0px;
line-height: 10px;
display: block;
text-align: justify;
}

.trait {
border-top: 2px dotted #ACAF1E;}


/* CODE EYLIKA */

::-webkit-scrollbar-thumb:vertical {background-color:#ABA921; height:50px;}

::-webkit-scrollbar-thumb:horizontal {background-color:#ABA921; height:10px!important;}

::-webkit-scrollbar {background-color:#DCC6A3; height:10px; width:10px;}

::-moz-selection {background-color:transparent; color:#DCC6A3;}
::selection {background-color:transparent; color:#ABA921;}

.code{
color: #DCC6A3;
background-color: #171616;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
padding: 5px;
line-height: 10px;
}

/*QEEL*/
.titleqeel {
text-transform: uppercase;
font-size: 24px!important;
font-family: georgia;
letter-spacing: -1px;
line-height: normal;
font-weight: lighter;
color: #ABA921;
text-shadow: #000000 1px 1px 0px;
text-align:center;

}

/*QEEL*/
.bordureverte {
  border-top: #aba921 dotted 2px;
}

/*QEEL*/
.imgqeel {
  height:180px;
  border-top: #171616 6px solid;
    border-bottom: #171616 6px solid;
    border-left: #aba921 6px solid;
    border-right: #aba921 6px solid;
}

/*QEEL*/
.qeelgroupes {
  margin-left:15px;
    margin-right:15px;
    background-color:#171616;
    border-left: #aba921 4px solid;
    border-right: #aba921 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
}

.qeelgroupes:hover {
  margin-left:15px;
    margin-right:15px;
    background-color:#222020;
    border-left: #82801a 4px solid;
    border-right: #82801a 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
}


/*QEEL*/
.statsqeel {
  margin-left:15px;
    margin-right:15px;
    background-color:#171616;
    border-left: #aba921 4px solid;
    border-right: #aba921 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
    height:111px;
    overflow:auto;
    text-align:justify;
    padding:8px;
}

/*QEEL*/
.onlineqeel {
  margin-left:15px;
    margin-right:15px;
    background-color:#171616;
    border-left: #aba921 4px solid;
    border-right: #aba921 4px solid;
    width:180px;
    font-size:11px;
    font-family:arial;
    text-align:center;
    height:111px;
    overflow:auto;
    text-align:justify;
    padding:8px
}

/*fond curseur en croix*/
body {
  cursor:crosshair;
  }

/*liens*/

a.liensqeel {
    color:#393532;
    text-decoration:none;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out
}
a.liensqeel:hover {
    text-decoration:none;
    color:#aba921;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}


Dernière édition par popoliline le Mer 1 Fév 2012 - 20:16, édité 3 fois
avatar

popoliline
**

Messages : 60
Inscrit(e) le : 15/01/2012

http://vapore-dei-sospiri.bbactif.com/
popoliline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise forumlink et "a"

Message par Ea Mer 1 Fév 2012 - 16:09

Bonjour,


Code:
a {
  color: #393532;
}
a.forumlink {
  color: #aba921;
}
Ne suffit pas ?

Il pourrait y avoir des règles de lien dans le css ( du style a:link) qui l'emportent sur le A donc il faudrait peut-être le gonfler pour être certain qu'il l'emporte :

Code:
body table a {
  color: #393532;
}
a.forumlink {
  color: #aba921;
}
Là ça donne une priorité de 0003 à "body table a" et de 0010 à "a.forumlink" donc "a.forumlink" l'emportera ( et le "body table a" devrait l'emporter sur quelque chose du style a:link ( qui a une priorité de 0002 ) ).

Pour des infos sur les priorités des sélecteurs cette page est bien faite :
http://openweb.eu.org/articles/cascade_css

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Balise forumlink et "a"

Message par popoliline Mer 1 Fév 2012 - 16:16

Merci de ton aide mais ça ne fonctionne pas Sad
avatar

popoliline
**

Messages : 60
Inscrit(e) le : 15/01/2012

http://vapore-dei-sospiri.bbactif.com/
popoliline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Balise forumlink et "a"

Message par Ea Mer 1 Fév 2012 - 17:10

Il doit y avoir des règles prioritaires dans le CSS alors, vous pourriez mettre les 2 en !important pour augmenter leurs priorités :

Code:
a {
  color: #393532!important;
}
a.forumlink {
  color: #aba921!important;
}
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Balise forumlink et "a"

Message par popoliline Mer 1 Fév 2012 - 20:16

Ca y est ça "tient" pourtant quand j'avais mis les "importants" avant ca ne fonctionnait pas, tout vient probablement du code "table" avant les liens ! Je vous remercie de votre aide, je dois dire que je comprenais pas n'ayant jamais été confronté à ce problème en codant avant
avatar

popoliline
**

Messages : 60
Inscrit(e) le : 15/01/2012

http://vapore-dei-sospiri.bbactif.com/
popoliline a été remercié(e) par l'auteur de ce sujet.

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


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