Image dans le titre d'une catégorie

[JL85270]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://elvisfevermafia.forumactif.com

Description du problème

Bonjour
Peut on mettre une image à gauche dans la barre de catégorie ?
Si oui, comment ?
Merci d'avance pour votre aide
Cdlt
JL

[Toryudo]

Bonjour !
Sauriez-vous m'indiquer comment vous avez ajouté l'image à droite dans la barre de catégories ?
On changera quelques petites choses pour ajouter une nouvelle image à gauche et ça devrait marcher.

[JL85270]

Bonjour!

Je ne vois pas ou j'ai rajouté une image dans une barre de catégorie!

[Lixyr]

Bonsoir,

Toryudo parle de cette image :

[JL85270]

Bonsoir,

Toryudo parle de cette image :

Ah ok ! ;mais ça c'est dans la barre de navigation,moi je parle des barres de catégories!!

[marcophil]

dans ce principe exemple que j'ai sur mon forum


par contre je sais pas si le phpbb2 a les mêmes menus que phpbb3
PA--GENERAL--FORUM--CATEGORIE ET FORUM
Vous aurez les catégories, cliquez sur l'encrage

vous verrez ceci normalement

[JL85270]

Bonjour Marco,j'ai tenté de faire ce que tu as proposé ,mais aucune image dans le cadre de ma catégorie!

[marcophil]

ah oui effectivement comme épuré
en cherchant bien sur forumactif j'ai trouvé ceci et testé
en le plaçant dans le champs description
par contre attention à la taille de l'image plus c'est grand plus ça déforme le cadre du sujet
le code image testé fait parti de mon forum

Code:

<img src="https://i.servimg.com/u/f68/15/39/40/30/padloc10.png">&nbsp;Titre description

[JL85270]

ah oui effectivement comme épuré  
en cherchant bien sur forumactif j'ai trouvé ceci et testé
en le plaçant dans le champs description
par contre attention à la taille de l'image plus c'est grand plus ça déforme le cadre du sujet
le code image testé fait parti de mon forum

Code:

<img src="https://i.servimg.com/u/f68/15/39/40/30/padloc10.png">&nbsp;Titre description

Merci mais ou dois je mettre ce script ?

[marcophil]

dans la fenêtre que vous m'avez montré.

à faire dans chaque catégories/enregistrer

[JL85270]

Je viens de faire ce que vous m'avez expliqué : mais rien n'apparait !

[marcophil]

ça parait étrange, pouvez faire une parti de capture
sur votre forum avec indication de l'endroit ou doit être l'image.

[Lixyr]

Bonjour,

Oups, désolée, "barre de catégorie" je ne connaissais pas, du coup j'ai lu "barre de navigation"...

Bon, sinon, pour afficher une image pour une catégorie, il faut modifier la structure :
Panneau d'administration > Affichage > Page d'accueil > Structure et hiérarchie :
- Séparer les catégories sur l'index : cocher "Complet"
- Conserver les catégories sur l'index : cocher "Complet".

En clair, les catégories doivent être affichées comme des forums, sinon on ne voit pas les images car en mode "Moyen" ou "Aucun", la description des catégories n'est pas affichée, elle est remplacée par celle des forums.

[marcophil]

le miens est configuré comme suis et aucun problème d'insertion d'images
avec le code.
Séparer les catégories sur l'index : moyen
Conserver les catégories sur l'index : rien de coché
s'il essaie de mettre une image sur l'un des catégories au lieu de forum
ça posse peut être problème.

[Lixyr]

Bonjour,

s'il essaie de mettre une image sur l'un des catégories au lieu de forum

Et bien, c'est le propos : mettre une image pour une catégorie. Pas pour un forum. Ce n'est pas la même chose. Sinon, le problème est mal expliqué ou le titre ne correspond pas au problème...

[creange]

Bonjour JL85270  apparemment c'est la même image qui apparaît dans toutes les catégories
donc je pense que vous avez  dù mettre une image  pour l'affichage des  catégories dans le PA dans la gestion des images
Pour avoir la possibilité de mettre une image pour chaque catégorie il laisser
 la case catégorie vide   et surtout ne pas masquer l'image
normalement ça devrait marcher et vous devriez retrouver ce que vous a indiqué Marcophil

Sinon vous pouvez mettre le code de l'adresse de l'image à coté du titre de la catégorie
comme ceci  ça fonctionne  

Code:

GALERIE ESSAI<img src="url de l'image " /><br />

et pour déplacer l'image on peut mettre ce code dans le CSS


[code].hierarchy + .genmed img, .descript_content { float:right; }
.hierarchy + .genmed + .gensmall {
float:right;
width:100%;
margin:3px;
}[code]

pour l'emplacement vous choisissez

est ce bien le rendu que vous recherchez ??

[marcophil]

JL85270
après test de mon côté visible.
en incluant le code directement dans le Nom de la Catégorie
comme dans chaque catégorie ça pose aucun soucie.
hormis la taille de l'image limite 28pix qui reste raisonnable
la fonction br  provoque un saut de ligne et agrandi la barre catégorie.
normalement votre problème est résolu

[JL85270]

Bonsoir
Après avoir mis ceci dans le "nom de la catégorie" :

<img src="https://zupimages.net/up/23/05/0e3t.gif"/><center><strong>LISA-MARIE</strong></center>

voici ce que cela donne:



Mon cadre de catégorie est déformé ,alors que mon gif fait: 24px
Le titre de la catégorie "Lisa- Marie "sort du cadre ?!?!

[creange]

Bonsoir JL85270  ton code est trop long il faut juste mettre ceci

Code:

LISA-MARIE<img src="https://zupimages.net/up/23/05/0e3t.gif" /><br />

[marcophil]

essayer juste sans  STRONG

Code:

<img src="https://zupimages.net/up/23/05/0e3t.gif"/>[center]LISA-MARIE[/center]

[JL85270]

Bonsoir JL85270  ton code est trop long il faut juste mettre ceci

Code:

LISA-MARIE<img src="https://zupimages.net/up/23/05/0e3t.gif" /><br />

Cela donne ceci :



Le cadre est toujours déformé par rapport aux autres et le nom est devant le gif
Désolé de vous ennuyer ainsi

[marcophil]

le code center doit être écrit en minuscule et non majuscule
ont vas y arriver..

[JL85270]

essayer juste sans  STRONG

Code:

<img src="https://zupimages.net/up/23/05/0e3t.gif"/>[center]LISA-MARIE[/center]

Cela donne :

[creange]

Oui c'est ce que j'allais dire il ne faut pas rajouter les balises Center dans le code ça ne fonctionne pas sur mon forum d'essai qui en phpBB3  
je pense que ça ne se passe pas dans le titre de la catégorie mais dans le css pour modifier 
l'emplacement du titre et de l'image

*edit modération "fusion" de réponses à la suite*

JL85270 réessaie de mettre ce code dans le CSS 

Code:

.genmed img + .hierarchy, .descript_content { float:center; }
.genmed img + .hierarchy  .gensmall {
float:center;
width:100%;
margin:3px;
}

ça marche sur mon forum test

[JL85270]

Oui c'est ce que j'allais dire il ne faut pas rajouter les balises Center dans le code ça ne fonctionne pas sur mon forum d'essai qui en phpBB3  
je pense que ça ne se passe pas dans le titre de la catégorie mais dans le css pour modifier 
l'emplacement du titre et de l'image

Tu m'as donné ce script à mettre dans le css ,mais cela ne change rien

Code:

.hierarchy + .genmed img, .descript_content { float:right; }
.hierarchy + .genmed + .gensmall {
float:right;
width:100%;
margin:3px;
}

*edit modération "fusion" de réponses à la suite*

JL85270 réessaie de mettre ce code dans le CSS 

Code:

.genmed img + .hierarchy, .descript_content { float:center; }
.genmed img + .hierarchy  .gensmall {
float:center;
width:100%;
margin:3px;
}

ça marche sur mon forum test

ok je tente!!!

[creange]

sur mon forum l'image et la catégorie n'est pas positionnée sur le tableau mais 
au dessus comme ceci 


   




pour situer l'image dans la barre de catégorie comme sur ton forum tu as dù mettre un code
 qui doit faire conflit avec l'autre code

[JL85270]

Je viens de remettre ton code cela donne :



Je ne sais que penser!?!

[creange]

je ne sais plus quoi te conseiller 
je  viens de faire un essai en changeant la hierarchie du forum qui était en thème moyen 
pour le mettre en thème complet comme sur ton forum et ça marche toujours 




revérifie les codes que tu as mis on ne sait jamais ...

[marcophil]

Je viens de remettre ton code cela donne :



Je ne sais que penser!?!

dans la capture la 1ere catégorie semble difficile
la 2eme catégorie avec repère quel code avez vous mis et semble correcte

[Lixyr]

Bonjour,

@JL85270 et @creange Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Cela ne concerne pas seulement les personnes qui postent des sujets, mais également ceux qui y répondent. Pour garder le sujet propre et lisible, si vous avez de nouvelles informations à fournir, merci de ne pas spammer le sujet mais d'éditer votre dernier message et de rajouter les informations à la suite. C'est le premier et dernier rappel. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

..	J'ai modifié le titre de ce sujet qui était "Image dans la barre de catégorie " en "Image dans le titre d'une catégorie ".

Pour centrer le titre d'une catégorie, le code est :

Code:

.forabg .topiclist .dterm {
  text-align: center;
}

A mettre dans la page de type CSS.