Recente topics widget

Vorige onderwerp Volgende onderwerp Ga naar beneden

  • 0

Recente topics widget

Bericht van Joost op wo 11 maa 2015 - 10:29

Recente topics widget

:*: Onze techneuten hebben gewerkt aan een optie voor het laatste topic widget, namelijk de  marquee tag

Je kunt de widget in het beheerderspaneel vindenl:
Modules>> forum widget management>> recent topics
Hier kun je de snelheid van het scrollen aanpassen:



:delete: :  Deze optie is niet perfect, wat ligt aan de browser die je gebruikt (wazigheid, haperen )

Als je een template-aanpassing hebt uitgevoerd, verander dan dit: mod_recent_topics

PUNBB










Vervang:
Code:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div">
  
           <div class="marquee" data-direction='{SCROLL_WAY}'
data-duration='{SCROLL_DELAY}' data-pauseOnHover="true"
style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
      <!-- BEGIN recent_topic_row -->
 
     » <a
href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br
 />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

      <!-- BEGIN switch_poster -->
 
     <a
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br
 /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->
      <!-- END recent_topic_row -->
             </div>
   </div>
</div>
<script type="text/javascript">
        $(".marquee").marquee();
</script>
<!-- END scrolling_row -->

Door


Code:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div">
  
           <div class="marquee" data-direction='{SCROLL_WAY}'
data-duration='{SCROLL_DELAY}' data-pauseOnHover="true"
style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
      <!-- BEGIN recent_topic_row -->
 
     » <a
href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br
 />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

      <!-- BEGIN switch_poster -->
 
     <a
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br
 /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->
      <!-- END recent_topic_row -->
             </div>
   </div>
</div>
<script type="text/javascript">
        $(".marquee").marquee();
</script>
<!-- END scrolling_row -->


phpBB2










Vervang

Code:
<!-- BEGIN scrolling_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catLeft" height="25">
         <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
   </tr>
   <tr>
      <td class="row1" align="left" id="comments_scroll_div">
         <!-- BEGIN recent_topic_row -->
 
        » <a
href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br
 />
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
 
        <a
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br
 /><br />
         <!-- END switch_poster -->

         <!-- BEGIN switch_poster_guest -->
         {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
         <!-- END switch_poster_guest -->

         <!--
 
        <a
href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br
 /><br />
         -->
         <!-- END recent_topic_row -->
      </td>
   </tr>
</table>

<script type="text/javascript">
//<![CDATA[
$(function(){
 
  div_marquee('comments_scroll_div', 'comments_scroll_container',
'{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}',
'genmed');
});
//]]>
</script>
<!-- END scrolling_row -->

Door


Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
  
                      <div class="marquee" align="left"
data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}'
data-pauseOnHover="true"
style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
  
                              » <a
href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br
 />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

                                <!-- BEGIN switch_poster -->
  
                              <a
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br
 /><br />
                                <!-- END switch_poster -->

                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->


phpBB3










Vervang

Code:
<!-- BEGIN scrolling_row -->
      <div id="comments_scroll_div">
         <!-- BEGIN recent_topic_row -->
 
        » <a
href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br
 />
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
 
        <a
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br
 /><br />
         <!-- END switch_poster -->

         <!-- BEGIN switch_poster_guest -->
         {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
         <!-- END switch_poster_guest -->

         <!--
 
        <a
href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br
 /><br />
         -->
         <!-- END recent_topic_row -->
      </div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 
  div_marquee('comments_scroll_div', 'comments_scroll_container',
'{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

Door


Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <div id="comments_scroll_div">
  
      <div class="marquee" data-direction='{SCROLL_WAY}'
data-duration='{SCROLL_DELAY}' data-pauseOnHover="true"
style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
            <!-- BEGIN recent_topic_row -->
  
          » <a
href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br
 />
            <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

            <!-- BEGIN switch_poster -->
  
          <a
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br
 /><br />
            <!-- END switch_poster -->

            <!-- BEGIN switch_poster_guest -->
            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
            <!-- END switch_poster_guest -->
            <!-- END recent_topic_row -->
        </div>
    </div>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->

ActieForum



   Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | Ondersteuningsvraag opgelost? Markeer je topic dan met het icoon
avatar

Joost
Beheerder
Beheerder

Man Aantal berichten : 4448
Geboortedatum : 23-10-91
Leeftijd : 26
Taal : Nederlands
Locatie : Nederland
Registratiedatum : 31-08-07
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://ondersteun.actieforum.com/
Joost is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum