تسجيل دخول
ملاحظة
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.
الموقع متاح للإطلاع والقراءة فقط، المشاركة والمواضيع الجديدة غير متاحة حالياً لحين تطوير الموقع.
مجتمع ديموفنف قسم مختص بدعم سكربت إدارة المحتوى "ديموفنف" من قبل المجتمع.
29-06-2009, 04:34 PM
عضو
تاريخ التسجيل: Feb 2008
مشاركة: 86
مستوى تقييم العضوية:
17
الاخبار المتحركة ديناميكي
[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
29-06-2009, 04:43 PM
عضو
تاريخ التسجيل: May 2008
مشاركة: 23
مستوى تقييم العضوية:
0
رائع ومبدع اخي العزيز فهد
متألق واتوقع ان يكون لك التميز مع برنامج انفنتي
29-06-2009, 05:46 PM
عضو
تاريخ التسجيل: Oct 2005
مشاركة: 139
مستوى تقييم العضوية:
20
الموضوع موجود ومكرر
على كل حال شكرا لك
29-06-2009, 10:25 PM
عضو
تاريخ التسجيل: Feb 2008
مشاركة: 86
مستوى تقييم العضوية:
17
الموضوع موجود ومكرر
على كل حال شكرا لك
ياخوي ادري ان تم طرحه
لكن اعدت التعديل علية
وش كاتب انا اول الموضوع
30-06-2009, 06:11 AM
عضو
تاريخ التسجيل: Feb 2008
المدينة: Dimofinf
مشاركة: 4,406
مستوى تقييم العضوية:
25
مشكور اخي الكريم على جهدك وتبسيطك لطريقة الشرح والتفعيل
لأنها قد تكون صعبت على البعض بالشرح الأول فيكون هناك فرصة لتطبيق اكثر من شرح
تحيتي الطيبة لك
30-06-2009, 04:57 PM
عضو
تاريخ التسجيل: Apr 2008
مشاركة: 255
مستوى تقييم العضوية:
0
جزاك الله خير أخوي فهد على الشرح المبسط .. تم التركيب
وبقي لي أن أعدل عليه بعض التعديلات .. إن شاء الله أوفق
بالتوفيق
30-06-2009, 08:39 PM
عضو
تاريخ التسجيل: Apr 2008
مشاركة: 255
مستوى تقييم العضوية:
0
أرجو المعذرة حصلت لي مشكلة في اختفاء القائمة المنسدلة التي في اليمين .. تحت الأخبار المنزلقة .. لاحظ الصورة :
كيف يمكن تدارك هذا الخطأ ؟
30-06-2009, 09:10 PM
عضو
تاريخ التسجيل: Feb 2008
مشاركة: 86
مستوى تقييم العضوية:
17
هلا اخوي الحسني
اعطنا رابط الموقع
01-07-2009, 03:06 AM
عضو
تاريخ التسجيل: Apr 2008
مشاركة: 255
مستوى تقييم العضوية:
0
01-07-2009, 05:58 AM
عضو
تاريخ التسجيل: Feb 2008
مشاركة: 86
مستوى تقييم العضوية:
17
مافيها اي مشكله نهائيا
عندي ما يظهر اي خطأ
01-07-2009, 06:28 AM
عضو
تاريخ التسجيل: May 2008
مشاركة: 183
مستوى تقييم العضوية:
17
اخوي يطلع لي لاف يسار ممكن تعدل لي على قالبي الله يسعدك
الملفات المرفقة
مهم.txt (الحجم 6.3 ك/بايت , عدد مرات التنزيل : 344)
01-07-2009, 06:51 AM
عضو
تاريخ التسجيل: May 2008
مشاركة: 183
مستوى تقييم العضوية:
17
خلاص اخوي ضبطت معاي ربي يسعدك
03-07-2009, 04:53 PM
عضو
تاريخ التسجيل: Apr 2008
مشاركة: 255
مستوى تقييم العضوية:
0
مافيها اي مشكله نهائيا
عندي ما يظهر اي خطأ
شكراً لك أخي فهد ..
المشكلة واضحة
حتى عندك في موقعك .. وهو لما تأتي على القائمة اليمنى وتظهر القائمة المنسدلة إلى اليسار تختفي تحت الأخبار المنزلقة .. أنظر للصورة مرة أخرى :
04-07-2009, 03:13 PM
عضو
تاريخ التسجيل: Nov 2008
مشاركة: 22
مستوى تقييم العضوية:
0
كيف اغير لون اطار الخبر الذي بالازرق وكذلك الارقام الى لون آخر
04-07-2009, 09:38 PM
عضو
تاريخ التسجيل: Jun 2009
مشاركة: 6
مستوى تقييم العضوية:
0
اتبعت الشرح التالي وظهرت الاخبار المتحركه في الزاوية العلوية اليسرى كما في الصورة التاليه
ارجوا الحل لها
و هذا ملف ccontent الخاص بي الاستايل dciwww
معرض المرفقات
الملفات المرفقة
11-07-2009, 12:02 AM
عضو
تاريخ التسجيل: Feb 2008
مشاركة: 86
مستوى تقييم العضوية:
17
الان جرب هذا الكود
كود:
<script type="text/javascript" src="http://www.albr-wh.org/scripts/jquery-1.2.2.pack.js"></script>
<head>
<link rel="stylesheet" type="text/css" href="http://www.albr-wh.org/styles/dciwww/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.albr-wh.org/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">
</div>
<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>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</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>
14-07-2009, 07:13 PM
عضو
تاريخ التسجيل: Feb 2008
مشاركة: 86
مستوى تقييم العضوية:
17
ياخي عندي وعندك مضبوطه
يمكن من متصفحك ؟
نتمنى احد الاخوان يشيك ويعطينا خبر
14-07-2009, 10:22 PM
عضو
تاريخ التسجيل: Jul 2008
مشاركة: 1,481
مستوى تقييم العضوية:
19
السلام عليكم ورحمة الله وبركاته
شكل الموقع على اكسبلورر 6 ،
والمشكلة تظهر أحيانا مع الإصدارات المتقدمة من المتصفح
ومع متصفح الفايرفوكس كما بالتالى
أطيب تحية
14-07-2009, 10:53 PM
عضو
تاريخ التسجيل: Sep 2008
مشاركة: 365
مستوى تقييم العضوية:
17
المشكلة من خاصية الposition الخاصة بالقائمة الرئيسية , ... حاول فعل التالي و انشلءالله تزبط(لم أجربها بنفسي) :
في ملف style.css ابحث عن الكلاس التالي ... :
كود:
#menu ul li {
position: relative;
direction: rtl;
}
و أضف له خاصية الz-index وضع لها قيمة عالية 1000 مثلاً كالتالي:
كود:
#menu ul li {
position: relative;
direction: rtl;
z-index:1000;
}
جرب أخي العزيز و ردلنا خبر ...
التوقيع
(( سبحانك لا علم لنا إلا ما علمتنا إنك أنت العليم الحكيم ))
rocky.inf (AT) hotmail (DOT) com
(\__/)
(='.'=)
(")_(")
No Star is Out of Reach
انتظروا ركن انفنتي
15-07-2009, 01:13 AM
عضو
تاريخ التسجيل: Jul 2009
مشاركة: 1
مستوى تقييم العضوية:
0
تم التطبيق هنــــــــا على صحيفة المجمعة الالكترونية يمكنكم المشاهدة
www.al-majmaah.net/inf
شكرا للجميع
خيارات الموضوع
طريقة العرض
النمط المتتابع
قوانين المشاركة
لا يمكنك إضافة موضوع جديد
لا يمكنك الرد على المواضيع
لا يمكنك إضافة مرفقات
لا يمكنك تعديل مشاركاتك
كود HTML مغلق