[RESOLU]Changer couleur lien "Messages non lus depuis votre derniere visite"

[ZoRk]

Bonjour,

je souhaiterai changer la couleur du lien "Messages non lus depuis votre dernière visite" à coté de l'avatar de mon forum.

Je souhaiterai utiliser l'orange #FF9B01

J'ai trouvé la ligne en question dans le fichier /themes/montheme/index.template.php (à la ligne 234):

Code Select Expand

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
echo '
<p class="avatar">', $context['user']['avatar']['image'], '</p>';
echo '
<ul class="reset">
<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
<li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';


Mais je ne sait pas comment insérer une balise Font ou éditer le CSS car, je ne souhaite pas que la couleur des autres liens du forum soit modifiée.
Je ne veux modifier que la couleur de ce lien, visité, survolé ou non.

Quelqu'un ici pourrait-il m'aiguiller?

EDIT: J'y suis parvenu comme ça:

Code Select Expand

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
echo '
<p class="avatar">', $context['user']['avatar']['image'], '</p>';
echo '
<ul class="reset">
<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
<li><a href="', $scripturl, '?action=unread"><FONT COLOR="#C06002"><b>', $txt['unread_since_visit'], '</b></FONT></a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';


Mais je me doute que ce n'est pas très propre, et le problème est que le lien se souligne en bleu lors du passage de la souris.

[ZoRk]

Vu que je me doute qu'il faudrait agir direct dans la feuille de style j'ai donc ajouté ça dans mon index.css:

Code Select Expand

/* MODIFICATION  CREATION D'UNE CLASS POUR LES MESSAGES NON LUS DEPUIS LA DERNIERE VISITE */
#upper_section ul li.messagesnonlus
{
font-size: 1.2em;
color: #C06002;
font-weight: bold;
line-height: 1.15em;
}

et transformé mon index.template.php en

Code Select Expand

// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
echo '
<p class="avatar">', $context['user']['avatar']['image'], '</p>';
echo '
<ul class="reset">
<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
<li class="messagesnonlus"><a href="', $scripturl, '?action=unread"><FONT COLOR="#C06002"><b>', $txt['unread_since_visit'], '</b></FONT></a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';


Mais, mon lien est toujours souligné en bleu, et je suis obliger de laisser la balise <FONT> pour la couleur.
Je pense que le style définit pour les liens dans mon css "prend le dessus"

J'ai donc toujours besoin de votre aide.^^

[Zuki.]

Bonjour,

Il faut passer par une feuille de style et donc par index.css.

Je ne sais plus si c'est : class="xxx" ou id="xxx" à voir (ou tester).

Ça donne un truc dans ce genre :

A rajouter dans l'index.css de ton thème.

/* MODIFICATION  CREATION D'UNE CLASS POUR LES MESSAGES NON LUS DEPUIS LA DERNIERE VISITE */
#messagesnonlus
{
   font-size: 1.2em;
   color: #FF9B01;
   font-weight: bold;
   line-height: 1.15em;
}

#messagesnonlus a:link, #messagesnonlus a:visited
{
   color: #FF9B01;
}

#messagesnonlus a:hover
{
   color: #FF9B01;
   text-decoration: underline;
}

index.template.php de ton thème

<li class ou id="messagesnonlus"><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>

Voilà, ce que je peut te donner comme info, sous toutes réserves, je ne suis pas un pro du codage ! 

[DeathSign]

Zuki, puisque tu as mis des #, c'est un id que tu as fait

La balise Font est à oublier, c'est du vieux HTML Effectivement il va falloir rajouter une (ou plusieurs) choses dans le CSS, et utiliser class ou id pour l'attribuer à l'élément que tu veux.
Dans ton cas, je mettrais une class car tu veux seulement mettre un lien en orange, rien de spécifique je la vois bien réutilisable ailleurs.

Pour continuer dans cette idée, je l'attribuerai au niveau de la balise a. On peut le mettre dans l'ul comme tu as fait (auquel cas les codes que j'ai fait en bas changent un peu), c'est discutable en fait.

Puis je suis en panne d'imagination, nomme la class plutôt vers l'idée de "lien mis en évidence/orange" que "messages non lus" pour la réutilisation.

Ce qui donne :

<a href="', $scripturl, '?action=unread" class="jesuisimportant">', $txt['unread_since_visit'], '</a>

CSS:

Code Select Expand

.jesuisimportant
{
   font-size: 1.2em;
   color: #FF9B01;
   font-weight: bold;
   line-height: 1.15em;
}

a.jesuisimportant:link, a.jesuisimportant:visited
{
   color: #FF9B01;
}

a.jesuisimportant:hover
{
   color: #FF9B01;
   text-decoration: underline;
}

Pense à bien rajouter les blocs CSS après les éventuels "a:link, a:visited" qui touchent tous les liens.

Amicalement,
DeathSign

PS: Je ne me dis pas pro du codage non plus  Surtout que je ne suis qu'un simple autodidacte
PS2: J'ai repris ton code Zuki

[ZoRk]

Merci bien a vous.

J'étais pas loin de but (autodidacte moi aussi), mais je vous remerci pour votre aide précieuse et rapide.

Je profite de cette date pour vos présenter mes meilleurs vœux pour 2012.

Merci encore.

[DeathSign]

Cool merci, mes meilleurs voeux aussi pour 2012

[Zuki.]

Merci ZoRk

Meilleurs voeux pour 2012 à toi aussi. 

[ZoRk]