Hello mr.mark and all

i want to ask ^_^
how to have distance between avatars in latest topic??
more details you can see this image:


This problem is trivial, but if diihat is very annoying. >.<
because the distance is always changing. when I make a new topic with a new title is always changing, when I open a different browser is always changing. :(

I want to always have distance between avatars. and distance always
remains, unchanged.
i need be like this, have a fixed distance. :)


source:
http://dworld.forumz.ro/

how to be like this mr.mark??

this my code about avatar in latest topic:

Code:

        var CopyrightNotice = 'Copyright D World 2012 - 2013. All right reserved. Addons to add avatar user in last topics widget for forumotion by InFeRn0. Only works on phpBB3';
        $(function() {
        var x = $('#left')[0]; // Left widget;
        var y = $('#right')[0]; // Right widget;
        $(x).find('.module .inner a[href^="/t"]').each(function() {
        var link = $(this).next().next().attr('href');
        var title = $(this).next().next().text();
        $(this).prepend('<a href="'+link+'" title="'+title+'"></a>');
        $(this).children('a').load(link +'#profile-advanced-right .module:eq(0) img:eq(0)', function() {
        $(this).children('img').attr('class','tlistAv');
        });
        $(this).find('a[href^="/u"]').insertBefore($(this));
        });
        });
        var CopyrightNotice = 'Copyright D World 2012 - 2013. All right reserved. Addons to add avatar user in last topics widget for forumotion by InFeRn0. Only works on phpBB2';
        $(function() {
        $('.forumline:contains(Ultimele subiecte), .forumline:contains(Latest topics)').attr('id','left');
        var x = $('#left')[0]; // Left widget;
        $(x).find('.row1 span a[href^="/t"]').each(function() {
        var link = $(this).next().next().attr('href');
        var title = $(this).next().next().text();
        $(this).prepend('<a href="'+link+'" title="'+title+'"></a>');
        $(this).children('a').load(link +'#page-body .forumline .row1.gensmall img:eq(0)', function() {
        $(this).children('img').attr('class','tlistAv');
        });
        $(this).find('a[href^="/u"]').insertBefore($(this));
        });
        });

Code:

          .tlistAv {
        border: 1px solid #CCC;
        float: left;
        height: 35px;
        margin-right: 5px;
        padding: 1px;
        width: 35px;
        clear: both;
        margin-bottom: 6px;
        }

please help me ^_^

thanks before :D

where can you add the first code?

@Betterhax:
- Javascript Management.

@mostone:
- Provide me your mod_recent_topics template.

Ohh I Want That Also Mr.Mark Like Mo Stone :)

Ask mostone for codes. But as far as i know the code she gave is only working on Phpbb2 users.

I Just Make A New Topic Instead :)

yeah the code have a different spacing.. i try it in my forum

Yep. Ok, try this:
- Go to ACP > Display > Templates > Portal > mod_recent_topics > Find this one: (Focus on the first one you'll see; Click the search button only once, since there are 2 variables inside the template):

Code:

{classical_row.recent_topic_row.S_POSTTIME}

- Now replace it with this one:

Code:

{classical_row.recent_topic_row.S_POSTTIME}<br/>

Then save.

ok this mr.mark,
my recent topic :D

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 onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" 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 onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" 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 onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" 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 -->

<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
   </tr>
   <tr>
      <td class="row1" align="left"><span class="gensmall" id="sejajar">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

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

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

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

please help me mr.mark , thanks before ^_^

Follow the #8 post mostone.

ok mr,mark, i done try, problem solve :)

Since the problem is now solved i will locked this and move to archive section. ~Locked and Moved