Changer la position des images, de la description et du titre d'un forum
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 la position des images, de la description et du titre d'un forum
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://espace-series.forumactif.com/
Description du problème
Bonsoir,J'aimerais savoir si c'est possible de faire en sorte que les images des forums d'une catégorie soient mises derrière le titre du forum et de sa description.
En gros, j'aimerais avoir un résultat similaire à ce forum :
http://fan-kai-cie.leforum.tv/index.php
Il y a l'image, et à côté le titre du forum.
En dessous du titre du forum, il y a les description et il peut y avoir des sous-forums.
Si c'est possible, cela serait cool, car ça me permettrait de mettre des images plus grosses sans que cela agrandisse la cellule.
Dernière édition par Clemsi le Lun 19 Mar 2018 - 22:14, édité 1 fois
Re: Changer la position des images, de la description et du titre d'un forum
Bonsoir,
Cela doit être possible, mais je n'ai pas de recette toute faite.
Comme tu as les titres de forums sur tes images, tu pourrais faire des liens images sans répéter le titre en plus, juste le mettre en
Et le style
Si l'image est assez grande et qu'il y a la place, on peut évidemment répéter le lien en titre de la description, voire renoncer au lien par l'image.
Cela doit être possible, mais je n'ai pas de recette toute faite.
Comme tu as les titres de forums sur tes images, tu pourrais faire des liens images sans répéter le titre en plus, juste le mettre en
- Code:
alt="titre"
Et le style
- Code:
.forumlink {
display:none;
}
Si l'image est assez grande et qu'il y a la place, on peut évidemment répéter le lien en titre de la description, voire renoncer au lien par l'image.
Re: Changer la position des images, de la description et du titre d'un forum
Bonjour,
Moi aussi je suis intéressé par le problème de Clemsi, j'aimerai bien avoir sur le côté gauche du titre des forums et de leur descriptions une image comme sur le forum que Clemsi a donné en exemple:
http://fan-kai-cie.leforum.tv/index.php
J'ai cherché sur le forum mais je n'ai pas trouvé
(Mon forum est un modernbb)
Si quelqu'un a une idée merci par avance
Moi aussi je suis intéressé par le problème de Clemsi, j'aimerai bien avoir sur le côté gauche du titre des forums et de leur descriptions une image comme sur le forum que Clemsi a donné en exemple:
http://fan-kai-cie.leforum.tv/index.php
J'ai cherché sur le forum mais je n'ai pas trouvé
(Mon forum est un modernbb)
Si quelqu'un a une idée merci par avance
Re: Changer la position des images, de la description et du titre d'un forum
Je n'avais pas pensé à mettre des liens sur des images, @Faline !
Mais je n'ai pas compris où je dois rentrer les codes que tu m'as donné.
Dans le css ?
Mais je n'ai pas compris où je dois rentrer les codes que tu m'as donné.
Dans le css ?
Re: Changer la position des images, de la description et du titre d'un forum
Le alt=... va dans le lien image
et le style forumlink va dans la feuille de styles.
A voir et à cliquer dedans provisoirement sur mon forum test (depuis chez moi, j'ai dû mettre le lien complet pour que ça mène jusque sur ton fofo à toi, toi tu mettras à partir de "/f..." comme dans ton texte source).
Oups, j'ai fait pour le forum Outlander avant de voir ton nouveau message.
et le style forumlink va dans la feuille de styles.
A voir et à cliquer dedans provisoirement sur mon forum test (depuis chez moi, j'ai dû mettre le lien complet pour que ça mène jusque sur ton fofo à toi, toi tu mettras à partir de "/f..." comme dans ton texte source).
- Code:
<a href="/f7-outlander" alt="Outlander"><img style="float: left;" alt="Outlander" src="https://i62.servimg.com/u/f62/11/04/34/05/zzzzzz10.jpg" /></a>
Oups, j'ai fait pour le forum Outlander avant de voir ton nouveau message.
Dernière édition par Faline le Sam 17 Mar 2018 - 1:18, édité 6 fois (Raison : enlevé lien forum test)
Re: Changer la position des images, de la description et du titre d'un forum
Par exemple, pour le forum Fear the Walking dead, je dois mettre quel code dans "adresse de l'image" ?
L'image : https://2img.net/image.noelshack.com/fichiers/2018/11/5/1521213272-pgqsxh9.jpeg
Est-ce que c'est le même code pour les boutons de partenariat ?
L'image : https://2img.net/image.noelshack.com/fichiers/2018/11/5/1521213272-pgqsxh9.jpeg
Est-ce que c'est le même code pour les boutons de partenariat ?
Re: Changer la position des images, de la description et du titre d'un forum
C'est le même code que pour les boutons partenariats, sauf que chez toi tu tronques l'adresse du forum en interne comme ton code source l'indique.
J'ai édité mon message plus haut.
Le alt va dans le lien <a href...> quand il n'y a pas d'image (lien texte).
J'ai édité mon message plus haut.
Le alt va dans le lien <a href...> quand il n'y a pas d'image (lien texte).
Re: Changer la position des images, de la description et du titre d'un forum
J'ai essayé avec le forum Fear the Walking Dead, mais ça ne marche pas.
On ne voit pas l'image, mais juste un petit carré blanc, comme si le lien était mort...
J'ai mis ça dans l'adresse de l'image du forum :
On ne voit pas l'image, mais juste un petit carré blanc, comme si le lien était mort...
J'ai mis ça dans l'adresse de l'image du forum :
- Code:
<a href="http/f15-fear-the-walking-dead" alt="Fear the Walking Dead"><img style="float: left;" alt="Fear the Walking Dead" src="http://image.noelshack.com/fichiers/2018/11/5/1521213272-pgqsxh9.jpeg"></a>
Re: Changer la position des images, de la description et du titre d'un forum
Il n'a pas trouvé d'image avec l'extension .jpeg à la place de .png .
Chez moi, l'image marche en .png (je l'ai juste étirée en vitesse par code, et le lien dessous est toujours celui du forum mis précédamment) :
Chez moi, l'image marche en .png (je l'ai juste étirée en vitesse par code, et le lien dessous est toujours celui du forum mis précédamment) :
Dernière édition par Faline le Ven 16 Mar 2018 - 21:29, édité 1 fois (Raison : emlevé lien forum test)
Re: Changer la position des images, de la description et du titre d'un forum
Ah, donc j'ai juste à remplacer tous les "jpeg" par des "png" ?
Re: Changer la position des images, de la description et du titre d'un forum
Pas aveuglément toutes ! Il faut regarder pour chaque image, quelle extension elle a : clic droit, propriétés.
Tu peux laisser l'image telle qu'elle est et mettre un code pour l'agrandir à la taille voulue :
Tu peux laisser l'image telle qu'elle est et mettre un code pour l'agrandir à la taille voulue :
- Code:
<img src="url_de_ton_image" style="width: 300px; height: 70px; float: left;" ... />
- @capsovore (version ModernBB):
- @Capsovore : pour ModernBB le style à mettre est probablement
- Code:
.forumtitle {
display:none;
}
Pour le reste, c'est probablement comme ici, du moins tant qu'il n'y a pas de sous-forums...
Dernière édition par Faline le Ven 16 Mar 2018 - 22:29, édité 1 fois (Raison : mis dans le spoiler la réponse pour ModernBB pour éviter la confusion.)
Re: Changer la position des images, de la description et du titre d'un forum
Et si je n'ai pas envie de modifier la résolution des images ?
C'est quoi "float" ?
C'est quoi "float" ?
Re: Changer la position des images, de la description et du titre d'un forum
Le "float" est pour que l'image flotte à gauche quelle que soit la suite des opérations . Mais tu peux l'enlever s'il te gêne.
Eh bien, tu laisses l'image comme elle est. J'avais compris dans ton premier message que tu les voulais en plus grand :Clemsi a écrit:Et si je n'ai pas envie de modifier la résolution des images ?
. Tu peux aussi en mettre une autre, mais après il faudra de nouveau chercher après l'extension qu'elle peut avoir...Clemsi a écrit:
Si c'est possible, cela serait cool, car ça me permettrait de mettre des images plus grosses sans que cela agrandisse la cellule.
Re: Changer la position des images, de la description et du titre d'un forum
Ok !
Merci pour tout !
Je te tiens au courant...
Merci pour tout !
Je te tiens au courant...
Re: Changer la position des images, de la description et du titre d'un forum
Non, même en remplaçant "jpeg" par "png" dans le code, ça ne marche pas.
Je vais attendre que quelqu'un apporte la solution pour ce que je voulais à la base du coup.
Quelque chose comme ça : http://fan-kai-cie.leforum.tv/index.php
Merci quand même, @Faline.
Je vais attendre que quelqu'un apporte la solution pour ce que je voulais à la base du coup.
Quelque chose comme ça : http://fan-kai-cie.leforum.tv/index.php
Merci quand même, @Faline.
Re: Changer la position des images, de la description et du titre d'un forum
Si tu préfères travailler sur les styles plutôt que de faire des codes html, tu peux aussi mettre le lien direct vers limage dans le champ prévu dans la description du forum et mettre juste un lien texte vers le forum dans la description.
ce qui donnera
avec un lien texte cliquable.
Ne pas oublier de mettre aussi le style
pour effacer la ligne au-dessus de l'image.
A la place du style "genmed" que j'ai pris pour l'exemple, tu peux en mettre un autre.
Edit 1 :
Dans ton code pour le lien, il y a encore le
Sur le forum que tu donnes comme modèle, l'image est aussi sur le lien !
Edit 2 :
Voici encore un tutoriel du support forumactif en italien, qui correspond peut-être plus à tes attentes :
http://aiuto.forumattivo.it/t16070-categoria-a-3-forum-con-immagine-a-destra
Là, tu as un
ce qui donnera
avec un lien texte cliquable.
Ne pas oublier de mettre aussi le style
- Code:
.forumlink {
display:none;
}
pour effacer la ligne au-dessus de l'image.
A la place du style "genmed" que j'ai pris pour l'exemple, tu peux en mettre un autre.
Edit 1 :
Dans ton code pour le lien, il y a encore le
- Code:
http
Sur le forum que tu donnes comme modèle, l'image est aussi sur le lien !
Edit 2 :
Voici encore un tutoriel du support forumactif en italien, qui correspond peut-être plus à tes attentes :
http://aiuto.forumattivo.it/t16070-categoria-a-3-forum-con-immagine-a-destra
Là, tu as un
- Code:
rowspan="2"
Re: Changer la position des images, de la description et du titre d'un forum
C'est quoi "class=genmed", @Faline ?
Re: Changer la position des images, de la description et du titre d'un forum
C'est un des styles les plus courants du forum (entre autres utilisé pour la description des forums).
Pour avoir exactement la même apparence que les liens forum actuels, il faudrait un style de remplacement identique à
Je viens d'ailleurs de croiser un forum qui a juste l'image dans la description (forum dans le profil de @Scoubifitz) et du style genmed à côté, et je trouve que ça fait très joli :
http://scoubidous.superforum.fr/
Pour avoir exactement la même apparence que les liens forum actuels, il faudrait un style de remplacement identique à
- Code:
.forumlink
Je viens d'ailleurs de croiser un forum qui a juste l'image dans la description (forum dans le profil de @Scoubifitz) et du style genmed à côté, et je trouve que ça fait très joli :
http://scoubidous.superforum.fr/
Re: Changer la position des images, de la description et du titre d'un forum
Le problème avec ta solution, @Faline, c'est que j'ai des forums et des sous-forums sans images...
Je pense que je vais attendre que quelqu'un ait la solution pour juste avoir l'image des forums à gauche et son titre et sa description à côté.
Je pense que je vais attendre que quelqu'un ait la solution pour juste avoir l'image des forums à gauche et son titre et sa description à côté.
Re: Changer la position des images, de la description et du titre d'un forum
Ok !
(Pour les sous-forums sans images on utiliserait le style de remplacement pour afficher le titre, exactement comme pour les forums avec image.)
(Pour les sous-forums sans images on utiliserait le style de remplacement pour afficher le titre, exactement comme pour les forums avec image.)
Dernière édition par Faline le Lun 19 Mar 2018 - 3:46, édité 1 fois
Re: Changer la position des images, de la description et du titre d'un forum
Ce que tu m'a proposé avec les styles me convient, @Faline.
Quels sont les autres styles à part Genmed ? C'est possible d'augmenter la taille de la police ?
Quels sont les autres styles à part Genmed ? C'est possible d'augmenter la taille de la police ?
Re: Changer la position des images, de la description et du titre d'un forum
J'ai juste entrevu le début de tes travaux avant que tu a mis le fofo en maintenance. Pour avoir rapidement des titres de forums en gras, tu pourrais ajouter dans les liens
- Code:
class="cattitle"
- Code:
<a class="cattitle" href=...
- réponses diverses :
- Il y a beaucoup de styles (et tu peux aussi en créer toi-même). Voici déjà les principaux :
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3
Et pour les autres : clic droit et inspecter la source pour trouver l'identifiant.
J'ai écrit genmed dans le code juste pour signaler qu'il faudra mettre un style (à moins de vouloir garder genmed, qui est le style par défaut dans cette zone). Bien sûr qu'on peut le modifier. Dans un premier temps tu pourrais utiliser le style- Code:
cattitle
Exemple qui devrait être prêt à être copié pour le forum Game of Thrones :
- Code:
<table align="left"><tr><td rowspan="2" class="clemsi-image"><img src="http://image.noelshack.com/fichiers/2018/11/4/1521082348-gameofthrones.png" /></td><td class="cattitle"><a href="/f31-game-of-thrones">Game of Thrones</a></td></tr><tr><td>description</td></tr></table>
Et dans la feuille de styles tu mets :
- Code:
.clemsi-image {
vertical-align:middle;
}
J'ai fait un tableau avec 3 cellules : 1 pour l'image, 1 pour le lien et 1 pour la description comme sur le forum modèle et pour facilement s'y retrouver.
- alternative :
- Si jamais tu souhaiterais au fond que la page d'accueil de ton forum ressemble à un écran de télévision, où on peut cliquer sur les séries dont on veut parler, on peut revenir sur le tutoriel du support italien que j'ai mentionné plus haut :
http://aiuto.forumattivo.it/t16070-categoria-a-3-forum-con-immagine-a-destra
pour compacter tout ça (plusieurs forums par ligne...).
Re: Changer la position des images, de la description et du titre d'un forum
Merci pour tous tes edits, @Faline.
J'ai tout lu.
Finalement, j'ai utilisé ces codes :
Dans le css :
Dans la description des forums avec images :
Je suis satisfait du résultat obtenu.
Je mets le topic en résolu.
Merci beaucoup, @Faline?
J'ai tout lu.
Finalement, j'ai utilisé ces codes :
Dans le css :
- Code:
.forumlink {
display:none;
}
Dans la description des forums avec images :
- Code:
<a href="/f15-fear-the-walking-dead" classe="cattitle">Forum Fear the Walking Dead</a><br />Le forum pour parler de la série Fear the Walking Dead.
Je suis satisfait du résultat obtenu.
Je mets le topic en résolu.
Merci beaucoup, @Faline?
Re: Changer la position des images, de la description et du titre d'un forum
Pour avoir le titre en gras, il faut écrire
C'est valable aussi bien pour les forums sans images que pour ceux avec image.
- Code:
class
C'est valable aussi bien pour les forums sans images que pour ceux avec image.
Re: Changer la position des images, de la description et du titre d'un forum
Ok ! Merci pour tout, @Faline !
Sujets similaires
» Position d'une image à côté de la description d'un forum
» Changer le texte "Description" sous le titre
» La position du titre du forum
» position du titre des sujets dans un forum
» comment faire pour régler la position des images en haut du forum?
» Changer le texte "Description" sous le titre
» La position du titre du forum
» position du titre des sujets dans un forum
» comment faire pour régler la position des images en haut du forum?
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