Positionner les Icones de messages comme ceux en Phpbb3

4 participants

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 Sam 19 Mar 2011 - 19:41

Spoiler:

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
Positionner les Icones de messages comme ceux en Phpbb3 Ic_mess_ex1
Version Phpbb3
Positionner les Icones de messages comme ceux en Phpbb3 Ic_mess_ex2

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:

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

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 Dim 20 Mar 2011 - 15:27

Up !
undertaker999

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

Anzu
Membre actif

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

https://forum.forumactif.com/
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 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

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 Jeu 24 Mar 2011 - 21:49

up
undertaker999

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 Ven 25 Mar 2011 - 22:15

up
undertaker999

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 Dim 27 Mar 2011 - 3:47

up
undertaker999

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 Mer 30 Mar 2011 - 23:23

up
undertaker999

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 Jeu 31 Mar 2011 - 23:24

up
undertaker999

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 Ven 1 Avr 2011 - 20:38

up
undertaker999

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

Tech
Membre actif

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

https://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 Sam 2 Avr 2011 - 15:14

up
undertaker999

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 Dim 3 Avr 2011 - 20:33

Up
undertaker999

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 Lun 4 Avr 2011 - 22:47

up
undertaker999

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 Jeu 7 Avr 2011 - 1:03

Yeah !

Merci Beaucoup !!!

Cela fonctionne exactement comme je le souhaitais. Merci Encore Smile

VELP
undertaker999

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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:

Positionner les Icones de messages comme ceux en Phpbb3 Captur12

Image avec mauvaise affiche (Lorsqu'il n'y a aucun sujet avec un icone)

Positionner les Icones de messages comme ceux en Phpbb3 Captur13
undertaker999

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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

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

- Sujets similaires

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