School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Question] Modifier l'affichage de la case "dernier message"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: [Question] Modifier l'affichage de la case "dernier message"   Ven 9 Sep - 13:39

Bonjour Smile

Si vous avez des questions concernant [ce tutoriel], merci de les poser ici.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/ En ligne
 

Bijou

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 15
Age: 25
$ops: 19
Points: 5
Date d'inscription: 23/09/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 24 Sep - 15:11

ma question est ou poster car j'ai tellement modifier le tempale pour mettre des image en haut et bas des cathégorie, pour supprimé une des cathé ça fait que j'avoue je suis perdu est ce que je peux mettre mon tempale a la suite pour qu'on m'explique bien comment faire !

Hier soir j'ai cherche pendant des heures en essayant de le comprendre :s mais sans succes.

Et aussi est ce que en image je peux en mettre 3 différente ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Lydie12

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Spécialisée en codage
Nombre de messages: 1428
Age: 25
Localisation: Aveyron
$ops: 4042
Points: 20
Date d'inscription: 28/09/2010
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 24 Sep - 16:19

Coucou,

Si ta question porte sur ce tuto. Tu peux montrer le code de ton template ici et expliquer clairement ton problème.

_________________
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Bijou

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 15
Age: 25
$ops: 19
Points: 5
Date d'inscription: 23/09/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 24 Sep - 17:46

Spoiler:
 


Alors voila mon tempale modifier voila ce que j’ai http://i55.tinypic.com/2ptqp2s.jpg et j’aime pas car déjà la dernière colonne est trop petite mais je n’arrive pas comprendre comment le modifier :s


Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Lydie12

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Spécialisée en codage
Nombre de messages: 1428
Age: 25
Localisation: Aveyron
$ops: 4042
Points: 20
Date d'inscription: 28/09/2010
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 24 Sep - 17:51

C'est quoi que tu appelles la dernière colonne trop petite ?

_________________
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Bijou

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 15
Age: 25
$ops: 19
Points: 5
Date d'inscription: 23/09/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 24 Sep - 17:59

Dans la capture donné de mon forum je n'ai pas pris le bon ex pour montré qu'elle était trop petite celle ci est peut etre mieux. En faite est ce que c'est le bon tuto pour mettre le "old" "new" dans cette colonne ou c'est juste mettre une image qui ne changera pas enfin ça ressemble pas au code que j'ai deja connu

Code:
<td class="cadre2 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="http://i53.tinypic.com/6y0gzp.jpg" alt="" height="49" width="836" /><!-- END tablefoot --><!-- END catrow -->
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Lydie12

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Spécialisée en codage
Nombre de messages: 1428
Age: 25
Localisation: Aveyron
$ops: 4042
Points: 20
Date d'inscription: 28/09/2010
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 24 Sep - 18:41

Tu voudrais un code qui fasse que l'image de la colonne change suivant qu'il y a un message new ou pas ?

_________________
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Bijou

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 15
Age: 25
$ops: 19
Points: 5
Date d'inscription: 23/09/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Dim 25 Sep - 17:36

oui c'est bien cela ! j'ai essaye de changer mais j'arrive pas a comprendre quel balise a modifer
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Lydie12

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Spécialisée en codage
Nombre de messages: 1428
Age: 25
Localisation: Aveyron
$ops: 4042
Points: 20
Date d'inscription: 28/09/2010
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Dim 25 Sep - 17:48

Le tutoriel permet juste de modifier la présentation pour arriver à ce résultat :


Pas d'avoir une image qui change suivant s'il y a un nouveau message ou pas

_________________
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Bijou

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 15
Age: 25
$ops: 19
Points: 5
Date d'inscription: 23/09/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Dim 25 Sep - 17:53

c'est bien ce qui me semblait mais on m'a oriente vers ce sujet du coup j'ai prefere posait la question
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Lydie12

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Spécialisée en codage
Nombre de messages: 1428
Age: 25
Localisation: Aveyron
$ops: 4042
Points: 20
Date d'inscription: 28/09/2010
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Dim 25 Sep - 18:16

Si on t'a orienté vers ce topic, c'est surement pour commencer par bien faire l'affichage comme sur l'image.
Après il faudra que tu poses la question pour l'image qui varie suivant l' "etat" des messages.

_________________
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Shône

Etudiant

Voir le dossier scolaire

Etudiant

Masculin Nombre de messages: 13
Age: 18
$ops: 15
Points: 5
Date d'inscription: 14/10/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Ven 14 Oct - 21:48

Bonjour, j'ai un petit problème avec le tuto x_x
J'ai bien suivi toutes les étapes, mais ya deux trois choses qui clochent :0
Voici des Screen et tout Smile
http://i48.servimg.com/u/f48/15/68/87/80/a13.png
ça, c'est l'image que je voudrais utiliser (celle du haut.) Et voici celle du bas :
http://i48.servimg.com/u/f48/15/68/87/80/b14.png
Et voilà l'image du scandale problème :
Spoiler:
 

Comme vous le voyez, les stats des messages (nombres de sujets, etc...) se situent en haut, et déjà ça ça m'embête... Après, l'image du aut est coupées et celle du bas est...invisible :0
Je vous passe aussi mon template index_Box et mon CSS si ça peut vous aider Very Happy

Spoiler:
 


Et voilà mon CSS ( ou du moins une partie n_n)
Spoiler:
 


Voilà ... Je n'ai aucune idée d'où peut provenir le problème ( certes, je suis un noob en html, mais osef :hap: )
Merci beaucoup d'avance de votre (vos) réponse(s), j'ai vraiment besoin d'y réussir :O
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Lydie12

Intervenante

Voir le dossier scolaire

Intervenante

Féminin Rang spécial: Spécialisée en codage
Nombre de messages: 1428
Age: 25
Localisation: Aveyron
$ops: 4042
Points: 20
Date d'inscription: 28/09/2010
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 15 Oct - 7:58

Coucou,
Je pense que ton petit problème vient de là
Code:
<tr>
<p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p>
</tr>
il manque une ligne dans ton tableau.

En résumé ton code devrait être
Code:
<tr>
<td class="stats_forum">
<p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p>
</td>
</tr>

_________________
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Shône

Etudiant

Voir le dossier scolaire

Etudiant

Masculin Nombre de messages: 13
Age: 18
$ops: 15
Points: 5
Date d'inscription: 14/10/2011
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Sam 15 Oct - 9:14

Wah, c'est bien ça, merci beaucoup *w*
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Saia

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 4
Age: 17
$ops: 4
Points: 5
Date d'inscription: 23/02/2012
 
MessageSujet: Re: [Question] Modifier l'affichage de la case "dernier message"   Jeu 23 Fév - 17:20

Bonjour j'ai essayer ton tuto il est super *_* mais malheureusement sa ne fonctionne pas *_* il n'y a rien qui s'affiche.
Je pense que j'ai tellement bourré mon Index_box que je m'y retrouve plus =_= a moin que sa sois le CSS

voila mes truc:

CSS:

Code:
table.case_stats{
  width:200px; /* largeur */
  height:228px; /* La hauteur */
  margin:auto; /* on centre */
  }
able.case_stats td.dernier_msg{
  background-image:url('http://img11.hostingpics.net/pics/654240Sanstitre601.png');
  background-position: center top;
  background-repeat:no-repeat;
  padding-left:50px;
  padding-right:60px; /* Je déclasse du bord droit de 60px à gauche de ma pate */
  padding-top:10px;
  height:143px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */
  }

table.case_stats td.stats_forum{
  background-image:url('http://img11.hostingpics.net/pics/277359Sanstitre602.png');
  background-position: center bottom;
  background-repeat:no-repeat;
  padding-left:4px;
  padding-right:4px;
  }

table.case_stats td.dernier_msg p{
  color:#e26e26;
  width:140px; /*la largeur de mon bloc moins la largeur de ma pate */
  padding:0;
  margin:0;
  margin-left:10px; /* Je décalle un peu par rapport aux bords gauche pour éviter que mon texte ne soit en dehors de mon cadre */
  font-size:12px;
  }
 
table.case_stats td.dernier_msg p a{
  text-decoration:none;
  color:blue;
  }
 
table.case_stats td.dernier_msg p a:hover{
  border-bottom:green 1px dashed;
  color:green;
  }

table.case_stats td.stats_forum p{
  color:pink;
  width:160px; /*la largeur de mon bloc moins quelques px */
  margin-left:50px;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  padding:0;
  }


Puis mon tremplate:

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cathead"></div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>   
      <td class="row3 over" align="center" valign="middle" height="50">
        <p>{catrow.forumrow.LAST_POST}</p>
<p>{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</p>
</td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

[Question] Modifier l'affichage de la case "dernier message"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Questions :: Informatique :: Gestion d'un forum-


Aller en haut
Aller en bas