Advertisement:

Author Topic: Intégration d'image/logo devant une section/catégorie  (Read 11099 times)

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Intégration d'image/logo devant une section/catégorie
« on: May 27, 2013, 09:42:07 AM »
Bonjour à tous,

Voilà, je souhaiterez faire apparaître un logo devant mes catégories de forum et pouvoir mettre une image devant ou carrément dans la description de ma section (Voir fichier joint).

J'ai un peu cherche sur "Google" et le forum mais je ne trouve que de vieux sujets avec l'utilisation de vieux mods. Je voudrais savoir si il existe actuellement un mod permettant d'ajouter ce genre d'options ou à défaut s'y il existe une façon de les afficher.

Pour plus de précision, j'administre le forum d'une Team Multigaming (Qui joue sur plusieurs jeux en même temps), mon idée serait de rendre mon forum moins austère avec des images. Devant mes catégories représentant majoritairement des jeux, un petit icône en 16x16 illustrant l'appartenance à la catégorie. De plus au lieu de la classique description de forum je souhaiterai y affiché une bannière que j'aurai préalablement moi même réalisé ou simplement pouvoir glisser une image devant cette description.

En vous remerciant d'avance pour vos réponses.

Connors
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #2 on: May 27, 2013, 10:07:56 AM »
Salut Maximus

C'est parfait, très jolie travail ! Par contre je ne trouve pas comment ajouter une image devant le nom de la catégorie, le mod le permet ?  ;)
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #3 on: May 27, 2013, 10:35:47 AM »
Bonjour,
 
Là c'est un mod pour les sections et sous-sections. Pour les catégories regarde dans les mods il y en a un du même style :)
 
 
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline bibiou2

  • Semi-Newbie
  • *
  • Posts: 28
  • Gender: Male
Re: Intégration d'image/logo devant une section/catégorie
« Reply #4 on: May 27, 2013, 10:57:31 AM »
Salut Maximus

C'est parfait, très jolie travail ! Par contre je ne trouve pas comment ajouter une image devant le nom de la catégorie, le mod le permet ?  ;)

bonjour,

Il suffit de mettre le code ci-dessous juste devant le nom de la catégorie en prenant bien soin que la taille de l'image s'intègre bien à la hauteur  du "catbg".
On peut faire la même chose avec les sections d'ailleurs, sans être obligé d'installer un MOD

Code: [Select]
<img width="largeur image" height="hauteur image" src="chemin/image.gif"  align="left" border="0">
SMF 2.0.4 - Thème bibioudeco

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #5 on: May 27, 2013, 11:17:44 AM »
Bonjour,
 
Celà n'est pas adapté si on utilise du Seo ou pretty url :)
 
 
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #6 on: May 27, 2013, 11:28:34 AM »
Merci à vous deux,

Après recherche je ne trouve toujours pas le mod concernant la catégorie mais je vais essayer l'astuce de bibiou2 on sait jamais ! ;)
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #7 on: May 27, 2013, 11:54:06 AM »
Re,

C'est parfait ça fonctionne par contre le logo n'est pas bien centré auriez-vous une petite astuce ? Parce qu'en faisant des Padding, Margin rien n'y fait ça bouge pas.

En vous remerciant,
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline bibiou2

  • Semi-Newbie
  • *
  • Posts: 28
  • Gender: Male
Re: Intégration d'image/logo devant une section/catégorie
« Reply #8 on: May 27, 2013, 12:03:47 PM »
Bonjour OConnors,

Il faudrait voir ce que ça donne mais sur ton site si je clique sur forum, il ne se passe rien
SMF 2.0.4 - Thème bibioudeco

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #9 on: May 27, 2013, 12:06:39 PM »
Re,

C'est étrange parce qu'il est en ligne, mais c'est bon je me faisais chier pour rien un align="center" suffisait ...
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline bibiou2

  • Semi-Newbie
  • *
  • Posts: 28
  • Gender: Male
Re: Intégration d'image/logo devant une section/catégorie
« Reply #10 on: May 27, 2013, 12:21:13 PM »
Ce qui est étrange c'est que pour moi, sous IE10 tous tes liens sont inactifs, alors que ça marche nickel sous Google Chrome.

Ce qu'il faudrait savoir c'est si je suis le seul, auquel cas ça peut venir de ma config IE10, ou si ça le fait à d'autres auquel cas c'est peut-être ton script
SMF 2.0.4 - Thème bibioudeco

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #11 on: May 27, 2013, 12:33:14 PM »
Effectivement IE10 n'en veux pas mais IE9 c'est bon...là je comprends plus rien  ???
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline Zuki.

  • Sophist Member
  • *****
  • Posts: 1,308
  • Gender: Male
  • SMF 2.0.5
    • F T Z - Forum Train Zuki
Re: Intégration d'image/logo devant une section/catégorie
« Reply #12 on: May 27, 2013, 12:42:15 PM »
Bonjour,

Pour info : le centrage vertical de l'image est mauvais sur FireFox (dernière version) .

Ok pour ie9 et chrome.

Complément :

Les images de Stats du forum et Membres en ligne, sont bien centrées (dans l'axe) avec le titre.


Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #13 on: May 27, 2013, 12:59:52 PM »
Ah merde, je vois ce que tu veux dire mais je vois pas comment remédier au problème. :(
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #14 on: May 27, 2013, 01:32:55 PM »
Bonjour,
 
Il te manque les images du menu aeva :)
 
 
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #15 on: May 27, 2013, 01:41:10 PM »
Je viens juste de les ajouter, j'ai d'ailleurs un souci avec l'utilisation du mod : http://custom.simplemachines.org/mods/index.php?mod=3480 (Voir Piece jointe)

Les menus sont mal calibrés je sais pas trop comment résoudre le problème.
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #16 on: May 27, 2013, 02:08:04 PM »
Bonsoir,
 
Celà se règle dans le css du thème voir section menu tu dois rétrécir un peu la taille et l'espace entre chaque item :)
 
 
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #17 on: May 27, 2013, 02:53:28 PM »
Re,

J'ai trouvé la section mais je n'arrive pas à situer l'endroit dans la section que je dois modifier pour obtenir un espace plus réduit. As-tu la possibilité de me donner l’endroit exacte ?

En te remerciant,
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #18 on: May 27, 2013, 03:09:00 PM »
Bonsoir,
 
Je regarderai dès que j'ai un Smf disponible car ici je n'ai rien sous la main :)
 
 
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #19 on: May 27, 2013, 03:14:49 PM »
Re,

Si tu veux le faire sur le miens il y a pas de souci.  ;)
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #20 on: May 27, 2013, 03:58:38 PM »
Bonsoir,
 
Tu peux déjà diminuer la taille voir ceci :
 
Code: [Select]

ul.topnav {list-style:none; padding:0; margin:0; float:left; width:100%; background:#1a181d; font-size:0.9em; background:url(../images/theme/toolbar.jpg) repeat-x; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


En font-size:0.9em; tu peux mettre font-size:0.7em; pour voir et le padding est deux lignes plus bas en 10 / 5 que tu peux régler aussi.
 
 :)
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #21 on: May 27, 2013, 04:09:04 PM »
NICKEL !!! C'est parfait j'ai fais un 0.7 comme conseillé pour l'écriture mais ça n'a pas suffit alors j'ai enchérie avec un 3 px pour le padding et ça passe nickel !

Encore une fois je te remercie Maximus ainsi que les autres bien entendu, mais tu ma tellement sauvé la vie !

Au plaisir de revenir t'embêter.  ;D
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #22 on: June 27, 2013, 11:07:14 AM »
Bonjour,

 Je reviens sur le sujet du logo devant la catégorie car la solution de bibiou2 fonctionne mais n'est pas interprété de la même manière pour tous les navigateurs (Décalage du logo). Maximus je viens vers toi, car tu disais connaître un mod permettant de le faire. Mais impossible de mettre la main dessus, aurai-tu une idée du nom du mod ?

En te remerciant,

Connors
« Last Edit: June 27, 2013, 11:17:29 AM by 0Connors »
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline Yvanoph

  • Jr. Member
  • **
  • Posts: 143
    • Un, entre autres...
Bonjour 0Connors,
« Reply #23 on: June 27, 2013, 11:53:11 AM »
par curiosité, qu'est-ce qui change et selon quel Navigateur ?


Cordialement, Yvanoph---


P.S. : par exemple les arrondis, avec le Code donné, ne seront pas toujours fonctionnels selon les Navigateurs, particulièrement Internet Explorer qui ne reconnaît pas ces attributs...
SMF V - 1.1.20 Thème personnel "Boréal"

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #24 on: June 27, 2013, 11:55:11 AM »
C'est le placement des logos des catégories qui est plus ou moins centrer en fonction du navigateur.
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline Zuki.

  • Sophist Member
  • *****
  • Posts: 1,308
  • Gender: Male
  • SMF 2.0.5
    • F T Z - Forum Train Zuki
Re: Intégration d'image/logo devant une section/catégorie
« Reply #25 on: June 27, 2013, 12:13:17 PM »
Bonjours 0Connors,

Je connais ce mod pour les sections : Board color and icons => http://custom.simplemachines.org/mods/index.php?mod=3023

A voir si cela te convient.


Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #26 on: June 27, 2013, 01:06:39 PM »
Ça marche, j'essaye.
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #27 on: June 27, 2013, 01:18:00 PM »
Après avoir essayé, il est bien possible d'ajouter une image devant une section mais pas pour une catégorie.  :( Ce n'est donc pas celle-ci.

Une autre idée ?

PS : Je l'avais déjà essayé en fait. ::)
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #28 on: June 27, 2013, 02:47:01 PM »
Bonsoir,
 
Tu as essayé celui que je t'ai noté ici : http://www.simplemachines.org/community/index.php?topic=504689.msg3551710#msg3551710 ?
 
:)
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #29 on: June 27, 2013, 04:33:29 PM »
J'ai essayé, c'est celui que j'ai actuellement mais je n'ai pas trouvé d'options pour les catégories par contre c'est parfait pour les sections.

Il en existe pour les catégories ?  :o
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #30 on: June 27, 2013, 04:37:39 PM »
Bonsoir,
 
Pour tes catégories tu rentres directement le lien de l'image avant le titre de ta catégorie tu fais celà en html celà doit fonctionner.
 
:)
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #31 on: June 27, 2013, 05:07:54 PM »
Bonsoir,

C'est ce que j'ai fais mais l'icone est mal placé en fonction du navigateur avec cette technique... Je me demandais si il n'y avait pas une autre solution ?
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #32 on: July 10, 2013, 11:10:30 AM »
Petit dépoussièrage du sujet !  :P
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline maximus23

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 11,307
  • Gender: Male
  • Smf 2.1 RC2
    • Smf Français Forum non Officiel
Re: Intégration d'image/logo devant une section/catégorie
« Reply #33 on: July 10, 2013, 01:03:38 PM »
Bonsoir,
 
Fais le en html avec un centrage en hauteur "middle" dans ce style :
Code: [Select]
<div style="font-size: 12px;">
   <img src="32.png"
style="padding-bottom: 4px; vertical-align: middle;"/> Texte en 12px
</div>

:)
Pas de support par PM ou Courrier...Veuillez utiliser le forum pour vous avoir une réponse rapide à votre demande d'aide. Merci.
Amitiés et à Bientôt...
No support by PM or Mail...You will get better and faster responses in the support forums. Thank you.
Have a nice day...

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #34 on: July 11, 2013, 03:50:00 AM »
Ah c'est parfait les logos sont aux mêmes emplacements avec tous les navigateurs, encore une fois je te remercie !  ;)
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #35 on: July 12, 2013, 05:56:23 AM »
Le casse-c... bonbons est de retour  ;D,

Je suis désolé, de vous embêter surtout maximus23 avec toutes mes questions mais j'ose imaginer qu'au moins on ne vous les posera plus et que mes questions serviront à d'autres.

Voilà, ta solution fonctionne parfaitement cependant il y a un hic au niveau de l'arborescence du sujet qui se trouve au dessus de la fenêtre du sujet (Voir PJ).

Est-il possible de palier au problème ?

En vous remerciant d'avance,

Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9

Offline 0Connors

  • Full Member
  • ***
  • Posts: 491
  • Gender: Male
  • Numéro 2 des Empafés
    • Les Empafés
Re: Intégration d'image/logo devant une section/catégorie
« Reply #36 on: July 25, 2013, 05:05:35 AM »
Rebonjour à tous,

J'ai finalement trouvé, avec un simple Span est tous mes problèmes se sont envolé...

Voici le code utilisé :

Code: [Select]
<span style="font-size: 13px; vertical-align: middle;"><img src="http://pafteam.com/forum/Themes/RedZone88_20/images/icon_category/iconepaf.png"  style="padding-bottom: 4px; vertical-align: middle;"/> Place Publique</span>
« Last Edit: July 25, 2013, 06:58:25 AM by 0Connors »
Site : www.pafteam.com

Projet : www.pafteam.com/beta-test/maj-site/

Version SMF : 2.0.9