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
Bonjour,
Voir ceci : http://www.simplemachines.org/community/index.php?topic=246022.msg3140414#msg3140414 (http://www.simplemachines.org/community/index.php?topic=246022.msg3140414#msg3140414)
:)
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,
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 :)
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">
Bonjour,
Celà n'est pas adapté si on utilise du Seo ou pretty url :)
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 ! ;)
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,
Bonjour OConnors,
Il faudrait voir ce que ça donne mais sur ton site si je clique sur forum, il ne se passe rien
Re,
C'est étrange parce qu'il est en ligne, mais c'est bon je me faisais chier pour rien un align="center" suffisait ...
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
Effectivement IE10 n'en veux pas mais IE9 c'est bon...là je comprends plus rien ???
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.
Ah merde, je vois ce que tu veux dire mais je vois pas comment remédier au problème. :(
Bonjour,
Il te manque les images du menu aeva :)
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.
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 :)
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,
Bonsoir,
Je regarderai dès que j'ai un Smf disponible car ici je n'ai rien sous la main :)
Re,
Si tu veux le faire sur le miens il y a pas de souci. ;)
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.
:)
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
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
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...
C'est le placement des logos des catégories qui est plus ou moins centrer en fonction du navigateur.
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.
Ça marche, j'essaye.
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. ::)
Bonsoir,
Tu as essayé celui que je t'ai noté ici : http://www.simplemachines.org/community/index.php?topic=504689.msg3551710#msg3551710 (http://www.simplemachines.org/community/index.php?topic=504689.msg3551710#msg3551710) ?
:)
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
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.
:)
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 ?
Petit dépoussièrage du sujet ! :P
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>
:)
Ah c'est parfait les logos sont aux mêmes emplacements avec tous les navigateurs, encore une fois je te remercie ! ;)
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,
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>