Changement de couleur de police

2 participants

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

Résolu Changement de couleur de police

Message par wolakota Mer 22 Fév 2012 - 21:57

Bonsoir,

j'aimerais changer la couleur de la police des liens ou écritures qui sont sur le fond rouge foncé de mon forum en gris clair et gris foncé au survol mais sans changer celle des liens et écritures sur le fond gris des catégories et forum. Merci pour votre aide.

http://irradiescollectifint.forum-actif.net/


Dernière édition par wolakota le Mer 29 Fév 2012 - 17:27, édité 1 fois
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Jeu 23 Fév 2012 - 21:30

Bonsoir,

Pouvez-vous être plus précis quant aux endroits que vous désirez modifier? Une prise d'écran pourrait nous être utile. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Jeu 23 Fév 2012 - 21:40

Bien sûr.

Changement de couleur de police Copie_22

Donc j'aimerais les écritures entourées en rouge, ici ainsi que toutes les écritures sur ce fond, en gris clair (#C9C9C9) et gris plus foncé (#9D9B9C) au survol de la souris quand il s'agit d'un lien mais sans changer la couleur des écritures entourées en bleu comme cela se produit si je modifie par le PA.
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Ven 24 Fév 2012 - 1:20

Bonsoir,

La meilleure modification est par les templates. Pouvez-vous poster ici votre template index_body?

Les templates se trouvent dans le Panneau d'administration | Affichage | Templates | Général.


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Ven 24 Fév 2012 - 8:04

Voilà

Spoiler:
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Ven 24 Fév 2012 - 14:47

Bonjour,

Trouvez cette partie:
Code:
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
Et modifiez-la par celle-ci:
Code:
<span class="texteaccueil"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="texteaccueil">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>


Ensuite, trouvez cette partie:
Code:
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
Et changez-la pour celle-ci:
Code:
<span class="texteaccueil">
<a href="{U_TODAY_ACTIVE}" class="texteaccueil">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="texteaccueil">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="texteaccueil">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="texteaccueil">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>


Cette partie:
Code:
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td>  </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
Pour celle-ci:
Code:
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="texteaccueil">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="texteaccueil">{L_NO_NEW_POSTS}</span></td>
<td>  </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="texteaccueil">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


Et dans votre template index_box, trouvez cette partie:
Code:
<span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
Changez-la pour celle-ci:
Code:
<span class="texteaccueil">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>


Et cette partie:
Code:
<td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
Par celle-ci:
Code:
<td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="texteaccueil" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="texteaccueil" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="texteaccueil" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>


Ajoutez ce code dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS):
Code:
.texteaccueil, a.texteaccueil {
color: #couleur;
}
Modifiez #couleur par la couleur voulue. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Sam 25 Fév 2012 - 17:17

Ha oui pas simple, bon il va falloir que je fasse ça à tête reposée et en sauvegardant le ccs actuel... Je mettrais résolu quand j'aurais eu le temps de m'y atteler au cas où j'ai encore besoin d'aide. Merci tout plein en tout cas...
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par wolakota Dim 26 Fév 2012 - 11:35

Bon j'ai bien suivi les directives mais ça ne marche pas. D'abord quand je copie colle le code que vous me donnez il y a les numéros de ligne qui apparaissent, comme elles n'apparaissent pas dans le code d'origine je les ai supprimées, est-ce une erreur?

Ensuite une fois les CSS modifiés dans la liste des templates, ces CSS (index body et index box) apparaissent "en attente" je ne sais pas comment valider quand on sera bon. En prévisualisation il y a quelques défauts:

Changement de couleur de police Copie_23

Ici la police entourée est trop grosse et les liens de l'autre coté sont fixes, il n'y a plus de changement de couleur au passage de la souris.

Changement de couleur de police Copie_24

ici le lien (comme plus bas d'ailleurs) n'a pas changé de couleur

Changement de couleur de police Copie_25

Ici pareil que plus haut pour la couleur des liens et police trop importante pour les écritures entourées en jaune.

Voilà, j'espère que vous pourrez m'aider à rectifier tout ça...

avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Lun 27 Fév 2012 - 1:37

Bonsoir,

Ce CSS pour la couleur des copyrights de Forumactif:
Code:
div.gen a{
color: #couleur;
}


Pour "Marquer tous les forums comme lus", modifiez cette partie dans votre template modifiée index_body:
Code:
<span class="texteaccueil"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="texteaccueil">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
Par celle-ci:
Code:
<span class="texteaccueil"><a href="{U_MARK_READ}" class="texteaccueil">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="texteaccueil">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>


Pour la taille de la police, utilisez ce CSS:
Code:
.texteaccueil, a.texteaccueil {
color: #couleur;
font-size: 12px;
}
12px étant la taille normale de la police sur les forums. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Lun 27 Fév 2012 - 13:32

Pour la taille de la police c'est bon.

Reste que les liens sont fixes (ils ne changent pas de couleur au passage de la souris) et que les liens du bas de page (panneau d'administration et ceux qui sont dessous, partie entourée en rouge sur la dernière photo écran) restent noirs, en revanche ils ne sont pas fixes et ça j'aimerais que ce soit le cas pour tous les liens...
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Lun 27 Fév 2012 - 13:53

Bonjour,

Vous devez utiliser ce code CSS pour les effets au survol:
Code:
 a.texteaccueil:hover {
color: #couleur;
text-decoration: underline;
}
Le underline signifie qu'au passage de la souris, les liens seront soulignés.

Et essayez ce code pour les copyrights:
Code:
#page-footer div.gen a, span{
color: #couleur;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Lun 27 Fév 2012 - 14:00

En fait au survol de la souris je voudrais qu'ils changent de couleur, c'est possible?

Sinon tout à l'heure j'avais oublié le 1° code que je pensais avoir validé à tort donc maintenant toutes les polices sont de la bonne couleur. Reste donc le changement de couleur pour les liens au survol de la souris...


Dernière édition par wolakota le Lun 27 Fév 2012 - 14:05, édité 1 fois
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Lun 27 Fév 2012 - 14:02

Re,

Oui, en changeant le #couleur dans le code CSS donné dans mon précédant message. Wink
Code:
 a.texteaccueil:hover {
color: #couleur;
text-decoration: underline;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Lun 27 Fév 2012 - 14:13

C'est déjà mieux, merci.

Maintenant il reste que les liens en bas (entourés en rouge sur dernières photo-écran) ne changent pas de couleur au passage de la souris.

Sinon, mais c'est un détail donc pas grave si on fait pas, les séparations entre ces derniers liens et le signe de copyright sont noir, s'il y a possibilité d'harmoniser ce serait juste parfait...
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par wolakota Lun 27 Fév 2012 - 21:05

Je viens de m'apercevoir de mon impolitesse et vous prie de m'excuser. A défaut d'un bonjour ce matin je vous souhaite une bonne soirée... Et surtout un grand merci pour votre aide.
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Mar 28 Fév 2012 - 3:58

Bonsoir,

Merci pour votre formule de politesse. Wink Modifiez ce bout dans votre template overall_footer_begin:
Code:
<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->

Par:
Code:
<div id="page-footer">
   <div align="center">
      <div class="copyri">
<!-- BEGIN html_validation -->

Et insérez ce code dans votre CSS:
Code:
.copyri a{
color: #couleur !important;
font-size: 12px;
}


Cordialement.


Dernière édition par Dr. Karlos le Mar 28 Fév 2012 - 22:37, édité 1 fois
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Mar 28 Fév 2012 - 8:00

Bonjour,

Cette fois le lien est noir et change de couleur au passage de la souris pour le gris que je voudrais sans le passage de la souris. Pour être plus claire, actuellement il est noir puis gris au passage de la souris et je le voudrais de ce gris #DBDBDB et de celui-ci #9D9B9C au passage de la souris.

Cordialement
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Mar 28 Fév 2012 - 13:53

Bonsoir,

Remplacez donc ce code dans votre CSS:
Code:
.copy a{
color: #couleur !important;
font-size: 12px;
}

Par celui-ci:
Code:
.copy a{
color: #DBDBDB !important;
font-size: 12px;
}

.copy a:hover{
color: #9D9B9C !important;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Mar 28 Fév 2012 - 16:51

Re,

ça n'a rien changé...
Cordialement
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Mar 28 Fév 2012 - 22:37

Bonsoir,

Tentez avec celui-ci, j'avais fait une petite erreur. Wink
Code:
.copyri a{
color: #DBDBDB !important;
font-size: 12px;
}
 
.copyri a:hover{
color: #9D9B9C !important;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Mar 28 Fév 2012 - 23:11

Bonsoir,

là on est bon sauf pour les barres de séparation et le signe du copyright, est-ce compliqué de changer leur couleur?

Je veux bien connaitre aussi la marche à suivre pour valider puisque là je suis toujours en prévisualisation.

Merci en tout cas pour votre patience et bonne nuit à vous.

Cordialement
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Mer 29 Fév 2012 - 4:06

Bonsoir,

Changez ce bout dans votre CSS:
Code:
.copyri a{
color: #DBDBDB !important;
font-size: 12px;
}

Par celui-ci:
Code:
.copyri a, strong{
color: #DBDBDB !important;
font-size: 12px;
}

Si vous parlez de la validation du template, appuyez sur Ajout pour valider les modifications. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Mer 29 Fév 2012 - 7:51

Bonjour,

ce code change aussi la couleur de police des pseudos qui ont posté entre autre et ce sur le fond gris du coup ça le fait pas. En revanche un des pseudo reste noir ainsi que le sigle de copyright en bas, de quoi cela peut-il provenir?

Changement de couleur de police Cpie_a10

Y-t-il un code qui arrangerait tout ça, s'il vous plait?
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Mer 29 Fév 2012 - 13:34

Bonjour,

On change le code CSS par celui-ci:
Code:
.copyri a, .copyri strong{
color: #DBDBDB !important;
font-size: 12px;
}

Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Mer 29 Fév 2012 - 13:44

Re,
ha ben mieux, beaucoup mieux... Reste juste ce fameux sigle du copyright de noir, c'est un rebelle lui... On y peut quelque chose ou on peut pas?

Cordialement
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement de couleur de police

Message par Dr. Karlos Mer 29 Fév 2012 - 13:53

Re,

On change une autre fois par ce code CSS:
Code:
.copyri a, .copyri strong, .copyri .gensmall {
color: #DBDBDB !important;
font-size: 12px;
}

Vous m'excuserez, je n'avais pas bien lu en ce qui concerne ce bout réticent.


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

Résolu Re: Changement de couleur de police

Message par wolakota Mer 29 Fév 2012 - 17:26

Yessssssssssssssssss!!!!!!!!!!!!!!!!!!!!!!!!!!!

C'est juste parfait..................

Merci tout plein.

Cordialement!!!!!!!!!!!
avatar

wolakota
****

Messages : 202
Inscrit(e) le : 29/03/2010

http://solidardiser.forum-actif.net/forum.htm
wolakota a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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