Positionner les Icones de messages comme ceux en Phpbb3
4 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
Positionner les Icones de messages comme ceux en Phpbb3
- Spoiler:
- Bonjour,
Voilà mon problème:
-> Ayant récemment passé de la version Phpbb3 à la version Phpbb2, plusieurs modifications ont survenues sur mon forum (Bien évidemment et j'en étais déjà conscient).
Mais voilà, qu'il me reste plus qu'une petite chose à régler afin de retrouver un design similaire à la version Phpbb3.
Donc comme expliqué dans le tutoriel suivant:
https://forum.forumactif.com/t183061-les-icones-de-messages
Nous pouvons modifier l'emplacement des icones en Phpbb3 pour les mettre comme dans la position de la version Phpbb2.
Version Phpbb2
Version Phpbb3
Malheureusement le tutoriel explique seulement les modifications à effectuer pour ce qui ait du transfert Phpbb3-> Phpbb2. Ce qui me conviendrait serait plutôt le contraire.
- Spoiler:
- Probablement que cela est possible, mais malgré quelque essai de code rien n'a fonctionné de mon côté, si vous pouvez m'aider. Ce serait très apprécié.
Au plaisir, Stéphane Gilbert
...::LA RÉPONSE QUI A RÉSOLU LA QUESTION !!!!::...
Scoubifitz a écrit:bonjour,
désolé pour le contre-temps ...
bon, toujours le même morceau à remplacer ...
- Code:
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td></td><td class="{topics_list_box.row.ROW_FOLDER_CLASS}" style="background-image:url({topics_list_box.row.TOPIC_FOLDER_IMG});background-repeat:no-repeat;background-position:center;" align="center" valign="middle" width="50" height="50">
<!-- BEGIN icon -->
<div style="width:50px">{topics_list_box.row.ICON}</div></td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
j'ai mis un style à l'icône de sujet pour la largeur ...testé avec et sans affichage d'icônes ...<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td></td><td class="{topics_list_box.row.ROW_FOLDER_CLASS}" style="background-image:url({topics_list_box.row.TOPIC_FOLDER_IMG});background-repeat:no-repeat;background-position:center;" align="center" valign="middle" width="50" height="50">
<!-- BEGIN icon -->
<div style="width:50px">{topics_list_box.row.ICON}</div></td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
http://privateroom.forumperso.com/f3-jeu-de-l-oie?tt=1
?
Dernière édition par undertaker999 le Ven 8 Avr 2011 - 19:43, édité 2 fois
Re: Positionner les Icones de messages comme ceux en Phpbb3
Bonsoir ^^
Il faut passer par les templates pour arriver à cet affichage et en phpbb3, ce n'est pas possible.
Cordialement.
Re: Positionner les Icones de messages comme ceux en Phpbb3
Anzu a écrit:
Bonsoir ^^
Il faut passer par les templates pour arriver à cet affichage et en phpbb3, ce n'est pas possible.
Cordialement.
undertaker999 a écrit:-> Ayant récemment passé de la version Phpbb3 à la version Phpbb2,
Re: Positionner les Icones de messages comme ceux en Phpbb3
Bonjour,
Je déplace votre sujet dans la section Gérer l'apparence.
Vous aurez une réponse plus rapidement là-bas.
Cordialement.
Je déplace votre sujet dans la section Gérer l'apparence.
Vous aurez une réponse plus rapidement là-bas.
Cordialement.
Re: Positionner les Icones de messages comme ceux en Phpbb3
bonsoir,
si j'ai bien compris , vous voulez transformer l'apparence de la page des sujets pour qu'elle ressemble à une page PHPbb 3 ...
avec l'image " icône de sujets " qui se place au dessus de l'image " news,no news " ...
l'image " icône de sujets " par défaut devra donc être vide ...
c'est faisable ...
bon ... le but du jeu est de garder le même nombre de cellules , à cause du colspan ...
ensuite de mettre l'image " news,no news " en image de fond , en la centrant , et sans la répéter ...
et de placer l'image " icône de sujets " dans la cellule avec l'image de fond ...
la page des sujets du forum test
si j'ai bien compris , vous voulez transformer l'apparence de la page des sujets pour qu'elle ressemble à une page PHPbb 3 ...
avec l'image " icône de sujets " qui se place au dessus de l'image " news,no news " ...
l'image " icône de sujets " par défaut devra donc être vide ...
c'est faisable ...
bon ... le but du jeu est de garder le même nombre de cellules , à cause du colspan ...
ensuite de mettre l'image " news,no news " en image de fond , en la centrant , et sans la répéter ...
et de placer l'image " icône de sujets " dans la cellule avec l'image de fond ...
la page des sujets du forum test
Re: Positionner les Icones de messages comme ceux en Phpbb3
Merci, Beaucoup de votre réponse
J'ai confirmation que cela est possible, cependant je ne comprends pas tout à fait comment faire. En effet, je dois chercher le colspan dans les templates, mais comment mettre l'image en fond. Si vous pourriez me donner le code pouvant effectuer la modification, cela serait très apprécié.
Merci encore une fois pour votre aide, VELP
J'ai confirmation que cela est possible, cependant je ne comprends pas tout à fait comment faire. En effet, je dois chercher le colspan dans les templates, mais comment mettre l'image en fond. Si vous pourriez me donner le code pouvant effectuer la modification, cela serait très apprécié.
Merci encore une fois pour votre aide, VELP
Re: Positionner les Icones de messages comme ceux en Phpbb3
bonjour,
* je pars d'un template non modifié structurellement ... ( topics_list_box )
( à ce propos , je viens de tester avec : PA - général - Messages et Emails : Configuration -
Séparer les annonces et posts-it des messages :o Non o Par une ligne o Par un tableau ,
ça fonctionne dans les 3 cas )
* il y a 3 cas qui se présentent pour vous :
* passons aux choses sérieuses ...
dans le template " topics_list_box " , recherchez ceci :
- j'ai rajouté un "<td></td>" (une cellule) pour garder le même nombre de cellules pour le colspan ...
- les deux cellules suivantes sont réduites à une cellule (en vert)
- l'image de News-no News est mise en image de fond
- la taille de la cellule doit être au minimum de la taille de l'image de fond (hauteur et largeur)
- l'icône de sujet est placée dans cette cellule unique !
Scoubifitz
* je pars d'un template non modifié structurellement ... ( topics_list_box )
( à ce propos , je viens de tester avec : PA - général - Messages et Emails : Configuration -
Séparer les annonces et posts-it des messages :o Non o Par une ligne o Par un tableau ,
ça fonctionne dans les 3 cas )
* il y a 3 cas qui se présentent pour vous :
- l'image de fond est plus petite que l'icône de sujet :
la cellule s'agrandit à la taille de l'icône de sujet - l'image de fond est de la même taille que l'icône de sujet :
les deux images se superposent parfaitement - l'image de fond est plus grande que l'icône de sujet :
l'icône de sujet se centre dans la cellule
* passons aux choses sérieuses ...
dans le template " topics_list_box " , recherchez ceci :
- Code:
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
- Code:
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td></td><td class="{topics_list_box.row.ROW_FOLDER_CLASS}" style="background-image:url({topics_list_box.row.TOPIC_FOLDER_IMG});background-repeat:no-repeat;background-position:center;" align="center" valign="middle" width="50" height="50">
<!-- BEGIN icon -->
<div>{topics_list_box.row.ICON}</div></td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
- j'ai rajouté un "<td></td>" (une cellule) pour garder le même nombre de cellules pour le colspan ...
- les deux cellules suivantes sont réduites à une cellule (en vert)
- l'image de News-no News est mise en image de fond
- la taille de la cellule doit être au minimum de la taille de l'image de fond (hauteur et largeur)
- l'icône de sujet est placée dans cette cellule unique !
bonne journée ,<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td></td><td class="{topics_list_box.row.ROW_FOLDER_CLASS}" style="background-image:url({topics_list_box.row.TOPIC_FOLDER_IMG});background-repeat:no-repeat;background-position:center;" align="center" valign="middle" width="50" height="50">
<!-- BEGIN icon -->
<div>{topics_list_box.row.ICON}</div></td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
Scoubifitz
Re: Positionner les Icones de messages comme ceux en Phpbb3
Yeah !
Merci Beaucoup !!!
Cela fonctionne exactement comme je le souhaitais. Merci Encore
VELP
Merci Beaucoup !!!
Cela fonctionne exactement comme je le souhaitais. Merci Encore
VELP
Re: Positionner les Icones de messages comme ceux en Phpbb3
bonjour,
je ne vois pas entièrement vos images ...
je vois dans le code source de votre page un "center" en trop :
pouvez vous vérifier votre template ?background-repeat: no-repeat; background-position: center center;" align="center" height="50" valign="middle" width="50">
Re: Positionner les Icones de messages comme ceux en Phpbb3
En effet, c'est étrange, Hier tout fonctionnait parfaitement alors que là, ce n'est plus le cas.
PS: J'ai pourtant copier-coller le code que vous m'avez fourni, par contre je ne vois pas où il y a erreur....
EDIT: Je viens de remarquer que les images s'affichent correctement lorsqu'il y a une icone sur l'image (ex: Astuce - tutoriel) lorsque tout les sujets d'une page sont normal (sans icone) la colonne est très mince et l'on voit mal les images.
IMAGE avec affichage correct (Lorsqu'il y a un icone sur au moin 1 sujet:
Image avec mauvaise affiche (Lorsqu'il n'y a aucun sujet avec un icone)
PS: J'ai pourtant copier-coller le code que vous m'avez fourni, par contre je ne vois pas où il y a erreur....
EDIT: Je viens de remarquer que les images s'affichent correctement lorsqu'il y a une icone sur l'image (ex: Astuce - tutoriel) lorsque tout les sujets d'une page sont normal (sans icone) la colonne est très mince et l'on voit mal les images.
IMAGE avec affichage correct (Lorsqu'il y a un icone sur au moin 1 sujet:
Image avec mauvaise affiche (Lorsqu'il n'y a aucun sujet avec un icone)
Re: Positionner les Icones de messages comme ceux en Phpbb3
bonjour,
désolé pour le contre-temps ...
bon, toujours le même morceau à remplacer ...
j'ai mis un style à l'icône de sujet pour la largeur ...
et testé sur tous les navigateurs
http://privateroom.forumperso.com/f3-jeu-de-l-oie?tt=1
?
désolé pour le contre-temps ...
bon, toujours le même morceau à remplacer ...
- Code:
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td></td><td class="{topics_list_box.row.ROW_FOLDER_CLASS}" style="background-image:url({topics_list_box.row.TOPIC_FOLDER_IMG});background-repeat:no-repeat;background-position:center;" align="center" valign="middle" width="50" height="50">
<!-- BEGIN icon -->
<div style="width:50px">{topics_list_box.row.ICON}</div></td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
j'ai mis un style à l'icône de sujet pour la largeur ...
testé avec et sans affichage d'icônes ...<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td></td><td class="{topics_list_box.row.ROW_FOLDER_CLASS}" style="background-image:url({topics_list_box.row.TOPIC_FOLDER_IMG});background-repeat:no-repeat;background-position:center;" align="center" valign="middle" width="50" height="50">
<!-- BEGIN icon -->
<div style="width:50px">{topics_list_box.row.ICON}</div></td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
et testé sur tous les navigateurs
http://privateroom.forumperso.com/f3-jeu-de-l-oie?tt=1
?
Dernière édition par Scoubifitz le Ven 8 Avr 2011 - 20:11, édité 1 fois
Re: Positionner les Icones de messages comme ceux en Phpbb3
Scoubifitz a écrit:
?
OUI !!!
Merci Beaucoup, j'ai regarder et tout est Ok maintenant, j'aurais pourtant du m'apercevoir que j'aurais pu instaler ce petit bout de code, je devais être trop fatigué
Merci pour votre aide, VELP
Sujets similaires
» Superposer les icônes des messages sur ceux des sujet .
» Modifier : voir ses nouveaux messages/ses messages/ses messages sans réponses /marquer comme non lus
» Les icones de messages sur PHPBB3
» Positionner les icônes haut/bas
» À la recherche de listes d’icones du forum, d’icones des sujets et d’icones de messages
» Modifier : voir ses nouveaux messages/ses messages/ses messages sans réponses /marquer comme non lus
» Les icones de messages sur PHPBB3
» Positionner les icônes haut/bas
» À la recherche de listes d’icones du forum, d’icones des sujets et d’icones de messages
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