كيف اجعل هناك شريطا متحركا في الصفحة الرئيسية به اخر المواضيع

<!-- BEGIN scrolling_row -->
<img border="0" src="ضع هنا
الاطار
العلوى" width="1062" height="66"><TABLE class=tborder
cellSpacing=0
cellPadding=4 width="100%" border=1 bgcolor="#E0E0E0"
bordercolor="#C7EBFF">
<TBODY>
<TR><DIV/>
<center/>
<TD
align=center>
<marquee behaviour="Scroll" direction="right"
onmouseover="this.scrollAmount=1"
onMouseout="this.scrollAmount=5"
onmousedown="this.scrollAmount=5" scrollAmount=5" scrolldelay="5"

id="wootz0">
<!-- BEGIN recent_topic_row -->
<a>
»

<a>
<a/>
<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>
<img
src="{ICON_TIME}" alt="" />
{scrolling_row.recent_topic_row.S_POSTTIME}
{BY}
<a>
<a/>
<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>

<!-- END recent_topic_row -->
</td>
</tr>
</table>
<img
border="0" src="ضع هنا الاطار السفلى" width="1062" height="40">
<!--
END scrolling_row -->
<!-- BEGIN classical_row -->
<table
class="forumline" width="100%" border="0" cellspacing="1"
cellpadding="4">
<tr>
<td class="thead"
<div
align="center">
<CENTER>
<img
border="0"
src="https://2img.net/h/oi35.tinypic.com/207ksya.png" width="888"
height="38"></TD></TR></TBODY></TABLE>
<TABLE
class=tborder cellSpacing=0 cellPadding=4 width="100%" border=1
bgcolor="#FFFFC9" bordercolor="#C4A167">
<TBODY>
<TR><DIV/>
<center/>
<TD
align=center>
<marquee
behaviour="Scroll"
direction="right" onmouseover="this.scrollAmount=1"
onMouseout="this.scrollAmount=5"
onmousedown="this.scrollAmount=5"
scrollAmount=5" scrolldelay="5"
id="wootz0">
<!-- BEGIN recent_topic_row -->

»
<a
href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>{BY}
<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}
<!-- END
recent_topic_row -->
</span></td>
</tr>
</table>
<img
border="0" src="https://2img.net/h/oi33.tinypic.com/2cehxrt.png" width="888"
height="16">
<!-- END classical_row -->
<script
type="text/javascript">
//<![CDATA[
$(function(){
div_marquee('comments_scroll_div',
'comments_scroll_container',
'{SCROLL_WAY}', '{SCROLL_STEP}',
'{SCROLL_DELAY}',
'{SCROLL_HEIGHT}', 'genmed');
});
//]]>
</script>

</h2>آخر المواضيع المضافة</h2>

<ul>

<?php query_posts('showposts=20');?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<li><a href="<?php the_permalink() ?>"><?php the_title() ?></a></li>

<?php endwhile; endif; ?>

</ul>