[Résolu] FAQ - Foire Aux Questions

[Solie]

Bonjour,

J'ai trouvé une FAQ pour Jimdo sur le site fantôme de Realia. Elle date de 2013, je ne sais pas si elle est compatible avec nos nouveaux designs.

Avant de me lancer dans sa mise en place un peu laborieuse, j'aurais une question :

Lorsque la réponse est cachée, est-elle prise en compte par les moteurs de recherche ?

[ZeTuto]

Bonsoir,

pas d’inquiétude au niveau du référencement, les "display:none" n’empêchent en rien le contenu d'être pris en compte par les moteurs de recherches.

Sinon pour le tutoriel de realia, oui il est parfaitement compatible avec les nouveaux designs (étant donné qu'il n'y a aucun lien avec les fonctions ou style natif de Jimdo).

Cordialement

Florian

[Solie]

Merci. Vous avez répondu (favorablement) à toutes mes questions, Florian ! C'est super, je vais me lancer avec confiance.

Bonne soirée,
Solie

[Solie]

Bonsoir,

Bon, il y a toujours des couleurs qui ne veulent pas passer dans le head avec mes codes ! J'ai la poisse ou quoi ?

Ici, ma F.A.Q.

Et voici le code de style :

Code:

<style type="text/css">
/*<![CDATA[*/

/* Style n°2 de FAQ */

.cadrefaq {
padding: 10px;
margin: 5px;
color: #45708C; /* couleur du titre de la rubrique */
border: 2px solid #45708C; /* couleur du cadre de la rubrique */
background-color: #384E66; /* fond du cadre de la rubrique */
/* radius du cadre */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

.titrefaq {
font-size: 48px; /* taille du titre de la rubrique */
font-weight: light; /* titre en gras */
}

a.qfaq {
display: inline-block;
text-decoration: none;
font-weight: bold; /* questions en gras */
padding: 2px 5px;
margin: 3px;
border: 0px; /* pas de bordure autour des questions */
background-color: none; /* pas de fond coloré */
color: #62A64E; /* couleur des questions */
}

.rfaq {
padding: 5px;
margin: 3px;
border: 0px dotted #62A64E; /* bordure colorée en pointillés autour des réponses */
background-color: #45708C; / *fond blanc des réponses */
color: #2C3333 !important; /* couleur des réponses */
/* radius des réponses */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

/*]]>*/
</style>


Dans la partie rfaq, je n'arrive pas à faire passer la couleur de police des réponses. Mon ajout !important n'y fait rien. La couleur qui s'affiche est toujours celle du titre de cadrefaq. Et comme le background des réponses est aussi de cette couleur... le texte paraît transparent.

Ça me fendrait le cœur de devoir mettre le titre de cadrefaq en gris pour pouvoir avoir les textes de rfaq en #2C3333. Mon site est trop foncé pour cela. Le titre ne ressortirait pas du tout.

Auriez-vous une petite astuce pour forcer la couleur #2C3333 à passer sur les réponses ?

[ZeTuto]

Bonjour,

déclarez simplement la couleur du texte avant la couleur de fond (pour la class rfaq), comme cela :

Code:

.rfaq {
padding: 5px;
margin: 3px;
border: 0px dotted #62A64E; /* bordure colorée en pointillés autour des réponses */
color: #2C3333 !important; /* couleur des réponses */
background-color: #45708C; / *fond blanc des réponses */
/* radius des réponses */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

Honnêtement le texte des réponses passeraient nettement mieux en blanc (#fff).

[Solie]

Merci, ça marche très bien avec la couleur avant le background !

Honnêtement le texte des réponses passeraient nettement mieux en blanc (#fff).

Vous avez raison, le gris est triste sur ce bleu. Toutefois, je trouve le blanc un peu violent sur un site aussi foncé. Il vole la lumière du vert. J'ai d'abord mis un bleu très clair, puis un bleu très foncé, en attentant de trouver une couleur qui "matche" sans faire carnaval de Rio

[Contenu sponsorisé]