السلام عليكم ورحمة الله وبركاته تحية طيبة وبعد
بعد عمل دام لأكثر من اربع ساعات متواصلة عن طريق التعلم بالمحاولة والخطأ اكتشفت الطريقة الطريقة الصحيحة لتركيب الهاك الخاص بتفعيل الاخبار بطريقة ديناميكية الطريقة سهلة جدا ً ولا تحتاج إلى 300 ريال ..فقط تحتاج لشخص يستطيع العطاء بلا حدود
ونذرت بأني لو عرفتها سأشارككم الخبرة فلا خير في كاتم العلم
وقبل كل شيء أريد أت أتوجه لأصحاب المواقع الكبرى الذين قالوا بأن هذا الهاك يميزهم عن غيرهم ويتمنون عدم انزاله مجانا ً
أقول لهم انه التميز يكون بالمحتوى لا بطريقة العرض وأيضا ً الشيء الذي أقوم به الآن وهو شرح لتفعيل الهاك موجودة في موقع انجليزي وأنا أخذت الشرح منه وطبقته على موقعي ونجحت بنسبة كبيرة ..!
فلو كان هناك شخص يريد أن يصمم استايل ولا يعرف فأنت تصمم له بمبلغ وقدره أما اذا كان يعرف فلا نستطيع ان نجزمه بأن تكون الخبرة محصورة لديه فقط ..! فالناس للناس وأعتذر عن الاطالة في المقدمة لكن نحن نريد من كل المواقع ان تساعد بعضها البعض علنا أن ننتطور ففي الأخير نحن مواقع اسلامية عربية ..الشرح فكرت أحطه مصور لكن لقيت الشغلة ماتستاهل ههههه وباذن الله راح امشي خطوة خطوة وراح اكون سعيد بالرد ع استفسارتكم
أولا ً : لمشاهدة مثال على الهاك :
مجلة احتياجات خاصة
الخطوة الأولى : قم بتحميل هذه الملفات وقم برفعها إلى هذه المجلدات
1-
للتحميل:
featuredcontentglider.css
هذا الملف يختلف عن الملف الموجود في الموقع الخاص بالهاك حيث أنه معرب لذا يجب تحميل هذا الملف ورفعه إلى الاستايل الذي ترغب فيه بتفعيله فرضا ً أنا أريده في الاستايل الافتراضي راح يكون موجود هنا الملف اذا ً
styles/default/featuredcontentglider.css
2-
للتحميل:
jquery-1.2.2.pack.js
هذا الملف قم برفعه داخل مجلد scripts الموجود داخل نسخة انفنتي ليصبح الرابط هكذا
scripts/jquery-1.2.2.pack.js
3-
للتحميل:
featuredcontentglider.js
هذا الملف قم برفعه مثل سابقه في مجلد scripts الموجود داخل نسخة انفنتي ليصبح الرابط هكذا
scripts/featuredcontentglider.js
انتهينا الآن من رفع الملفات وأتمنى تكون واضحة الصورة.
الآن نأتي إلى التعديل في قالب الاستايل الذي قمنا برفع ملف styles/default/featuredcontentglider.css داخله سأعدل على الاستايل الافتراضي لأني رفعت الملف داخل مجلد الاستايل الافتراضي نفس القضية راح تتبع مع أي استايل آخر ولكن بتغيير في رفع ملف featuredcontentglider.css والقالب
1- اذهب الى لوحة تحكم المجلة ومن ثم إلى النماذج والقوالب << نماذج العرض << عرض قائمة الاستايلات
ومن ثم اختر تحرير على الاستايل الذي رفعت ملف featuredcontentglider.css عليه .. تأكدوا من هذه النقطة لاتعدل على استايل لم ترفع ملف featuredcontentglider.css عليه فقط الاستايل الذي قمت برفع الملف داخل مجلد styles/
default/featuredcontentglider.css وأنا قمت برفعه على الاستايل الافتراضي defautl
----
2- ستظهر لنا مجموعة من القوالب نختار القالب
ccontent.htm
وقبل كل شيء قم بنسخ القالب عندك في ملف مفكرة تفاديا ً لحدوث أي خطأ واحفظه على جهازك قبل التعديل مهم جدا ً خصوصا ً للي استايلتهم مو مجانية .!!! صحيح انفنتي تدعم الباك ولكن احتياطا ً .!
في أول القالب بالضبط سنضع هذا الكود الآن ركزوا جيدا ً معي:
كود:
<script type="text/javascript" src="http://www.spneeds.org/ar/scripts/jquery-1.2.2.pack.js"></script>
<head>
<link rel="stylesheet" type="text/css" href="http://www.spneeds.org/ar/styles/default/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.spneeds.org/ar/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: 500, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>
</head>
<div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width: 536px; height: 211px">
<div align="center"><a href="news-action-show-id-47.htm">شهد محرومة من مقعد في
التربية الفكرية</a></div>
<span style='float:left'> <img src="http://www.spneeds.org/ar/newsm/47.jpg" class="img"> </span><div class="author">
<font color="#808080">ما يقدم لذوي الاحتياجات الخاصة حالياً هو أقل بكثير مما
يجب أن تقوم به المؤسسات الاجتماعية الرسمية والأهلية.. هكذا بدأت السيدة أم
شهد حديثها، وهي تعرض مشكلة ابنتها المعاقة مع التأهيل والتعليم.. فتقول: ابنتي
(شهد) تعاني إعاقة ذهنية بسيطة وهي الآن بعمر التاسعة ولا تعرف القراءة
والكتابة بحجة قائمة الانتظار التي طالت منذ سنتين لدى معهد التربية الفكرية.
وتضيف: بدأت معاناتي منذ ثلاث سنوات مضت. حيث أدخلت (شهد) في المرحلة الاولى في
مدرسة خاصة، وقد عانيت الكثير طوال العام لعدم تمكن المدرسة ومعلمتها من
احتوائها وصعوبة تعلمها وتأخرها الدراس</font><span lang="ar-sa"><font color="#808080">ي</font>..</span>....
<br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">
0 | <img border="0" src="infimages/newssend.gif" alt="إرسال"> 0 | <img border="0" src="infimages/newsviews.gif" alt="الزيارات">
25</span><span style='float:left'><a href="news-action-show-id-47.htm">
المزيد</a></span></div>
</div>
</div>
<div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width:536px; height:211px">
<div align="center"><a href="news-action-show-id-46.htm">طلاب التربية الخاصة بلا
معلمين ولا مناهج ..!</a></div>
<span style='float:left'> <img src="http://www.spneeds.org/ar/newsm/46.jpg" class="img"> </span><div class="author">
<font color="#808080">أصابت الدهشة عدد من طلاب التربية الخاصة وأولياء أمورهم بتعليم مكة المكرمة
نتيجة عدم تمكنهم من الدراسة وعدم إعطائهم المناهج والمقررات الدراسية أسوة
ببقية زملائهم بالصفوف التعليمية الأخرى على الرغم من مرور شهر كامل على بداية
العام.<br>
وقال أحد أولياء أمور الطلاب (عبد الهادي بشناق) أن ابني يدرس في الصف الثاني
ثانوي بمدرسة جعفر الصادق بحي الخالدية بمكة المكرمة وحتى وقتنا الحالي لم
يأخذ أي شيء من الدروس والمواضيع الدراسية والتعليمية وكذلك لم يأخذوا أي مقرر
تعليمي وهذا الأمر مستمر من بداية انطلاق الدراسة أي قبل أربعة أسابيع حيثُ
فوجئنا نحن أولياء أمور طلاب وتحديداً (طلاب التربية الفكرية الخاصة) بطلب من
مدير المدرسة بعدم</font> .....
<br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> 0 | <img border="0" src="infimages/newssend.gif" alt="إرسال"> 0 | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> 25</span><span style='float:left'><a href="news-action-show-id-46.htm"> المزيد</a></span></div>
</div>
</div>
<div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width:536px; height:211px">
<div align="center"><a href="news-action-show-id-46.htm">د/ المزروع 1500 مصاب
سنويا ً بالحبل الشوكي في المملكة</a></div>
<span style='float:left'> <img src="newsm/45.jpg" class="img"> </span><div class="author">
<font color="#808080">أصابت الدهشة عدد من طلاب التربية الخاصة وأولياء أمورهم بتعليم مكة المكرمة
نتيجة عدم تمكنهم من الدراسة وعدم إعطائهم المناهج والمقررات الدراسية أسوة
ببقية زملائهم بالصفوف التعليمية الأخرى على الرغم من مرور شهر كامل على بداية
العام.<br>
وقال أحد أولياء أمور الطلاب (عبد الهادي بشناق) أن ابني يدرس في الصف الثاني
ثانوي بمدرسة جعفر الصادق بحي الخالدية بمكة المكرمة وحتى وقتنا الحالي لم
يأخذ أي شيء من الدروس والمواضيع الدراسية والتعليمية وكذلك لم يأخذوا أي مقرر
تعليمي وهذا الأمر مستمر من بداية انطلاق الدراسة أي قبل أربعة أسابيع حيثُ
فوجئنا نحن أولياء أمور طلاب وتحديداً (طلاب التربية الفكرية الخاصة) بطلب من
مدير المدرسة بعدم حضور أبنائنا الطلاب مع بداية الدراسة للفصل الدراسي الأول
وبقائهم في المنازل ويضيف أن الطلاب لم يأخذوا أي شيء دراسي ولم يتسلموا
المناهج والمقررات الدراسية حتى الآن</font>.....
<br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> 0 | <img border="0" src="infimages/newssend.gif" alt="إرسال"> 0 | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> 25</span><span style='float:left'><a href="news-action-show-id-46.htm"> المزيد</a></span></div>
</div>
</div>
</div>
<div id="p-select" class="glidecontenttoggler">
<a href="#" class="next">التالي</a>
<a href="#" class="toc">1</a> <a href="#" class="toc">2</a> <a href="#" class="toc">3</a>
<a href="#" class="prev">السابق</a>
</div>
[color=#00008B]
ملوحظة هامة يجب عليك أن تقوم بتغيير الروابط الملونة باللون الأحمر إلى مسار الملفات التي قمت برفعها على موقعك فلن يعمل معك الهاك مادامت لم تغير .!! وأيضا ً قم بالتعديل على الأمثلة التي وضعتها لك في الأخبار فستقوم بالتعديل على الخبر والعنوان وأيضا الروابط المتعلقة بصفحة الخبر والرابط المتعلق بالصورة [/color]
والآن نأتي لشرح خاصية جميلة في السكربت
وطبعا ً الخصائص كثيرة ولم يتسنى لي الوقت للتجربة والخطأ 
direction: "
downup", //set direction of glide: "
updown", "
downup", "
leftright", or "
rightleft"
هنا الاختيار يكون في طريقة تبادل بين خصائص الطبقات فاللون الملون
بالاحمر حركة من الاسفل إلى الأعلى
وبامكانك تغييرها بالحركات الملونة
باللون الأزرق
مبروك عليكم الهاك بسرعة خرافية هناك العديد من الخصائص لتعديل أي خبر قمت بوضع صورة كمثال
اذا رغبت باضافة مقال رابع كل ماعليك هو البحث عن هذا الكود
كود:
<br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> 0 | <img border="0" src="infimages/newssend.gif" alt="إرسال"> 0 | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> 25</span><span style='float:left'><a href="news-action-show-id-46.htm"> المزيد</a></span></div>
</div>
</div>
قم باضافة بعده هذا الكود
كود:
<div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width:536px; height:211px">
<div align="center"><a href="رابط%20الخبرررررررررررررررررررررررررررر">
العنوووووووووووووووووووان ..؟؟؟؟؟</a></div>
<span style='float:left'> <img src="رااااااابط الصورة" class="img"> </span><div class="author">
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب .....
كلمنت شسيب كلمنت شسيب <br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> 0 | <img border="0" src="infimages/newssend.gif" alt="إرسال"> 0 | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> 25</span><span style='float:left'><a href="news-action-show-id-46.htmراااابط الخبر"> المزيد</a></span></div>
</div>
</div>
وقم بالتعديل عليه حسب عنوان مقالك وأيضا ً حسب الرابط وأيضا ً الصورة
وقم باستبدال هذا السطر :
كود:
<a href="#" class="toc">1</a> <a href="#" class="toc">2</a> <a href="#" class="toc">3</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>
ولتعذروني على الشرح القاصر والسالفة سهلة جدا ً لاتستصعبوها فقط لأنه المواقع الكبيرة تحطها .. جرب بالفرونت بيج لأنه جدا ً سهل بالتعامل مع الطبقات وانا راح أكون سعيد بالرد على استفسارتكم اذا كان لديكم أي استفسار
وإذا صعبت عليكم انا مستعد أركبها لكم مجانا ً بس انت ارفق لي كود ccontent.htm الخاص بالاستايل وقم برفع الملفات في المكان الذي قمت بتحديده لك ...وأعتذر عن عدم قبولي للمواقع التي تحتوي على الأغاني لذا يجب عليك أن تضع رابط موقعك .!
ولا أخيفكم انه هناك بعض المشاكل موجودة وهي تتعلق غالبيتها بالتعريب وأيضا ً عند ارسال الموضوع وعدد الزوار وباذن الله بجلس عليها اليوم وأزبطها وأرفق لكم اكواد أكثر جمالا ً واشراقة هع هع
لذا تابعوا الموضوع أول بأول ياحلوين
والآن نأتي لسعر الهاك ليه خايف :
الدعاء لي ولوالدي في ظهر الغيب بالصلاح والهداية
أخوكم المحب لكم
spneeds
وأخيرا ً شرح بالصور كيفية تفعيل الأخبار بديناميكة كالمواقع الكبرى مجانا ً
النمط الأُحادي
