Image nouveau message et colonne derniers sujets

[Invité]

Bonjour, j'ai encore essayé de tout modifier et je ne comprends pas comment faire pour régler cette histoire de bande blanche à gauche de l'icon/image des nouveaux messages :

Spoiler:

Par ailleurs, je n'arrive pas non plus à modifier la police ou quoi que ce soit de la colonne "derniers sujets". J'aimerais par exemple que la taille de la date soit beaucoup plus petite.

Voici mes codes :

index_box:

CSS:

Merci infiniment

[Invité]

Hello Lana Cleevest,

alors j'ai quelque peu corrigé ton template concernant les balises center/div et ajouté une balise de fermeture qui était manquante.

Exemple avec ce code HTML:

Code:


<td><center><div class="iconforum"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-left:5px;" /></div></center></td>


Il faut plutôt écrire le code html ainsi.
On supprime la balise center et la div et on donne les informations à la balise td:

Code:



<td class="iconforum" 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}" style="margin-left:5px;" /></td>


Ton template corrigé:

Code:


<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="86"><img src="{SPACER}" height="0" width="6" alt="." /></td>
      <!-- END inc -->
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <div class="statsforum">{catrow.forumrow.TOPICS} sujets ∝ {catrow.forumrow.POSTS} messages</div>
                          <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}>
                  <div class="BlocForum"><span class="genmed"><div class="DescForum"><div>{catrow.forumrow.FORUM_DESC}</div></div></span>
                  </div>
                  <span class="gensmall" id="subforums">
  <!-- BEGIN switch_moderators_links -->
  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
  <!-- END switch_moderators_links -->
                    <center><div class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></center>
                  </span>
        <td class="iconforum"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}" style="margin-left:5px;" /></td>
<script type="text/javascript">
  jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<font color=#211F19><br/></font>')).removeAttr('id');
  </script>
       
               
      </td>
     
          <td class="row3 over" align="center" valign="middle" height="50">
           
             
 
                  <table border="0">
                    <tr>
<td></td>
                      <td class="fondtopic" align="center">
                        <div class="gensmall LastPost">{catrow.forumrow.LAST_POST}</div></td>
                    </tr>
                </table>
           
      </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="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->





Et la c.s.s modifiée:

Code:


/* ICON NOUVEAU MESSAGE */
 
.iconforum
{
background-color:grey;
}
 
.iconforum img
{
width: 50px;
height: 50px;
border-radius:50px;
}

On donne les dimensions et le radius à l'image et non pas à la cellule .

a++

[Invité]

Merci beaucoup, c'est nettement mieux !!

Par contre, je n'arrive pas à centrer l'image avec position:center ni à agrandir la cellule avec width...

Spoiler:

Est-ce que tu saurais pour la présentation de la dernière colonne ? "Dernier message le XX/XX/XX"

[Invité]

Re,

hum étant donné que ton fofo est en maintenance , difficile de te dire quoique ce soit.
Par contre quelque chose m'interpelle concernant ton image car avec cette css:

Code:

.iconforum img{border-radius:50px;height:50px;width:50px;}

Et ta capture, j'ai l'impression que cette dernière n'est pas redimensionnée,
tu as le lien de cette image stp.

Est-ce que tu saurais pour la présentation de la dernière colonne ? "Dernier message le XX/XX/XX"

Il faut supprimer ceci:

Code:

 font-size:6pt;

Dans ce style:

Code:


 
.fondtopic {
    background-color:#f4f4f3;
    margin-left:0px;
    display:block;
    border:1px solid #c5c5c5;
    padding:8px;
    font-family: arial, sans-serif;
    font-weight: 400!important;
    letter-spacing: 0px;
    font-size:6pt;
    line-height: 10px;
    position:left;
    background-image: url();
    opacity:1;
    text-transform: uppercase;
    overflow:auto;
    float:right;
    width:100px;
    height:40px;
    overflow:auto;
}
 


L'affichage que tu mentionnes est géré par une seule variable,
donc on va juste distinguer le texte et le reste (commenté) avec ce style:

Code:


/*le texte date*/
.gensmall.LastPost
{
font-size:8px!important;
}
/*Les liens*/
.gensmall.LastPost a[href^="/t"]
{
font-size:13px!important;
}
/*Les pseudos*/
.gensmall.LastPost a[href^="/u"]
{
font-size:10px!important;
}


a++

[Invité]

Merci pour les différents codes pour différencier les liens de la cellule, je n'y avais même pas pensé.

Concernant l'image icon des nouveaux sujets, voici l'adresse : https://2img.net/r/hpimg11/pics/935419nonews.png

[Invité]

De rien,
je mentionne l'image présente dans cette capture:


Celle que tu me donnes:



a++

[Invité]

Oui celle là

[Invité]

Re,
étonnant comme icône .

Bref, trouves ceci:

Code:

.iconforum img{border-radius:50px;height:50px;width:50px;}

Supprimes et remplaces par:

Code:

.iconforum img{border-radius:50px;height:50px;width:50px;margin: 0px 10px;}

a++

[Invité]

Ah oui c'est temporaire, pour l'instant je fais des tests en attendant que ça fonctionne.

[Lixyr]

Bonjour, Où en-est votre problème ? Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message, Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.

[Invité]

Pardon, oui, c'est réglé