• Welcome to Simple Machines Community Forum. Please login or sign up.
January 16, 2022, 07:26:39 PM

News:

SMF 2.1 RC4 has been released! Try it out and help us test! :) Read more.


Intégration d'image/logo devant une section/catégorie

Started by 0Connors, May 27, 2013, 09:42:07 AM

Previous topic - Next topic

0Connors

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

maximus23

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...

0Connors

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

maximus23

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...

bibiou2

Quote from: 0Connors 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 ?  ;)

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

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

maximus23

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...

0Connors

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

0Connors

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

bibiou2

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

0Connors

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

bibiou2

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

0Connors

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

Zuki.

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.


0Connors

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

maximus23

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...

0Connors

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

maximus23

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...

0Connors

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

maximus23

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...

0Connors

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

maximus23

Bonsoir,

Tu peux déjà diminuer la taille voir ceci :


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...

0Connors

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

0Connors

June 27, 2013, 11:07:14 AM #22 Last Edit: June 27, 2013, 11:17:29 AM by 0Connors
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
Site : www.pafteam.com

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

Version SMF : 2.0.9

Yvanoph

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"

0Connors

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

Zuki.

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.


0Connors

Site : www.pafteam.com

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

Version SMF : 2.0.9

0Connors

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

maximus23

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...

0Connors

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

maximus23

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...

0Connors

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

0Connors

Site : www.pafteam.com

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

Version SMF : 2.0.9

maximus23

Bonsoir,

Fais le en html avec un centrage en hauteur "middle" dans ce style :

<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...

0Connors

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

0Connors

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

0Connors

July 25, 2013, 05:05:35 AM #36 Last Edit: July 25, 2013, 06:58:25 AM by 0Connors
Rebonjour à tous,

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

Voici le code utilisé :

<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>
Site : www.pafteam.com

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

Version SMF : 2.0.9

Advertisement: