تفضل أستاذى
قم باستبدال نموذج ccontent لديك بالتالى :
كود:
<script type="text/javascript" src="http://www.hamaasaat.com/scripts/jquery-1.2.2.pack.js"></script>
<head>
<link rel="stylesheet" type="text/css" href="http://www.hamaasaat.com/styles/hamaasaat/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.hamaasaat.com/scripts/featuredcontentglider.js">
/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 1000, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "downup"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [6000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
</head>
<!-- START BLOCK : news -->
<div id="welcmsg"><font color=red>الأخبار </font><img border="0" src="{img_dir}/arrow1.gif" alt=""></div>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="1%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_01.jpg" width="18" height="90"></td>
<td width="2%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_02.jpg" width="148" height="90"></td>
<td width="81%" background="{img_dir}/hamaasaat-3/HaTooM_03.jpg"> </td>
<td width="13%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_04.jpg" width="165" height="90"></td>
<td width="1%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_05.jpg" width="19" height="90"></td>
</tr>
<tr>
<td width="1%" background="{img_dir}/hamaasaat-3/HaTooM_06.jpg" width="18" height="107">
<td colspan="3" align="center" bordercolor="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<div id="canadaprovinces" class="glidecontentwrapper">
<!-- START BLOCK : stknews -->
<br>
<div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width: 470px; height: 170px">
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<div class="rnewstitle">{caption} </div>
<span style='float:left'> {picture} </span><div class="author"> {date} م</div><div class="news"> {text}
<br><br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> {comnum} | <img border="0" src="infimages/newssend.gif" alt="إرسال"> {greet} | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> {views}</span><span style='float:left'> {readmore}</span></div>
</div>
</div>
<br>
</div>
</div>
<!-- END BLOCK : stknews -->
<br>
</td>
</tr>
</table>
</td>
<td width="1%" background="{img_dir}/hamaasaat-3/HaTooM_08.jpg" width="19" height="107">
</tr>
<tr>
<td width="1%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_09.jpg" width="18" height="53"></td>
<td width="2%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_10.jpg" width="148" height="53"></td>
<td width="81%" background="{img_dir}/hamaasaat-3/HaTooM_11.jpg"> </td>
<td width="13%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_12.jpg" width="165" height="53"></td>
<td width="1%">
<img border="0" src="{img_dir}/hamaasaat-3/HaTooM_13.jpg" width="19" height="53"></td>
</tr>
</table>
<br>
</div>
<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">السابق</a>
<a href="#" class="toc">1</a>
<a href="#" class="toc">2</a>
<a href="#" class="toc">3</a>
<a href="#" class="toc">4</a>
<a href="#" class="toc">5</a>
<a href="#" class="toc">6</a>
<a href="#" class="toc">7</a>
<a href="#" class="toc">8</a>
<a href="#" class="toc">9</a>
<a href="#" class="toc">10</a>
<a href="#" class="next">التالي</a>
</div>
<br>
<br>
<table align="center" border="0" width="96%" class="tborder" cellspacing="1" cellpadding="4" {ldir}>
<tr>
</tr>
</table>
</div>
<br>
<!-- END BLOCK : news -->
<div style="width:96%">
<!-- التالي لعرض موديل الكروت -->
<!-- INCLUDE BLOCK : cardmodule -->
<!-- التالي لعرض موديل الصور -->
<!-- INCLUDE BLOCK : albummodule -->
<!-- START BLOCK : centblocks -->
<div id="blocktable">
<!-- START BLOCK : dcblockhead -->
<div class="blocktitle"><span style='float: right'><img border="0" src="{img_dir}/arroww.gif"></span>{title}</div>
<!-- END BLOCK : dcblockhead -->
<!-- START BLOCK : cblockhead -->
{pic}
<!-- END BLOCK : cblockhead -->
<div class="blockcontent">
{cont}
<!-- START BLOCK : cblockfooter -->
</div>
<!-- END BLOCK : cblockfooter -->
</div>
<br>
<!-- END BLOCK : centblocks -->
<!--newcmodule-->
<!-- التالي لعرض موديل المقالات -->
<!-- INCLUDE BLOCK : articlemodule -->
<!-- التالي لعرض موديل الصوتيات -->
<!-- INCLUDE BLOCK : voicemodule -->
<!-- التالي لعرض موديل الفيديو -->
<!-- INCLUDE BLOCK : videomodule -->
<!-- التالي لعرض موديل الجوال -->
<!-- INCLUDE BLOCK : mobilemodule -->
<!-- التالي لعرض موديل الأخبار -->
<!-- INCLUDE BLOCK : newsmodule -->
</div>
وإن شاء الله يتم لك ما تريد
وربما تجد تمدد بسيط بسبب إضافة أبعاد جدول الإطار يمكنك معالجته بزيادة عرض الإستايل من خلال
خيارات ومعلومات >> تعديل اللغة >> pweidth إن كان الإستايل لديك متمدد
أطيب تحية