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

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

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

Message par Sparkle-Of-Dawn le Ven 17 Déc 2010 - 17:00

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.


Dernière édition par Sparkle-Of-Dawn le Sam 18 Déc 2010 - 16:47, édité 3 fois

Sparkle-Of-Dawn
*

Féminin
Messages : 37
Inscrit(e) le : 05/12/2010

http://brenstow-affairs.forumactif.org/forum
Sparkle-Of-Dawn a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Effets de texte + Images des Titres de catégories différentes

Message par dradra le Ven 17 Déc 2010 - 23:37

    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://illiweb.com/fa/fdf3/up11.png');}
.view {background-image: url('http://illiweb.com/fa/fdf3/up11.png');}
.lastpost {background-image: url('http://illiweb.com/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 (=

dradra
*****

Féminin
Messages : 638
Inscrit(e) le : 06/11/2006

http://tempsnouveau.your-board.com
dradra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effets de texte + Images des Titres de catégories différentes

Message par Sparkle-Of-Dawn le Sam 18 Déc 2010 - 15:51

C'est parfait, merci beaucoup pour ta réponse ! I love you 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^^


Dernière édition par Sparkle-Of-Dawn le Sam 18 Déc 2010 - 16:19, édité 2 fois

Sparkle-Of-Dawn
*

Féminin
Messages : 37
Inscrit(e) le : 05/12/2010

http://brenstow-affairs.forumactif.org/forum
Sparkle-Of-Dawn a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Effets de texte + Images des Titres de catégories différentes

Message par dradra le Sam 18 Déc 2010 - 15:58

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://illiweb.com/fa/fdf3/up11.png');}
Ça devrait fonctionner maintenant ^^

dradra
*****

Féminin
Messages : 638
Inscrit(e) le : 06/11/2006

http://tempsnouveau.your-board.com
dradra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effets de texte + Images des Titres de catégories différentes

Message par Sparkle-Of-Dawn le Sam 18 Déc 2010 - 16:18

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 Non !

Sparkle-Of-Dawn
*

Féminin
Messages : 37
Inscrit(e) le : 05/12/2010

http://brenstow-affairs.forumactif.org/forum
Sparkle-Of-Dawn a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Effets de texte + Images des Titres de catégories différentes

Message par dradra le Sam 18 Déc 2010 - 16:33

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://illiweb.com/fa/fdf3/up11.png');}
.thRight {background-image: url('http://illiweb.com/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>

dradra
*****

Féminin
Messages : 638
Inscrit(e) le : 06/11/2006

http://tempsnouveau.your-board.com
dradra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Effets de texte + Images des Titres de catégories différentes

Message par Sparkle-Of-Dawn le Sam 18 Déc 2010 - 16:47

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

Encore merci pour ton aide cheers

Sparkle-Of-Dawn
*

Féminin
Messages : 37
Inscrit(e) le : 05/12/2010

http://brenstow-affairs.forumactif.org/forum
Sparkle-Of-Dawn a été remercié(e) par l'auteur de ce sujet.

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


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