Template topics_blog_box

[Pierre43]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.horde-orugaron.com/

Description du problème

Bonsoir

Ma demande est un peu particulière vu que je souhaiterais améliorer l'aspect donné par le système blog du forum.

Voici mon template modifié

Code:

    <!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() {
      var all_checked = true;
      for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) {
          if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
          }
      }
      document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
    }
    function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() {
      for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) {
          if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
            document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
          }
      }
    }
    </script>
    <!-- END multi_selection -->

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="4" align="center" nowrap="nowrap"> {topics_blog_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> Commentaires </th>
      <th align="center" nowrap="nowrap" width="100"> Auteur </th>
      <th align="center" nowrap="nowrap" width="50"> Vues </th>           
          <!-- BEGIN multi_selection -->
          <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
          <!-- END multi_selection -->
      </tr>
      <!-- BEGIN pagination -->
      <tr>
          <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END pagination -->
      <!-- END header_table --><!-- BEGIN header_row -->
      <tr>
          <td class="row3" colspan="7"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td>
      </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_blog_box.row.END_TABLE_STICKY}
      <tr>
          <!-- BEGIN single_selection -->
          <td class="{topics_blog_box.row.ROW_CLASS}" align="center" valign="middle" width="20" rowspan="2"><input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></td>
          <!-- END single_selection -->

      <td class="row2" align="center" valign="middle" width="20">
      <div class="blog_cal-border" style="margin-top:5px">
                <div class="blog_cal-content">
                  <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS0}">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</span>
                  <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS1}">{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</span>
                  <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS2}">{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span>
                </div>
            </div></td>
      <td class="row2" colspan="3" width="100%">
            <div class="blog_title">
                {topics_blog_box.row.ICON}{topics_blog_box.row.NEWEST_POST_IMG}{topics_blog_box.row.PARTICIPATE_POST_IMG} {topics_blog_box.row.TOPIC_TYPE}
                <h2 class="topic-title">
            <a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a>
            </h2>
            </div>
        <!-- BEGIN switch_description -->
        <span class="genmed">
            <br />
            {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
        </span>
        <!-- END switch_description -->
        <div class="clear""></div>
            <span class="gensmall">{topics_blog_box.row.TOPIC_ANNOUNCES_DATES}{topics_blog_box.row.TOPIC_CALENDAR_DATES}</span>
            <span class="gensmall">{topics_blog_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_blog_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_blog_box.row.VIEWS}</span></td>
   
       
          <!-- BEGIN multi_selection -->
          <td class="row2" align="center" valign="middle" rowspan="2"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td>
          <!-- END multi_selection -->
      </tr>
      <!-- END topic --><!-- BEGIN no_topics -->
      <tr>
          <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_blog_box.row.L_NO_TOPICS}</span></td>
      </tr>
      <!-- END no_topics --><!-- BEGIN bottom -->
      <tr>
          <td class="catBottom" colspan="{topics_blog_box.row.COLSPAN}" valign="middle">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td> <span class="gensmall">{PAGINATION}</span></td>
                  <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->

1- Est-il possible de diminuer la police d'écriture des titre car beaucoup plus gros que la police des titres et sous-forum
Si oui, pourriez vous m'indiquer quelle partie modifier et par quoi s'il vous plait?

2- Est-il possible de retirer les carré avec les "dates" ou remplacer par des icônes "new", "no new", "lock" (comme sur un sous forum ou catégorie classique).
Si oui, comment et par quel code s'il vous plait?

Merci par avance ^^

[MlleAlys]

Bonjour,

Vous pouvez modifier la taille des titres via le code css suivant :

Code:

.blog_title, .blog_title .topictitle {
  font-size: 12px;
}

Pour remplacer les dates par des images new etc, je ne sais pas, mais pour les supprimer, le code css suivant devrait fonctionner :

Code:

.blog_cal-border {
  display: none;
}

[Pierre43]

Wow niquel ça fonctionne ^^
Depuis le temps que je cherchais à faire un truc un peu plus "esthétique" pour les listing blog.
Je met en résolu et merci beaucoup