Scrollbar στο widget των latest topics

Πληροφορίες Προβλήματος

Μορφή Φόρουμ : PunBB
Βαθμός Μέλους : Ιδρυτής
Εμφανίζεται σε : Mozilla Firefox, Google Chrome, Opera, Safari
Το πρόβλημα αφορά : Όλα τα μέλη
Ενεργός σύνδεσμος link του φόρουμ : http://onepiecegr.forum-pro.org/

Περιγραφή Προβλήματος

Η αλήθεια είναι οτι ζήλεψα αυτό που έχετε κάνει στο widget των προσφάτων θεμάτων. Δηλαδή να προσθέσετε ένα scrollbar στο widget αντί να κάνει ένα ατελείωτο scroll, μπορείτε να μου πείτε πως το κάνατε;

Καλησπέρα,
Πας Πίνακας Διαχείρισης ► Εμφάνιση ► Πρότυπα ► Αρχική ► mod_recent_topics

άνοιξε το πρότυπο και αντικατέστησε τον κώδικα του με τον παρακάτω:

Κώδικας:

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

<!-- BEGIN classical_row -->
<div class="module main">
 <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
 <div class="main-content"><div id="recent_topic_list" class="gensmall">
 <!-- 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 -->
 </div>
</div>
<!-- END classical_row -->

μετά αποθήκευσε και δημοσίευσε το πρότυπο και πήγαινε Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet

και πρόσθεσε τον παρακάτω κώδικα:

Κώδικας:

#recent_topic_list {
  height:200px;
  overflow-y:auto;
}
#recent_topic_list::-webkit-scrollbar { width:6px }             
#recent_topic_list::-webkit-scrollbar-track { background:rgba(0, 0, 0, 0.1) }             
#recent_topic_list::-webkit-scrollbar-thumb { background:#999 }

και πατάς

Δουλευει τέλεια! Να σε καλά βρε Van

Λύθηκε;

Van, πραγματικα τώρα κάτι γίνεται με το κούμπι. Αυτήν την φορά είμαι σίγουρος οτι το πάτησα XD

Το κουμπί "Λύθηκε" πρέπει να το έλεγξει ο @Luffy.