Template topics_blog_box

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

Résolu Template topics_blog_box

Message par Pierre43 le Dim 21 Juin 2015 - 2:38

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


Dernière édition par Pierre43 le Dim 21 Juin 2015 - 12:26, édité 1 fois

Pierre43
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 24/04/2012

http://www.horde-orugaron.com/
Pierre43 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template topics_blog_box

Message par MlleAlys le Dim 21 Juin 2015 - 12:14

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

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Template topics_blog_box

Message par Pierre43 le Dim 21 Juin 2015 - 12:26

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

Pierre43
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 24/04/2012

http://www.horde-orugaron.com/
Pierre43 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