Effets de texte + Images des Titres de catégories différentes

[Sparkle-Of-Dawn]

Bonjour,

Malgré mes recherches, je n'ai pas trouvé de réponses à mes questions... Si des sujets traitent déjà de ma demande, merci de me les indiquer. Dans le cas contraire, voici mes questions :

• Mettre le liens en majuscules
  J'aurais aimé savoir comment on pouvait "forcer" les liens à apparaître en sorte de petites-majuscules (uppercase je crois) sur le forum ?
  
  
• Soulignement/Surlignement
  Sur un forum, j'ai remarqué que lorsque l'on utilisait les balises de soulignement , le texte apparaissait comme surligner/stabiloté d'une certaine couleur. J'aurais aimé savoir comment procéder pour avoir cet effet ?
  
  
• Images des Titres de catégories différentes
  Voici des capture d'écran d'un rendu sur mon forum pour expliquer la situation.
  Dans un premier lieu, j'obtiens un rendu correct concernant l'image de fond des titres de catégorie (sur l'index notamment):
  
  
  Cependant, lorsque je rentre plus en détail dans le forum, au niveau de l'affichage des sujets comme dans l'exemple, le rendu est beaucoup moins bien puisqu'à chaque nouvelle colonne ( Réponses, auteurs, vues, derniers messages) mon image se répète. Je cherche à utiliser une image differente pour chacune de ses colonnes afin d'uniformiser le tout.
  Je me demandais si en touchant au template "topics_list_box" par exemple, je pouvais modifier ces images séparément ? Ou bien via le CSS ? Mais je ne sais pas modifier cela.
  
  
  Merci de bien vouloir prendre en considération mes demandes, que j'ai préféré regroupées plutôt que de creer plusieurs sujets.
  

[dradra]

Bonjour,

Les codes sont à coller dans le CSS [PA ~» Affichage ~» Couleur ~» Feuille de style CSS]

Pour mettre TOUS les liens en petites majuscules ~»

Code:

a {font-variant: small-caps;}
a:hover {font-variant: small-caps;}
a.gen:hover,a.genmed:hover,a.gensmall:hover{font-variant: small-caps;}
a.mainmenu {font-variant: small-caps;}
a.mainmenu:hover{font-variant: small-caps;}
a.cattitle:hover{font-variant: small-caps;}
a.forumlink:hover{font-variant: small-caps;}
a.nav:hover{font-variant: small-caps;}
a.topictitle:hover{font-variant: small-caps;}
a.postlink:hover{font-variant: small-caps;}
a.copyright:hover {font-variant: small-caps;}

» Pour avoir de grosses majuscules,
remplacer font-variant: small-caps;
par text-transform: uppercase;
» Le :hover, représente quand on passe la souris sur le lien (;

~» Pour modifier la balise de surlignement

Code:

u{text-decoration: none; background-color: #000000;}

Pour ce qui est de la dernière question, je vais aller faire des tests avant de dire quoi que se soit ^^

Edit J'ai testé, tout est bon~

Dans le template topics_list_box, trouver ~»

Code:

<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->

Remplacer par

Code:

<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100" class="author"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50" class="view"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150" class="lastpost"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->

Je conseille de modifier le nom des class pour que se soit facile pour toi de te rappeler qu'est-ce qu'ils représentent (;

Dans le CSS ~»

Code:

.author {background-image: url('http://2img.net/i/fa/fdf3/up11.png');}
.view {background-image: url('http://2img.net/i/fa/fdf3/up11.png');}
.lastpost {background-image: url('http://2img.net/i/fa/fdf3/up11.png');}

Tu pourrais aussi mettre directement les images dans les templates, mais en les ayant dans le CSS c'est plus simple à modifier quand tu changes de thèmes (=

[Sparkle-Of-Dawn]

C'est parfait, merci beaucoup pour ta réponse ! j'ai pu faire les modifications que je souhaitait.


EDIT : Juste un petit soucis avec la colonne des réponses, que je ne sais pas comment nommer pour faire la même chose^^

[dradra]

Désolé, c'est de ma faute, j'ai complètement sauté la colonne réponse u_u' Voici le bon code à mettre dans les templates ~»

Code:

<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80" class="replies"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100" class="author"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50" class="view"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150" class="lastpost"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->

Et a ajouté dans le CSS, en plus des trois autres ~»

Code:

.replies {background-image: url('http://2img.net/i/fa/fdf3/up11.png');}

Ça devrait fonctionner maintenant ^^

[Sparkle-Of-Dawn]

Merci beaucoup, je crois avoir saisi le fonctionnement :p

Malheureusement, je ne trouve pas où modifier les templates pour faire la même chose avec je crois view topic body, qui me permettrait de choisir les images de "auteur" et "messages" dans les sujets :no

[dradra]

J'avais pas remarqué que tu avais édité ^^

Tu n'as pas besoin d'éditer les templates pour faire cette modification ~»

Code:

.thLeft {background-image: url('http://2img.net/i/fa/fdf3/up11.png');}
.thRight {background-image: url('http://2img.net/i/fa/fdf3/up11.png');}

Si jamais le code fait modifier autre chose, c'est dans le template viewtopic_body à cet endroit ~»

Code:

      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>

[Sparkle-Of-Dawn]

Mille merci, cela fonctionne à merveille
Je vais donc éditer mon premier message pour mettre que c'est résolu.

Encore merci pour ton aide