Positionner les Icones de messages comme ceux en Phpbb3

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Sam 19 Mar 2011 - 19:41

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:
http://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 ...

<!-- 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 -->
testé avec et sans affichage d'icônes ... thumright

http://privateroom.forumperso.com/f3-jeu-de-l-oie?tt=1

résolu ?


Dernière édition par undertaker999 le Ven 8 Avr 2011 - 19:43, édité 2 fois

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Dim 20 Mar 2011 - 15:27

Up !

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par Anzu le Lun 21 Mar 2011 - 17:53


Bonsoir ^^

Il faut passer par les templates pour arriver à cet affichage et en phpbb3, ce n'est pas possible.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Mar 22 Mar 2011 - 22:18

@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,

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Jeu 24 Mar 2011 - 21:49

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Ven 25 Mar 2011 - 22:15

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Dim 27 Mar 2011 - 3:47

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Mer 30 Mar 2011 - 23:23

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Jeu 31 Mar 2011 - 23:24

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Ven 1 Avr 2011 - 20:38

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par Tech le Sam 2 Avr 2011 - 10:43

Bonjour,

Je déplace votre sujet dans la section Gérer l'apparence.
Vous aurez une réponse plus rapidement là-bas.

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21130
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Sam 2 Avr 2011 - 15:14

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Dim 3 Avr 2011 - 20:33

Up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Lun 4 Avr 2011 - 22:47

up

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par Scoubifitz le Mar 5 Avr 2011 - 2:03

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Mer 6 Avr 2011 - 3:58

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

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par Scoubifitz le Mer 6 Avr 2011 - 14:02

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 :
  • 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 -->
et remplacez par 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></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 -->
une explication ( comme disait ma mère : une journée où tu n'apprends rien est une journée perdue !^^)

- 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 !
<!-- 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 -->
bonne journée ,
Scoubifitz

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Jeu 7 Avr 2011 - 1:03

Yeah !

Merci Beaucoup !!!

Cela fonctionne exactement comme je le souhaitais. Merci Encore Smile

VELP

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par Scoubifitz le Jeu 7 Avr 2011 - 6:55

scratch

bonjour,

je ne vois pas entièrement vos images ...

je vois dans le code source de votre page un "center" en trop :
background-repeat: no-repeat; background-position: center center;" align="center" height="50" valign="middle" width="50">
pouvez vous vérifier votre template ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Jeu 7 Avr 2011 - 23:45

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)


undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par Scoubifitz le Ven 8 Avr 2011 - 7:26

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

<!-- 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 -->
testé avec et sans affichage d'icônes ...

et testé sur tous les navigateurs thumright

http://privateroom.forumperso.com/f3-jeu-de-l-oie?tt=1

résolu ?


Dernière édition par Scoubifitz le Ven 8 Avr 2011 - 20:11, édité 1 fois

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Positionner les Icones de messages comme ceux en Phpbb3

Message par undertaker999 le Ven 8 Avr 2011 - 19:37

@Scoubifitz a écrit:

résolu ?


OUI !!! Smile

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é Razz

Merci pour votre aide, VELP Razz

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum