Insérer des images à la place du texte dans le header des catégories.

2 participants

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

Résolu Insérer des images à la place du texte dans le header des catégories.

Message par Nekothika Mer 20 Juin 2012 - 19:59

Bonjour à tous ^^ ce serait pour savoir comment mettre des images ICI à la place tu texte et de l'image de fond sachant que le problème pour celui LA est réglé ^^.

header - Insérer des images à la place du texte dans le header des catégories. Untitl10

Merci à vous ! ^^


Dernière édition par Anadriah le Ven 22 Juin 2012 - 19:54, édité 1 fois
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer des images à la place du texte dans le header des catégories.

Message par Nekothika Jeu 21 Juin 2012 - 2:34

up ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer des images à la place du texte dans le header des catégories.

Message par Nekothika Ven 22 Juin 2012 - 8:40

re-up ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer des images à la place du texte dans le header des catégories.

Message par NatureSauvage Ven 22 Juin 2012 - 10:16

Bonjour =)

Dans ton CSS, il faut que tu rajoutes ceci :
Code:
.categotitre .textecatego {
  display: none;
}

.textecatego {
 display: inline;
}

.categotitre img {
 display: inline!important;
}

Dans le template index_box, ligne 22, il faut remplacer :
Code:
class="secondarytitle"

Par :
Code:
class="categotitre"

Et quand tu crées une catégorie, pour son nom tu écris :
Code:
<img src="adresse_de_l'image" style="display: none;" /><span class="textecatego">Nom de la catégorie</span>

Hum... En fait je viens de me rendre compte que ce problème était réglé. Je laisse quand même.

Donc pour le reste, c'est dans le template index_box, il faut remplacer ça, à partir de la ligne 23 :
Code:
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Par :
Code:
      <th nowrap="nowrap" width="50"><img src="adresse_de_l'image" alt="Sujets" /></th>
      <th nowrap="nowrap" width="50"><img src="adresse_de_l'image" alt="Messages" /></th>
      <th nowrap="nowrap" width="150"><div style="width:150px;"><img src="adresse_de_l'image" alt="Derniers messages" /></div></th>
avatar

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer des images à la place du texte dans le header des catégories.

Message par Nekothika Ven 22 Juin 2012 - 10:46

Je suis en train de tester ça, est-il possible de changer la largeur des 3 colonnes concernées ? (En fait surtout Sujets et Messages ^^).

Sachant que dans le code à mettre :

Code:

<th nowrap="nowrap" width="50"><img src="adresse_de_l'image" alt="Sujets" /></th>
      <th nowrap="nowrap" width="50"><img src="adresse_de_l'image" alt="Messages" /></th>
      <th nowrap="nowrap" width="150"><div style="width:150px;"><img src="adresse_de_l'image" alt="Derniers messages" /></div></th>

j'ai remplacé les valeurs de la variable width de 50 à 60 sans résultats.

(Est-il normal que le code :

Code:

<div style="width:150px;">

ne soit présent que dans la dernière lignes ?
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer des images à la place du texte dans le header des catégories.

Message par NatureSauvage Ven 22 Juin 2012 - 11:13

Pour changer la largeur d'une colonne :
Code:
<th nowrap="nowrap" style="width: ce_que_tu_veux px;"><img src="adresse_de_l'image" alt="Sujets" /></th>
      <th nowrap="nowrap" style="width: ce_que_tu_veux px;"><img src="adresse_de_l'image" alt="Messages" /></th>
      <th nowrap="nowrap" style="width: ce_que_tu_veux px;"><img src="adresse_de_l'image" alt="Derniers messages" /></th>
avatar

NatureSauvage
***

Messages : 164
Inscrit(e) le : 08/04/2012

http://naturesauvage.forumactif.com/
NatureSauvage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer des images à la place du texte dans le header des catégories.

Message par Nekothika Ven 22 Juin 2012 - 18:33

Merci à vous ^^
Nekothika

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika 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