Changer les catégories
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Changer les catégories
Bonjour,
J'aimerais personnaliser le haut de mes catégories mais je ne sais pas comment faire. Voila ce que je voudrais changer: https://i.servimg.com/u/f45/15/15/84/77/forum12.png
Merci d'avance =)
J'aimerais personnaliser le haut de mes catégories mais je ne sais pas comment faire. Voila ce que je voudrais changer: https://i.servimg.com/u/f45/15/15/84/77/forum12.png
Merci d'avance =)
Dernière édition par mama3802 le Sam 14 Avr 2012 - 12:27, édité 3 fois
Re: Changer les catégories
Bonjour,
De quelles manière voulez-vous les personnaliser exactement ?
De quelles manière voulez-vous les personnaliser exactement ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Changer les catégories
En mettant une image
Re: Changer les catégories
Dans ce cas, il vous suffit de remplacer le titre de votre catégorie par votre image.
Rendez-vous dans PA » Général » Forum » Catégories et forum, éditez vos catégories à l’aide du rouage orangé et remplacez leur titre par une image :
Rendez-vous dans PA » Général » Forum » Catégories et forum, éditez vos catégories à l’aide du rouage orangé et remplacez leur titre par une image :
- Code:
<img src="url_de_votre_image" />
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Changer les catégories
Je l'ai déjà fait pour les titres des catégories mais je veux changer le haut comme sur ce forum par exemple: http://douceolympe.1fr1.net/
Je suppose qu'il faut en passer par des codes mais je ne sais pas lesquels.
Je suppose qu'il faut en passer par des codes mais je ne sais pas lesquels.
Re: Changer les catégories
Je sais qu'il faut modifier dans le template index-box mais je sais plus quoi exactement. Je vais regarder pour pouvoir vous aidez, je vous tient au courant...
EDIT :
Je vais vous donner quelques truc je pense que cela devrait fonctionner.
D'abord il faut définir une taille précise en px pour la largeur du forum dans PA-> Général -> Configurations
Vous trouverez "Structure des pages" et il y a :
Voici les codes CSS à insérer dans PA -> Affichage -> Couleur -> Feuille de style CSS
Remplacer dans le code ci-dessus URL DE L'IMAGE par l'adresse de l'image que vous souhaitez mettre en fond (qui reviendra pour chaque titre de catégorie). Pour plus de facilité, je vous conseille de mettre une image dont la largeur est celle de votre forum (Celle que vous avez régler plus haut).
Remplacer aussi les "XXX" par la hauteur de l'image que vous voulez mettre en fond.
Dans .positiontitre, la taille du margin-left dépendra de l'image que vous metterez pour le titre de la catégorie. Exemple, ici, si l'image que je metterai pour les catégorie fait 800 px de long et que la largeur du forum est de 1000px, le taille du margin left est de 100 px pour que l'image soit centrée.
Ensuite, dans le template "index_box", remplacer
Par
Encore une fois, remplacer les XXX par la hauteur de l'image de fond.
Enfin Pour les titre de catégorie (dont j'ai parler avec le margin-left un peu plus haut), remplacer le titre de chaque Catégorie par
En remplacent cette fois par l'URL de l'image pour le titre de la catégorie.
ATTENTION: Toutes les images pour les titres de catégories doivent avoir la même longueur et la même hauteur sinon les marges ne seront pas juste !
Voilà, je suis désolé si je suis pas très clair mais n'hésiter pas à me poser des question et à me dire si cela fonctionne et si c'est ce que vous cherchez.
Nicoge
EDIT :
Je vais vous donner quelques truc je pense que cela devrait fonctionner.
D'abord il faut définir une taille précise en px pour la largeur du forum dans PA-> Général -> Configurations
Vous trouverez "Structure des pages" et il y a :
- Code:
Largeur du forum (nombre ou %) :
Voici les codes CSS à insérer dans PA -> Affichage -> Couleur -> Feuille de style CSS
- Code:
#backcat {
text-transform: lowercase;
font-family: 'Coolvetica', 'Trebuchet MS';
font-size: 20px;
letter-spacing: 3px;
background: transparent url(URL DE L'IMAGE) no-repeat center;
height: XXXpx;
border: 0px;
align: center;
}
.positiontitre {
float: left;
margin-top: 20px;
margin-left: 100px;
}
.topictitle, h1, h2 {
color: #333;
font-size: 11px;
font-weight: 700;
align: center;
}
Remplacer dans le code ci-dessus URL DE L'IMAGE par l'adresse de l'image que vous souhaitez mettre en fond (qui reviendra pour chaque titre de catégorie). Pour plus de facilité, je vous conseille de mettre une image dont la largeur est celle de votre forum (Celle que vous avez régler plus haut).
Remplacer aussi les "XXX" par la hauteur de l'image que vous voulez mettre en fond.
Dans .positiontitre, la taille du margin-left dépendra de l'image que vous metterez pour le titre de la catégorie. Exemple, ici, si l'image que je metterai pour les catégorie fait 800 px de long et que la largeur du forum est de 1000px, le taille du margin left est de 100 px pour que l'image soit centrée.
Ensuite, dans le template "index_box", remplacer
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
<!-- END tablehead -->
Par
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div id="backcat" height="XXXpx"><h2><div class="positiontitre">{catrow.tablehead.L_FORUM}</div></h2></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
Encore une fois, remplacer les XXX par la hauteur de l'image de fond.
Enfin Pour les titre de catégorie (dont j'ai parler avec le margin-left un peu plus haut), remplacer le titre de chaque Catégorie par
- Code:
<img src="URL DE L'IMAGE" />
En remplacent cette fois par l'URL de l'image pour le titre de la catégorie.
ATTENTION: Toutes les images pour les titres de catégories doivent avoir la même longueur et la même hauteur sinon les marges ne seront pas juste !
Voilà, je suis désolé si je suis pas très clair mais n'hésiter pas à me poser des question et à me dire si cela fonctionne et si c'est ce que vous cherchez.
Nicoge
Re: Changer les catégories
Merci c'est gentil =)
Je vais essayer
Je vais essayer
Re: Changer les catégories
J'ai essayer et ça marche bien, merci =)
Par contre j'ai une autre question, est ce que vous savez comment faire la même chose mais en bas des catégories, ici: http://img83.xooimage.com/files/5/f/d/forum-3376192.png
Par contre j'ai une autre question, est ce que vous savez comment faire la même chose mais en bas des catégories, ici: http://img83.xooimage.com/files/5/f/d/forum-3376192.png
Re: Changer les catégories
Pour le bas,
Voici d'abord le code à insérer dans le CSS
Même chose que pour le haut, remplacer par l'adresse de votre image (de préférence de la même largeur que celle du forum) ainsi que les XXX par la hauteur de l'image.
Et dans le Template, remplacer
Par
En remplacent les XXX par la hauteur de l'image
Normalement ça devrait fonctionner.
Voici d'abord le code à insérer dans le CSS
- Code:
#bas {
letter-spacing: inherit;
background: transparent url(URL DE L'IMAGE) no-repeat center;
height: XXXpx;
border: 0px;
}
Même chose que pour le haut, remplacer par l'adresse de votre image (de préférence de la même largeur que celle du forum) ainsi que les XXX par la hauteur de l'image.
Et dans le Template, remplacer
- Code:
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Par
- Code:
<!-- BEGIN tablefoot -->
<tr align="center"><div id="bas" height="XXXpx"> </div></tr></table><!-- END tablefoot --><!-- END catrow -->
En remplacent les XXX par la hauteur de l'image
Normalement ça devrait fonctionner.
Re: Changer les catégories
Parfait merci =)
Sujets similaires
» Impossible de changer l'image des barres (déco) catégories et sous catégories
» Changer la couleur de la PA, sans changer le fond des forums & catégories
» Changer la couleur des catégories
» changer la forme des catégories
» Changer les icônes des catégories via CSS
» Changer la couleur de la PA, sans changer le fond des forums & catégories
» Changer la couleur des catégories
» changer la forme des catégories
» Changer les icônes des catégories via CSS
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum