The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Latest topics (a new system) Is it possible can be like this ?

5 posters

Go down

Latest topics (a new system) Is it possible can be like this ? Empty Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 10th 2011, 8:40 am

Hi,
Recent topics (a new system) Is it possible can be like this ?
10 topics in the left and the other 10 topics in the right.
For example,
Latest topics (a new system) Is it possible can be like this ? 1_bmp14

This idea is very important to me, Thanks.
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Guest November 10th 2011, 11:08 am

What do you mean? Smile
avatar
Guest
Guest


Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Richard. November 10th 2011, 12:38 pm

what he is trying to put actually 20 links with the last topics but 10 on a side and 10 on another side

I belive is posible..


Last edited by Richard E on November 11th 2011, 1:43 am; edited 1 time in total
Richard.
Richard.
Forumember

Male Posts : 249
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

View user profile http://forum.phpbbonline.com/

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 11th 2011, 12:32 am

Richard E wrote:what he is trying to put actually 20 links with the last topics but 10 on a side and 10 on another side

I belive so posible..
Exactly, but how ?
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by robot_boy18 November 11th 2011, 4:54 am

...The left and the right side is the same bwi
avatar
robot_boy18
Forumember

Male Posts : 107
Reputation : 7
Language : English
Location : Greenville, South Carolina, USA

View user profile http://en.fmvi.org/

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 11th 2011, 7:02 am

robot_boy18 wrote:...The left and the right side is the same bwi
That was only an example.
My idea is 20 links with the last topics (10 on a side and 10 on another side).
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by robot_boy18 November 11th 2011, 9:48 pm

I don't think it's possible...Btw it will slow your forum loading speed Very Happy
avatar
robot_boy18
Forumember

Male Posts : 107
Reputation : 7
Language : English
Location : Greenville, South Carolina, USA

View user profile http://en.fmvi.org/

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by LGforum November 21st 2011, 2:48 pm

The author of this topic PM'd me to try this for him. So i did.

It would be very differcult with the current layout of the recent topics system in that tutorial. So i had to design my own template.

So first off you'll need to change your mod_recent_topics template to this:
Code:

<!-- BEGIN scrolling_row -->
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" 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_TOPIC_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 -->
   </div>
</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 -->

<!-- BEGIN classical_row -->
<div class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content">
            <div class="genrt">
          <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3">
            <tbody>
              <tr style="background-color: #666; color: #FFF; font-weight: bold; padding: 3px; text-align: center;"><td>Topics</td><td>Topics</td></tr>
              <!-- BEGIN recent_topic_row -->

            <tr class="rtrow">
              <td>» <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> </td><td class="topics2" style="text-align: center"> </td>
            </tr>
      <!-- END recent_topic_row -->

              </tbody></table></div>
   </div>
</div>
<!-- END classical_row -->

Please note, that this is NOT as heavily styled as the previous template. If you want it to look good, you have to do that yourself. This will look very basic, i am only providing the HTML and some simple styling to be able to do this feature.
ALSO, since the OP only wants the topic titles, then that is all i have provided. But yes, it is possible to insert the times and author in to it.

You can style it in CSS with the class name of 'rtrow' for the table rows.
And class of 'genrt' for the whole thing.
Also feel free to change the styling wthin the HTML.

Next you must choose 20 topics for your recent topics widget to show. I say this because thats what the OP wanted. If you want different change it, and then change the Javascript.

Here is the javascript:

Code:

$(function() {
var row=$('.rtrow').get();
var x=$('.topics2').get();
 for (i=10;i<row.length;i++) {
    var element=row[i];
    var td=x[i-10];
    $(td).html(element);
}
});

Tested and works.
Also, im sure you've guessed you had to have followed the recent topics new system tutorial first.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 21st 2011, 5:46 pm

It works very good!!

- How i remove Latest topics head ?
Latest topics (a new system) Is it possible can be like this ? 2_bmp12


- I believe that the topic should be in one line instead of two lines:
Latest topics (a new system) Is it possible can be like this ? 3_bmp10

by using this code:
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
but where i put this code in your template ?


- how i put border between topics like this ?

Latest topics (a new system) Is it possible can be like this ? 4_bmp11


Thanks LGforum.
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by LGforum November 21st 2011, 11:52 pm

For your first question try this as the template instead:

Code:

       
        <!-- BEGIN classical_row -->
        <div class="main">
          <div class="main-content">
                    <div class="genrt">
                  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3">
                    <tbody>
                      <tr style="background-color: #666; color: #FFF; font-weight: bold; padding: 3px; text-align: center;"><td>Topics</td><td>Topics</td></tr>
                      <!-- BEGIN recent_topic_row -->
       
                    <tr class="rtrow">
                      <td>» <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> </td><td class="topics2" style="text-align: center"> </td>
                    </tr>
              <!-- END recent_topic_row -->
       
                      </tbody></table></div>
          </div>
        </div>
        <!-- END classical_row -->
(i didn't test this since i have uninstalled it on my board.)

for your second question. Not really much you can do. If the topic title is too long to fit on one line then... well its too long to fit on one line.
Though removing the outer box, (which you have asked in your first question) will increase the overall width and hopefully solve this issue.

for the third question. the rows can be styled in the CSS using the class of rtrow.

So like this:
Code:

.rtrow {
 border-bottom: 1px dotted #000;
}
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 22nd 2011, 2:20 pm

- About remove Latest topics head: It Works fine now.
- but about border between topics: The code doesn't work.
- and about the topic should be in one line instead of two lines:
As i said, this code was good in the Previous template.

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

but I tried using it with your template, and it works very good but the Profile in posts is not correct. So i want the right place to add this code, or by JavaScript.

here with the code, The topic title in one line :
Latest topics (a new system) Is it possible can be like this ? 1_bmp17

and here without using it, The topic title in two lines :
Latest topics (a new system) Is it possible can be like this ? 2_bmp13

As you see, it works very good but the Profile in posts is not correct. So i want the right place to add this code, or by JavaScript ?
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by LGforum November 22nd 2011, 3:37 pm

Code:

.genrt .rtrow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px dotted #000;
}
Try that in your CSS instead then.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 22nd 2011, 4:07 pm

Still doesn't work, the topic title nor border.
Latest topics (a new system) Is it possible can be like this ? 1_bmp18
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 23rd 2011, 1:58 pm

I have made some changes and it works very good now!

But still there one problem, when i get a private message (popup) i find that the 20 topics in one side (left side) but it works again when i make refresh.
I think another javascript code is needed ?
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by Ahmed.K November 24th 2011, 1:35 pm

Does anyone have any solutions to this problem ?
avatar
Ahmed.K
Forumember

Posts : 349
Reputation : 4
Language : English

View user profile

Back to top Go down

Latest topics (a new system) Is it possible can be like this ? Empty Re: Latest topics (a new system) Is it possible can be like this ?

Post by ikramullah09 November 25th 2011, 10:04 am

How To Add This Code?????????
avatar
ikramullah09
New Member

Posts : 14
Reputation : 0
Language : Urdu

View user profile

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum