[center]
السلام عليكم ورحمة الله وبركاتة
الاخبار المتحركة بطريقه جميله طبعا تم طرحه هنا والان الشرح والتركيب بطريقة سهله جدا
اولا
المثال هنا
- Ԉ߉ 㡊ެ ǡ̤戠- powered by Infinity
مثال آخر
http://www.balmfathl.com
التركيب
حمل من
المرفقات اولا
ثانيا
فك الضغط عن الملف
بتظهر لك ثلاث ملفات
وهي
نقوم برفع هذه الملفين
إرفع الملف
jquery-1.2.2.pack.js
والملف
featuredcontentglider.js
داخل ملف
scripts
الأن نرفع الملف الثالث وهو هذا الملف
featuredcontentglider.css
طبعا هذا الملف يرفع داخل ملف الاستايل المطلوب
اذهب الى ملف styles
ثم اختار الستايل الذي تريده مثلا
dciwww
المهم الان
لا تنسى من لوحة التحكم نذهب إلى إعدادات إنفنتي ثم إعدادات الأخبار عدد الأخبار المثبتة الإجمالي ضع مثلا 10
وثبت عشر اخبار او اللذي تريد انت
بعد كذا
نتوجة من لوحة التحكم إلى
النماذج والقوالب
نماذج العرض
قائمة الإستايلات
إضغط على تحرير للإستايل الذي تريد تطبيق
ثم نختار النموذج ccontent من القائمة
لا تنسى خذا نسخه احتياطية
ضع هذا الكود بدله
كود:
<script type="text/javascript" src="http://www.for07.com/scripts/jquery-1.2.2.pack.js"></script>
<head>
<link rel="stylesheet" type="text/css" href="http://www.for07.com/styles/shorog/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.for07.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: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
</head>
<!-- START BLOCK : news -->
<div id="welcmsg">الأخبار <img border="0" src="{img_dir}/arrow1.gif" alt=""></div>
<div id="canadaprovinces" class="glidecontentwrapper">
<!-- START BLOCK : stknews -->
<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>
</div>
</div>
<!-- END BLOCK : stknews -->
</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>
<table align="center" border="0" width="96%" class="tborder" cellspacing="1" cellpadding="4" {ldir}>
<tr>
<!-- START BLOCK : rownewsa -->
<!-- row1 start-->
<td {clsp} class="rnewstitle" valign="top" width="{width}%">
<span style='float:right'>{picture}</span>{caption}
<div class="author">{date} م</div>
<div class="news">{text}</div>
<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>
</td>
<!-- row1 end-->
{tr}
<!-- START BLOCK : rownewsb -->
<!-- row2 start-->
<td {clsp} class="rnewstitle" valign="top" width="{width}%">
<span style='float:left'>{picture}</span>{caption}
<div class="author">{date} م</div>
<div class="news">{text}</div>
<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>
</td>
<!-- row2 end-->
{tr}
<!-- END BLOCK : rownewsb -->
<!-- END BLOCK : rownewsa -->
</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>
الان التعديل بسيط جدا
في اول الكود نجد
<script type="text/javascript" src="http://www.
for07.com/scripts/jquery-1.2.2.pack.js"></script>
<head>
<link rel="stylesheet" type="text/css" href="http://www.
for07.com/styles/
shorog/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.
for07.com/scripts/featuredcontentglider.js">
اللي بالون الاحمر ضع رابط موقعك
واللي بالون الاخظر ضع اسم الاستايل اللي عملنا عليه
انتهى
.
.
واخير اتمنى للجميع التوفيق
وانا في خدمة الجميع
اخوكم فهد
- Ԉ߉ 㡊ެ ǡ̤戠- powered by Infinity