Bonsoir ici

Voila je voudrais savoir si c'est possible de remplacer les liens "voir les nouveaux messages", "messages sans réponse" etc .. qui se trouvent en haut à droite du cadre du forum ..

en image :

remplacer ceci :



par ceci :



( la deuxième est faite avec photoshop, les onglets peuvent ne pas avoir tout à fait cette forme la c'est pas grave..)

merci par avance pour votre aide

Ça devrait être faisable

Cette partie du code se trouve dans ton template INDEX_BOX, au début:

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>

Comme tu peux le voir, on a, dans une cellule de tableau, 3 liens.
Il y aurait 2 façons selon moi de faire ce que tu souhaites, l'une plus facile que l'autre. Dans les deux cas, tu dois retirer les

Code:

<br/>

au bout des lignes (qui sont responsable du fait que les liens sont l'un par dessus l'autre).

1. EASY ONE.
En retirant les variables:

Code:

{L_SEARCH_NEW}
{L_SEARCH_SELF}
{L_SEARCH_UNANSWERED}

Tu les remplaces par des images faites sur photoshop comme celles dans ta démo. Avec un peu de CSS si nécessaire, ça devrait fonctionner.

2. UN PEU PLUS COMPLEXE

Pour ce qui est du texte, tu n'as, encore une fois, qu'à retirer les variables metionnées ci-dessus et les remplacer par ce que tu veux.

Ensuite, tu enlèves les classes 'GENSMALL' et les remplaces par d'autres, auquel va attribuer des propriétés CSS pour donner l'apparence que tu veux (et ça donnerait probablement exactement ce que souhaite).

Ce n'est pas *vraiment* plus dure, ça dépend si tes forces sont plus au niveau du codage ou du graphisme.

EX.

Code:

      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="onglets" href="{U_SEARCH_NEW}">NOUVEAUX</a>
         <a class="onglets" href="{U_SEARCH_SELF}">MESSAGES</a>
         <!-- END switch_user_logged_in -->
         <a class="onglets" href="{U_SEARCH_UNANSWERED}">SANS RÉPONSES</a>

      </td>

Code:

.onglets {
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
background-color: #XXXXXX;
font-family: "Century Gothic";
font-size: Xpx;
width: Xpx;
height: Xpx;
margin-right: Xpx;
}

Bonjour,

Merci beaucoup pour la réponse.
En fait je suis pas une pro du graphisme, j'aime ça mais sans plus, et puis je préfererais pouvoir changer un ou plusieurs détails si le besoin en est, donc en utilisant le CSS ça sera toujours "plus simple" pour moi, plutot que de devoir refaire des images .
Je vais donc prendre l'option css.
Merci infiniment, je teste ça ce matin , j'ai hâte

merciiiiiiiiiii, résolu

Hello (:
Je vois que le problème est résolu, par conséquent je déplace (:
Merci de l'avoir signalé