الويب العربي
صفحة 1 من 2 1 2 >
عرض 40 مشاركات من هذا الموضوع في صفحة واحدة

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   الاخبار المتحركة ديناميكي (http://www.arabwebtalk.com/showthread.php?t=113841)

فهد2022 29-06-2009 04:34 PM
الاخبار المتحركة ديناميكي
 
المرفقات 1
[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">الأخبار&nbsp;<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'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<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
رائع ومبدع اخي العزيز فهد

متألق واتوقع ان يكون لك التميز مع برنامج انفنتي

alshakicom 29-06-2009 05:46 PM
الموضوع موجود ومكرر

على كل حال شكرا لك

فهد2022 29-06-2009 10:25 PM
إقتباس:
اقتباس من مشاركة alshakicom (المشاركة 632467)
الموضوع موجود ومكرر

على كل حال شكرا لك
ياخوي ادري ان تم طرحه
لكن اعدت التعديل علية

وش كاتب انا اول الموضوع

د.نجلاء نور الدين 30-06-2009 06:11 AM
مشكور اخي الكريم على جهدك وتبسيطك لطريقة الشرح والتفعيل

لأنها قد تكون صعبت على البعض بالشرح الأول فيكون هناك فرصة لتطبيق اكثر من شرح

تحيتي الطيبة لك

الحسني 30-06-2009 04:57 PM
جزاك الله خير أخوي فهد على الشرح المبسط .. تم التركيب :)

وبقي لي أن أعدل عليه بعض التعديلات .. إن شاء الله أوفق

بالتوفيق

الحسني 30-06-2009 08:39 PM
أرجو المعذرة حصلت لي مشكلة في اختفاء القائمة المنسدلة التي في اليمين .. تحت الأخبار المنزلقة .. لاحظ الصورة :


كيف يمكن تدارك هذا الخطأ ؟

فهد2022 30-06-2009 09:10 PM
هلا اخوي الحسني

اعطنا رابط الموقع

الحسني 01-07-2009 03:06 AM
تفضل أخوي فهد :
http://www.pros3d.com/

فهد2022 01-07-2009 05:58 AM
مافيها اي مشكله نهائيا
عندي ما يظهر اي خطأ

مدينة الحب 01-07-2009 06:28 AM
المرفقات 1
اخوي يطلع لي لاف يسار ممكن تعدل لي على قالبي الله يسعدك

مدينة الحب 01-07-2009 06:51 AM
خلاص اخوي ضبطت معاي ربي يسعدك

الحسني 03-07-2009 04:53 PM
إقتباس:
اقتباس من مشاركة فهد2022 (المشاركة 633050)
مافيها اي مشكله نهائيا
عندي ما يظهر اي خطأ
شكراً لك أخي فهد ..
المشكلة واضحة :) حتى عندك في موقعك .. وهو لما تأتي على القائمة اليمنى وتظهر القائمة المنسدلة إلى اليسار تختفي تحت الأخبار المنزلقة .. أنظر للصورة مرة أخرى :


ali salman 04-07-2009 03:13 PM
كيف اغير لون اطار الخبر الذي بالازرق وكذلك الارقام الى لون آخر

ali_0005 04-07-2009 09:38 PM
المرفقات 2
اتبعت الشرح التالي وظهرت الاخبار المتحركه في الزاوية العلوية اليسرى كما في الصورة التاليه



ارجوا الحل لها

و هذا ملف ccontent الخاص بي الاستايل dciwww

فهد2022 11-07-2009 12:02 AM
إقتباس:
اقتباس من مشاركة ali_0005 (المشاركة 634299)
اتبعت الشرح التالي وظهرت الاخبار المتحركه في الزاوية العلوية اليسرى كما في الصورة التاليه



ارجوا الحل لها

و هذا ملف ccontent الخاص بي الاستايل dciwww
الان جرب هذا الكود

كود:
<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">الأخبار&nbsp;<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'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<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>

فهد2022 14-07-2009 07:13 PM
إقتباس:
اقتباس من مشاركة الحسني (المشاركة 633821)
شكراً لك أخي فهد ..
المشكلة واضحة :) حتى عندك في موقعك .. وهو لما تأتي على القائمة اليمنى وتظهر القائمة المنسدلة إلى اليسار تختفي تحت الأخبار المنزلقة .. أنظر للصورة مرة أخرى :

ياخي عندي وعندك مضبوطه
يمكن من متصفحك ؟

نتمنى احد الاخوان يشيك ويعطينا خبر

م.هبه رزق 14-07-2009 10:22 PM
السلام عليكم ورحمة الله وبركاته

شكل الموقع على اكسبلورر 6 ،




والمشكلة تظهر أحيانا مع الإصدارات المتقدمة من المتصفح


ومع متصفح الفايرفوكس كما بالتالى





أطيب تحية

karakas 14-07-2009 10:53 PM
المشكلة من خاصية الposition الخاصة بالقائمة الرئيسية , ... حاول فعل التالي و انشلءالله تزبط(لم أجربها بنفسي) :

في ملف style.css ابحث عن الكلاس التالي ... :

كود:

#menu ul li {
        position: relative;
        direction: rtl;
}
و أضف له خاصية الz-index وضع لها قيمة عالية 1000 مثلاً كالتالي:

كود:

#menu ul li {
        position: relative;
        direction: rtl;
        z-index:1000;
}
جرب أخي العزيز و ردلنا خبر ...

شبكة المجمعة 15-07-2009 01:13 AM
تم التطبيق هنــــــــا على صحيفة المجمعة الالكترونية يمكنكم المشاهدة

www.al-majmaah.net/inf

شكرا للجميع

مدينة الحب 15-07-2009 05:49 PM
إقتباس:
اقتباس من مشاركة شبكة المجمعة (المشاركة 639087)
تم التطبيق هنــــــــا على صحيفة المجمعة الالكترونية يمكنكم المشاهدة

www.al-majmaah.net/inf

شكرا للجميع
ماشاء الله حلو

اخوي انا ستايلي مثلك غير متمدد وبالوسط بس مشكلتي لما

اضفته الاخبار مرة تمدد

حاولت اكثر من طريقة مافاد

تكفون الفزعه الكود بالمرفقات

مدينة الحب 15-07-2009 09:23 PM
كود PHP:
<!-- START BLOCK : news -->
<div align="center">
    <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">&nbsp;</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"><!-- START BLOCK : stknews -->
<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'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<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 --></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">&nbsp;</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></div>
<br>
<div align="center">
    <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">&nbsp;</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"><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></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">&nbsp;</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></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> 

فهد2022 17-07-2009 04:04 PM
اخ
karakas
شكرا من كل قلبي على على المتابعه يالغالي

شبكة المجمعه رائع جدا جدا
وبالتوفيق


اخي وعزيزي
مدينة الحب
مافهمت قصدك صراحه وايضا ممكن الرابط
وشكرا

مدينة الحب 17-07-2009 04:08 PM
يعني اخوي لما اركبة يتمدد عندي الستايل

انا شلته حتى يتعدل

مدينة الحب 18-07-2009 05:50 PM
up
up
up

فهد2022 18-07-2009 08:21 PM
اخي مدينة الحب
اعد تركيب نموذج ccontent من الشرح بالموضوع
يبدو ان فيه خلل في النموذج عندك
او ارفقه هنا للتعديل عليه
وشكرا

مدينة الحب 19-07-2009 02:37 AM
طيب اخوي انا مرفقتة لك من زمان

فهد2022 19-07-2009 07:39 PM
إقتباس:
اقتباس من مشاركة مدينة الحب (المشاركة 641007)
طيب اخوي انا مرفقتة لك من زمان
طيب ارجو منك تزويدنا برابط موقعك
وماهو اسم الاستايل
بالانتظار...

عماد سعدالدين 20-07-2009 04:11 AM
يعطيك العافية اخوي فهد وماقصرت

تم التركيب بنجاح اخوي

بس في ملاحظة

إقتباس:
الان التعديل بسيط جدا

في اول الكود نجد
<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/featuredc ontentglider.css" />

<script type="text/javascript" src="http://www.for07.com/scripts/featuredcontentg lider.js">


اللي بالون الاحمر ضع رابط موقعك
واللي بالون الاخظر ضع اسم الاستايل اللي عملنا عليه
هنا لما اغير لاسم موقعي واسم الاستايل تختفي من الصحيفة الاخبار المثبته

ولما ارجعها نفس الاعدادات باسم موقعك تشتغل مية بالمية

فسؤالي هل في اي مشكلة لو خليت اسم موقعك وانا اشوفها شغالة طبيعي ولا ايش الطريقة

واذا ممكن تضبطها لي باسم منتداي ياغالي

www.naltqi.com

فهد2022 20-07-2009 10:30 AM
إقتباس:
اقتباس من مشاركة عماد سعدالدين (المشاركة 641550)
يعطيك العافية اخوي فهد وماقصرت

تم التركيب بنجاح اخوي

بس في ملاحظة



هنا لما اغير لاسم موقعي واسم الاستايل تختفي من الصحيفة الاخبار المثبته

ولما ارجعها نفس الاعدادات باسم موقعك تشتغل مية بالمية

فسؤالي هل في اي مشكلة لو خليت اسم موقعك وانا اشوفها شغالة طبيعي ولا ايش الطريقة

واذا ممكن تضبطها لي باسم منتداي ياغالي

www.naltqi.com
هلا عماد
ماشاءالله عندك شغاله ميه ميه
اوكي خلاص ابقى على هذه الطريقه ما دام شغال وممتاز

شكرا لمرورك وانا في خدمتك يالغالي
تحياتي

عماد سعدالدين 20-07-2009 12:26 PM
الله يعطيك العافية ويسعدك اخوي فهد على طيب اخلاقك وتعاونك مع الجميع

وونتظر جديدك

مدينة الحب 20-07-2009 03:45 PM
www.hamaasaat.com

hamaasaat
الاول الرابط

والثاني اسم الستايل

انتظرك

فهد2022 21-07-2009 01:58 AM
مدينة الحب

الان جرب هذا الكود
وبنتظار ردك

لا تنسى تثبت اكثر من خبر يعني من 2-10
وايضا من الاعدادات العامه إعدادات الأخبار عدد الأخبار المثبتة الإجمالي ضع مثلا 10


ضع هذا الكود بدل نموذج 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: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
</head>



<!-- START BLOCK : news -->
<div id="welcmsg">الأخبار&nbsp;<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'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<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>

alassil 11-09-2009 06:23 PM
الف الف الف شكر تم تفعيلها

فهد2022 16-10-2009 12:33 PM
إقتباس:
اقتباس من مشاركة alassil (المشاركة 667130)
الف الف الف شكر تم تفعيلها

شكرا لمرورك اخي العزيز

اجمل تحية

عبدالله المحسن 12-11-2009 07:57 PM
الغالي .. فهد

السلام عليكم

http://www.alazd.net

أشكرك على شرحك الواضح ولكن البلوك لم يعمل معي رغم كل المحاولات من الصباح حتى المساء فمرة يأتي في رأس الصفحة مشتول كما حصل مع بعض الإخوان ومرة يظهر عدد المواضيع ولا يعمل البلوك .. المهم أخوك في حوسه رغم أني حاولت أستفيد من كل المشاركات في موضوعك بالاضافة الى موضوع آخر موجود في المنتدى ولكن لا فائدة .. لو فيه عندك حل ياليت تفزع .

ملاحظة :

ملفات السكربت رفضت الرفع على الـ FTP فأحضرت ملفات من مشاركة أحد الإخوان

زياد الشبانة 20-12-2009 09:42 AM
شكرا لكم ........

heroeshost.com 13-01-2010 01:32 AM
إقتباس:
اقتباس من مشاركة ali_0005 (المشاركة 634299)
اتبعت الشرح التالي وظهرت الاخبار المتحركه في الزاوية العلوية اليسرى كما في الصورة التاليه



ارجوا الحل لها

و هذا ملف ccontent الخاص بي الاستايل dciwww

اخى الكريم تأكد من تغير اسم الاستايل فى اللينك دا
link rel="stylesheet" type="text/css" href="http://www.for07.com/styles/shorog/featuredcontentglider.css" />

الفــــــارس 01-02-2010 10:04 PM
اخي الكريم
 
ارغب في تكبير الصور في الاخبار المتحركه

حيث كانت اول تاتي بشكل اكبر

والان حاولت ولم استطع فمهما كان حجمها الا انها تاتي بمقاس واحد

انتظر ردك

alnoly 14-04-2010 02:03 AM
تم التركيب بنجاح يعطيك العافية أخي الحبيب

http://www.qnfdh-scouts.com/


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 12:48 AM.
صفحة 1 من 2 1 2 >
عرض 40 مشاركات من هذا الموضوع في صفحة واحدة

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012