Page d'accueil : problème avec la couleurs des liens.

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

Résolu Page d'accueil : problème avec la couleurs des liens.

Message par Elwing le Dim 21 Déc 2014 - 15:42

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, 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 : Toujours
Lien du forum : http://ewietest.forumactif.org/

Description du problème

Bonjour !
Encore moi, et encore un problème d'apparence du forum ^^"

Cette fois ce sont les liens de la page d'accueil qui posent problème. J'explique : on sait changer la couleur des liens du forum, pas de problème ils sont vaguement beiges. Pourtant, les liens de la PA et uniquement de la PA, restent obstinément bleus -ou vaguement violet selon si l'on a cliqué dessus ou pas.

Or, on ne voit pas du tout où peut bien se situer ce bleu que l'on aimerait remplacer par notre espèce de beige. J'ai fouillé le CSS, je ne trouve pas, et je ne sais pas lire le HTML.

Je vous poste donc les deux suspects potentiel :
Le CSS :
Code:
/* LIENS */

a
{
font-variant : small-caps;
 text-decoration : none !important;
}
a:hover
{
font-variant : normal;
text-shadow : 0px 0px 2px #ffffff;
  text-decoration : none !important;
      }


/* BARRE DE NAVIGATION */

        .navig {
        position: fixed;
        top: 0px;
  left: -3;
        width: 100%;
  background-color: #2E100D
    border: 3px solid#947A5E
          }
 
a.mainmenu
{
text-shadow : 0px 0px 1px #ffffff;
font-variant : small-caps;
font-size : 10px;
color: #ffffff ;
text-decoration: none;
  margin: 10px;
    }
   

a.mainmenu:hover
{
text-shadow : 0px 0px 10px #ffffff;
font-variant : normal;
}




/* BORDURES FORUM */

.forumline
{
background-image : URL('http://img11.hostingpics.net/pics/769688bordureess2.png');
padding : 10px;
-moz-border-radius-bottomright : 15px;
-moz-border-radius-bottomleft : 15px;
-moz-border-radius-topright : 15px;
-moz-border-radius-topleft : 15px;
-moz-box-shadow : 0px 0px 10px #F1E59B;
box-shadow : 0px 0px 10px #F1E59B;
}


/* TITRES DES FORUMS ne s'applique que si le template a été modifié ( dispo en C/C sur mon forum ) */


.titreforum
{
letter-spacing : 4px;
margin-right : 30px;
margin-left : 30px;
border-bottom : 2px solid #ffffff;
font-variant : small-caps;
-moz-border-radius : 9px;
font-size : 15px;
color : #ffffff;
text-shadow : 0px 0px 5px #ffffff;
text-align : right;
}


.titreforum:hover
{
font-variant : normal;
}

/* DESCRIPTIONS DES FORUMS ne s'applique que si le template & les descriptions ont été modifiés ( dispo en C/C sur mon forum )  */

.desc
{
background-image : URL('http://img4.hostingpics.net/pics/372138fondtitrecateslategrey.jpg');
-moz-border-radius : 15px;
text-align : right;
padding : 5px;
color : #ffffff;
margin-left : 30px;
-moz-box-shadow : 0px 0px 10px #ffffff;
font-variant : small-caps;
margin-right : 30px;
}

a.desclink
{
background-color : #4f91ba;
-moz-border-radius : 15px;
text-decoration : none !important;
color : #ffffff;
font-variant : normal;
font-size : 9px;
padding : 3px;
}

a.desclink:hover
{
font-variant : normal;
}


/* POSTS */

tr.post td
{
padding-left: 20px;
padding-right : 20px;
}

u
{
border-bottom : 1px solid #ffffff;
text-shadow : 0px 0px 5px #ffffff;
-moz-border-radius : 9px;
text-decoration : none !important;
}

spoiler .spoiler_closed_hidden, .spoiler .spoiler_content
{
padding-left: 30px;
color : black;
background-color : #88accf;

background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
background-position : left;
 border-left: 2px #ffffff solid;
-moz-border-radius: 15px;
}

.quote
{
padding-left: 30px;
color : black;
background-color : #88accf;
background-image : URL('http://s2.noelshack.com/uploads/images/13866645766743_quote.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
background-position : left;

}

.code
{
font-family : Courier;
padding-left: 30px;
color : black;
background-color : #96aec5;
background-image : URL('http://s2.noelshack.com/uploads/images/7115060982744_code.png');
background-repeat : no-repeat;
padding-top : 7px;
padding-bottom : 7px;
background-position : left;
 border-left: 2px #ffffff solid;
-moz-border-radius: 15px;
}




/* BOUTONS ET CHAMPS DE TEXTES */

input.post, textarea.post, select
{
color : #7E5835;
text-shadow : 0px 0px 5px #ffffff;
font-size : 12px;
font-variant : normal;
border : 1px solid #ffffff;
padding: 3px;
-moz-border-radius : 15px;
}

 select:hover
{
color : #7E5835;
text-shadow : 0px 0px 5px #ffffff;
font-size : 12px;
font-variant : normal;
-moz-box-shadow : 0px 0px 10px #ffffff;
padding: 3px;
-moz-border-radius : 15px;
}

input
 {
color : #7E5835;
text-shadow : 0px 0px 5px #ffffff;
font-size : 12px;
font-variant : normal;
border : 1px solid #ffffff;
padding: 3px;
-moz-border-radius : 15px;
}
input:hover
 {
color : #7E5835;
text-shadow : 0px 0px 5px #ffffff;
font-size : 12px;
-moz-box-shadow : 0px 0px 10px #ffffff;
font-variant : small-caps;
padding: 3px;
-moz-border-radius : 15px;
}

   



        body {
          background-image:url(http://img4.hostingpics.net/pics/386311fondfow1.jpg);
          background-size: 100% auto;
  background-attachment: fixed
  margin-top: 30px;
        }


.postdetails.poster-profile a img
{
margin: auto;
display: block;
margin-bottom: -10px;
}


Et le HTML de la PA avec onglets :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Page d’accueil</title>

<style>

body{
  background-color:transparent;
  }

#en_tete{
  width:800px;
  min-height:400px;
  height:auto;
  color:#967C5C;
  font-family: Verdana;
  border:0;
  margin:auto;
  }
 
#en_tete tr{
  vertical-align:top;
  }
 
#en_tete img{
  border:0;
  }
 
span.onglet{
  float:left;
  }
 
 span.onglet img:hover{
  cursor:pointer;
  }

#en_tete  .bloc_texte{ 
  position:absolute;
  margin-top:0;
  width:800px;
  margin-left:50%;
  left:-400px;
  }

#en_tete  #onglet1{
  background-image:url("http://i39.servimg.com/u/f39/15/92/10/15/couleu10.jpg");
  background-repeat:repeat;
  background-position:top;
  min-height:339px;
  }


#en_tete  #onglet1 .infos{
  font-size:14px;
  margin-left:50px;
  margin-top:50px;
  }

#en_tete  #onglet2{
  background-image:url("http://i39.servimg.com/u/f39/15/92/10/15/couleu10.jpg");
  background-repeat:repeat;
  background-position:top;
  min-height:339px;
  }


#en_tete  #onglet2 .infos{
  font-size:14px;
  margin-left:50px;
  margin-top:50px;
  }


#en_tete  #onglet3{
  background-image:url("http://i39.servimg.com/u/f39/15/92/10/15/couleu10.jpg");
  background-repeat:repeat;
  background-position:top;
  min-height:339px;
  }


#en_tete  #onglet3 .infos{
  font-size:14px;
  margin-left:50px;
  margin-top:50px;
  }

</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.pvereecken.fr/Tuto_SoP/tuto_entete_onglet/js_onglet.js"></script>

</head>

<body>
<div id="en_tete">
<span class="onglet"><img src="http://i39.servimg.com/u/f39/15/92/10/15/couleu11.jpg" style="height:61px;width:80px" alt="nav" /></span>

<span class="onglet">
<div class="navigation">
<img src="http://i39.servimg.com/u/f39/15/92/10/15/pa-ima12.jpg" style="height:61px;width:220px" alt="Mon onglet 1" onMouseOver="this.src ='http://i39.servimg.com/u/f39/15/92/10/15/pa-ima11.jpg';" onMouseOut="this.src ='http://i39.servimg.com/u/f39/15/92/10/15/pa-ima12.jpg';" alt="mon onglet"/>
</div>
<div class="bloc_texte" id="onglet1">
<div class="contenu">
<ul><center><table border="0"><tbody><tr><td align="left"><div style="background: #967C5C; width: 350px; height: 200px;">
<blockquote><center><span style="color:#000080; font-family: Georgia; font-style:italic;font-size:22px;"><span style="color: #574838;"> « Bienvenue ! » </span> </span> </center></blockquote><span style="font-size:12px;font-family:arial;"></span>
<div align="justify" style="font-size: 12px; font-family: arial;"><span style="font-size: 16px; line-height: normal"><span style="color: #E6CCAC;">Le Monde d'Ewilan est un forum-rpg basé sur les romans de Pierre Bottero. Venez incarner un personnage issu de la guilde ou du peuple de votre choix et écrivez votre propre histoire en Gwendalavir !</span></span></div><br />
<div style="font-family: Georgia; font-size: 13px; width: 325px; border: 2px solid #574838; border-top: 2px solid#574838 ; color: #574838; text-align: center; padding: 10px;"><div style="vertical-align: top;"><span style="font-family: 'Georgia'; font-style: italic; font-size: 23px;">Membre du mois</span><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 13px;"> <em><span style="color: #574838;">...</span></em></span> </div><img border="0" src="http://i39.servimg.com/u/f39/15/92/10/15/kem-pe10.png"/>
<div style="margin:auto;text-align:center;width:100%">
<a href="http://ewilan.forumactif.fr" target="_blank"><span style="font-size: 15px;">Kem AlRan</span></a><br /><span style="font-size: 15px; color: #E6CCAC">Mercenaire repenti, il est sur tous les fronts et sa bonne volonté n'est pas feinte. Du moins on l'espère... Tu viens me masser les pieds,chou ? *o*</span></div></div></td>
 
<td align="left"><blockquote><center><div style="background-color: #967C5C; border: solid #967C5C; width: 350px; height: 300; -moz-border-radius-bottomright:40px; -moz-border-radius-topleft:40px;">
<table><tbody><tr><td align="left"><blockquote><center><span style="color:#000080; font-family: Georgia; font-style:italic;font-size:22px;"><span style="color: #574838;"> « Les Nouvelles » </span></span> </center></blockquote><span style="font-size:16px;font-family:arial;"> </span>
<blockquote style="font-size: 16px; font-family: arial;"><div style="margin:auto;text-align:center;width:100%"><div align="justify"><span style="color: #E6CCAC;">→  Un nouveau système de vote a été mis en place. Toutes les informations <a href=http://ewilan.forumactif.fr/f82-quetes-imperiales  target="_blank">ICI</a> et venez expérimenter les Quêtes impériales ! </span> </div></div></blockquote>
<blockquote style="font-size: 16px; font-family: arial;"><div style="margin:auto;text-align:center;width:100%"><div align="justify"><span style="color: #E6CCAC;">→ Ludwiga quitte l'equipe d'administration, Nessa et Neleam sont seules a la barre ! En cas de besoin n'hesitez pas a les contacter par MP</span> </div></div></blockquote>
<blockquote style="font-size: 16px; font-family: arial;"><div style="margin:auto;text-align:center;width:100%"><div align="justify"><span style="color: #E6CCAC;">→ La première Quête Impériale a pris fin ! Bravo aux participants : l'empire est sauf. Edwin gagne une réputation en or pour son excellente participation et son portrait sur les chaussettes de l'empereur !</span> </div></div>
</td></tr></tbody></table></div></center></blockquote></td>
</tr>
</tbody>
</table></center>
</div>
</div>
</span>


<span class="onglet">
<div class="navigation"><img src="http://i39.servimg.com/u/f39/15/92/10/15/pa-ima13.jpg" style="height:61px;width:220px" onMouseOver="this.src ='http://i39.servimg.com/u/f39/15/92/10/15/pa-ima14.jpg';" onMouseOut="this.src = 'http://i39.servimg.com/u/f39/15/92/10/15/pa-ima13.jpg';" alt="Mon onglet 2"/>
</div>
<div class="bloc_texte" id="onglet2">
<div class="contenu">
<center><span style="color:#635440; font-family: Georgia; font-style:italic;font-size:22px;"><span style="color: #574838;"> Soyez les bienvenus en Gwendalavir ! </span> </span> </center><div style="font-size: 12px; font-family: arial;"><span style="font-size: 16px; line-height: normal"><span style="color: #E6CCAC;"><blockquote><div align="justify">Il y a quelques années déjà, Ewilan, Salim, Ellana et leurs compagnons entraient dans le Livre des légendes pour avoir défait l’odieuse méduse qui hantait les spires et mis fin à la menace des Mercenaires du Chaos. L’Empire, malmené des années durant par les Pirates, les Mercenaires, les Ts’liches et les peuples de l’Est, se remet de ses blessures. Mais le danger n’est pas encore écarté… Il rôde dans les contrées alaviriennes et l’Empire doit faire appel à de nouveaux héros pour contrer la menace !</br>
Découvrez notre contexte complet, ici, dans cette <a href="http://ewilan.forumactif.fr/t2014-contexte-du-forum" target="_blank">lettre de l’Empereur Sil’Afian</a>.</div></br>
<div align= "center">Si vous venez faire ici vos premiers pas sur un forum RPG, cet <a href="http://ewilan.forumactif.fr/t1899-le-forum-pour-les-nuls" target="_blank">explicatif</a> vous initiera aux secrets de cette pratique ancestrale.</div></br>
<div align="center">Si vous êtes déjà un RP-eur chevronné, à la recherche de défis toujours plus ardus et de sommets toujours plus hauts à gravir, vous pouvez atteindre le summum de la classe impériale en incarnant un <a href="http://ewilan.forumactif.fr/f79-personnages-des-romans-a-incarner" target="_blank">héros historique</a> de Gwendalavir ! </div></blockquote>
</span>
</span>
</div>
</div>
<center><span style="color:#635440 ; font-family: Georgia; font-style:italic;font-size:22px;"><span style="color: #574838;"> Pour vous servir, l'équipe du forum </span> </span></br>
<a href="http://ewilan.forumactif.fr/u390" target="_blank"><img src="http://i39.servimg.com/u/f39/15/92/10/15/pa-nes10.jpg"></a> <a href="http://ewilan.forumactif.fr/u363" target="_blank"><img src="http://i39.servimg.com/u/f39/15/92/10/15/pa-nel10.jpg"></a>

<div style="font-size: 12px; font-family: arial;"><span style="color: #E6CCAC;"><a href="http://ewilan.forumactif.fr/t2277-credits" target="_blank"> les Crédits </a></span></span></div>

</center>
</div>
</span>


<span class="onglet">
<div class="navigation">
<img src="http://i39.servimg.com/u/f39/15/92/10/15/pa-ima15.jpg" style="height:61px;width:200px" onMouseOver="this.src ='http://i39.servimg.com/u/f39/15/92/10/15/pa-ima16.jpg';" onMouseOut="this.src = 'http://i39.servimg.com/u/f39/15/92/10/15/pa-ima15.jpg';" alt="Mon onglet 3"/>
</div>
<div class="bloc_texte" id="onglet3">
<div class="contenu">
<br /> <center><div style="width: 85%; border: 2px solid #574838; border-top: 2px solid #574838 ; color: #574838; text-align: justify; padding: 10px;"><div style="vertical-align: top;"><span style="font-family: 'Georgia', cursive; font-size: 22px; font-style: italic; color=#574838;"> « Nos partenaires »</span></div><br />

<a href="http://tara-duncan.actifforum.com/" target="_blank"><img src="http://i58.servimg.com/u/f58/13/22/29/39/bouton10.png"/></a>      <a target="_blank" href="http://the-lost-fragments.probb.fr/"><img src="http://i.imgur.com/BGqSLA8.png" /></a>


  <a rel="nofollow" target="_blank" class="postlink" href="http://marchombres.forumactif.fr/"><img border="0" alt="" src="http://img15.hostingpics.net/pics/601938Lavoiedesmarchombres.gif" /></a>  <a rel="nofollow" target="_blank" class="postlink" href="http://adrietha-rpg.forumactif.org/"><img border="0" alt="" src="http://img4.hostingpics.net/pics/8456708831.png" /></a> <br />
<div style=”text-align:left; color: #E6CCAC;”><span style=”font-family: arial; font-size: 12px; font-style: italic;”> <p> Rejoignez dès maintenant nos <a href="http://ewilan.forumactif.fr/f42-partenariats/" target="_blank">partenaires</a> ou devenez <a href="http://ewilan.forumactif.fr/f74-nos-amis/" target="_blank">amis</a> avec notre forum !
</p> </div>

<center><div style="text-align: center; width: 60%; padding: 10px; box-shadow: 0px 0px 10px #635440;"><span style="font-family: 'Georgia', cursive; font-size: 22px; font-style: italic; color=#574838;">TOP-SITES </span><br />

<a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1573"><img border="0" alt="" src="http://img.root-top.com/topsite/heroicfantasy/banner.gif" /></a>
</div></center>
</div></center>
</div>
</div>
</span>

<span class="onglet"><img src="http://i39.servimg.com/u/f39/15/92/10/15/couleu12.jpg" style="height:61px;width:80px" alt="nav" />
</span>
</div>
</body>
</html>


En vous remerciant d'avance pour votre aide,
Amicalement,

Elwing


Dernière édition par Elwing le Ven 26 Déc 2014 - 12:19, édité 1 fois

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

http://ewilan.forumactif.fr/
Elwing a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil : problème avec la couleurs des liens.

Message par Elwing le Ven 26 Déc 2014 - 11:39

Up Smile

Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

http://ewilan.forumactif.fr/
Elwing a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil : problème avec la couleurs des liens.

Message par [Nihil] le Ven 26 Déc 2014 - 12:11

Hello Smile

Il faut rajouter dans le CSS de la page d'accueil (la page HTML) le code pour colorer tes liens, pas dans le CSS du forum :

Exemple :

On remplace :
Code:
    #en_tete  #onglet3 .infos{
      font-size:14px;
      margin-left:50px;
      margin-top:50px;
      }

    </style>

Par :
Code:
    #en_tete  #onglet3 .infos{
      font-size:14px;
      margin-left:50px;
      margin-top:50px;
      }

    a {
        color: #e6ccac;
    }

    </style>

Dis nous si ça fonctionne bien Smile

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil : problème avec la couleurs des liens.

Message par Elwing le Ven 26 Déc 2014 - 12:18

Yes !
C'est exactement ça, parfait ! Vraiment merci parce que je me suis explosée les yeux à décrypter le HTML sans trouver le truc pour les liens. Juste un "a" ! Je m'en souviendrais ^^

Encore merci ! =D


Elwing
***

Féminin
Messages : 113
Inscrit(e) le : 15/09/2010

http://ewilan.forumactif.fr/
Elwing 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