elhadiben123
:: عضو منتسِب ::
- إنضم
- 29 جانفي 2008
- المشاركات
- 11
- نقاط التفاعل
- 0
- النقاط
- 2
- العمر
- 31
بسم الله الرحمن الرحيم
~~ ـالسلامـ ـعليكمـ ~~
كالعادة دوما مع الحصري لـ [معهد سكربتاتي و اللمة الجزائرية]
جديد اليوم هو هاك الفعاليات أو ما يسمى بـ [ slider ]
الهاك برمجة أجنبية للمواقع لكن أنا عدلت عليه حتى يكون هاك للمنتدى
مثل ماهو موجود في الصفحة الرئيسية للمعهد
www.script-ati.com/ma3hd/home.php
وهذي صورة للهاك
ويعتبر هذا الهاك لمسة جمالية للصفحة الرئيسية خاصة لما يجد مصمم بارع يتحفه
بالتصاميم الجميلة
ويستعمل الهاك في طرح فعاليات المنتدى من مسابقات و دورات تعليمية و حصريات وغيرها
والآن بعد ما تعرفنا على الهاك ووضيفته نأتي للمهم وهو طريقة تركيب الهاك
--::[ طريقة التركيب ]::--
لنكون متفقين على كل الأمور أحب أوضح أمر مهم وهو أني راح أشرح تركيب الهاك
على مجلة vBadvanced CMPS لمنتديات الفي بي كما أني راح أشرح مضمون عرض القالب
حتى يسهل لمستخدمي المجلات الأخرى تركيبه بسهولة
بسم الله نبدأ
1-نرفع الملف [ Slider ] للموقع حتى يكون رابطه على هذا الشكل
www.XXXX.com/slider/
2- ندخل لوحة تحكم الإدارة
من القائمة الرئيسية نختار vBa CMPS --- ثم ----> Add Module
3- من الصفحة لي تظهر نختار [Template Module]
4- نملىء البيانات بهذا الشكل
5- أنهينا طريقة تركيب الهاك بنجاح الآن راح نشرح كيفية التعديل عليه
--::[ طريقة التعديل ]::--
1- من لوحة تحكم الإدارة دوما ومن القائمة الرئيسية
إختر : الإستايلات والقوالب ---ثم ---->التحكم بالإستايلات
2-إختر الستايل الذي أضفت فيه قالب الهاك في عملية التركيب
ثم من القائمة إختر تعديل القوالب
3- من قائمة القوالب إختر القالب لي أنشائته في عملية التركيب
4-الآن تظهر لنا لوحة التحكم بالقالب
نأتي لشرح القالب خطوة خطوة
هذا الكود خاص بمجلة vBadvanced CMPS
وهو لازم في هذه المجلة قبل كتابة أي قالب
كود إستدعاء الملف contentslider.js من الموقع
كود مضمون الفعاليات وهذا هو الكود اللي عليه العمل
ومن خلال هذا الكود لو تلاحظ فيه أنا كررت جملة ثلاث مرات متتالية
وهي
وهي تنقسم لشيئين فقط دون النظر للبقية
1- رابط الصورة
2- الرابط الذي تفتحه
راح نعطي مثال لو مثلا كان رابط الصورة لي راح تعرضها هو
ورابط الموضوع لي تفتحه الصورة هو
راح تكون الجملة بهذا الشكل
ويكون القالب ككل بهذا الشكل
إن شاء تكونو فهمتو الطريقة رغم أنها سهلة جدا ولاتحتاج لكل هذا التعقيد
ومتأكد 100% لو يأتي أي شخص يفهم html راح يضحك على كل الشرح لي وضعته من أجل
هذا الأمر البسيط
المهم لتحميل الهاك
الرابط الأول
click here
أو على المرفقات
ملاحظة صور الشرح موجودة مع الملف
دمتم في أمان الله
~~ ـالسلامـ ـعليكمـ ~~
كالعادة دوما مع الحصري لـ [معهد سكربتاتي و اللمة الجزائرية]
جديد اليوم هو هاك الفعاليات أو ما يسمى بـ [ slider ]
الهاك برمجة أجنبية للمواقع لكن أنا عدلت عليه حتى يكون هاك للمنتدى
مثل ماهو موجود في الصفحة الرئيسية للمعهد
www.script-ati.com/ma3hd/home.php
وهذي صورة للهاك
ويعتبر هذا الهاك لمسة جمالية للصفحة الرئيسية خاصة لما يجد مصمم بارع يتحفه
بالتصاميم الجميلة
ويستعمل الهاك في طرح فعاليات المنتدى من مسابقات و دورات تعليمية و حصريات وغيرها
والآن بعد ما تعرفنا على الهاك ووضيفته نأتي للمهم وهو طريقة تركيب الهاك
--::[ طريقة التركيب ]::--
لنكون متفقين على كل الأمور أحب أوضح أمر مهم وهو أني راح أشرح تركيب الهاك
على مجلة vBadvanced CMPS لمنتديات الفي بي كما أني راح أشرح مضمون عرض القالب
حتى يسهل لمستخدمي المجلات الأخرى تركيبه بسهولة
بسم الله نبدأ
1-نرفع الملف [ Slider ] للموقع حتى يكون رابطه على هذا الشكل
www.XXXX.com/slider/
2- ندخل لوحة تحكم الإدارة
من القائمة الرئيسية نختار vBa CMPS --- ثم ----> Add Module
3- من الصفحة لي تظهر نختار [Template Module]
4- نملىء البيانات بهذا الشكل
-[1]-عنوان الموديل وأنا وضعت " --:: [ الفعاليات ] ::-- "
-[2]-عنوان القالب
-[3]-إختر الستايلات التي تريد أن يظهر بها الهاك
-[4]-كود القالب (راح نشرحه مع كيفية التعديل عليه)
-[2]-عنوان القالب
-[3]-إختر الستايلات التي تريد أن يظهر بها الهاك
-[4]-كود القالب (راح نشرحه مع كيفية التعديل عليه)
5- أنهينا طريقة تركيب الهاك بنجاح الآن راح نشرح كيفية التعديل عليه
--::[ طريقة التعديل ]::--
1- من لوحة تحكم الإدارة دوما ومن القائمة الرئيسية
إختر : الإستايلات والقوالب ---ثم ---->التحكم بالإستايلات
2-إختر الستايل الذي أضفت فيه قالب الهاك في عملية التركيب
ثم من القائمة إختر تعديل القوالب
3- من قائمة القوالب إختر القالب لي أنشائته في عملية التركيب
4-الآن تظهر لنا لوحة التحكم بالقالب
نأتي لشرح القالب خطوة خطوة
PHP:
<tr>
<td class="$bgclass">
وهو لازم في هذه المجلة قبل كتابة أي قالب
PHP:
<!--begin Box-->
<div align="center">
<link rel="stylesheet" type="text/css" href="slider/contentslider.css" />
السطر الأول مجرد تعليق لفصل قالب الفاعاليات عن كود المجلة
السطر الثاني لجعل المضمون في الوسط (توسيط)
السطر الثالث لإستدعاء الملف contentslider.css من الموقع
السطر الثاني لجعل المضمون في الوسط (توسيط)
السطر الثالث لإستدعاء الملف contentslider.css من الموقع
PHP:
<script type="text/javascript" src="slider/contentslider.js"></script>
PHP:
<div id="slider1" class="sliderwrapper">
<div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
<div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
<div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
</div>
<div id="paginate-slider1" class="pagination"></div>
ومن خلال هذا الكود لو تلاحظ فيه أنا كررت جملة ثلاث مرات متتالية
وهي
PHP:
<div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
1- رابط الصورة
PHP:
slider/1.jpg
PHP:
stats.php
PHP:
http://localhost/vb/Ma3hd/gradients/325-60.jpg
PHP:
http://localhost/vb/showthread.php?t=8
PHP:
<div class="contentdiv"> <a href="http://localhost/vb/showthread.php?t=8"><img border="0" src="http://localhost/vb/Ma3hd/gradients/325-60.jpg" width="492" height="266"></a> </div>
PHP:
<tr>
<td class="$bgclass">
<!--begin Box-->
<div align="center">
<link rel="stylesheet" type="text/css" href="slider/contentslider.css" />
<script type="text/javascript" src="slider/contentslider.js"></script>
<div id="slider1" class="sliderwrapper">
<div class="contentdiv"> <a href="http://localhost/vb/showthread.php?t=8"><img border="0" src="http://localhost/vb/Ma3hd/gradients/325-60.jpg" width="492" height="266"></a> </div>
<div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
<div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
</div>
<div id="paginate-slider1" class="pagination"></div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider1",
contentsource: ["inline", ""],
toc: "#increment",
nextprev: ["<", ">"],
revealtype: "click",
enablefade: [true, 0.3],
autorotate: [true, 6000],
onChange: function(previndex, curindex){
}})</script>
</div>
<!--End Box-->
</td>
</tr>
ومتأكد 100% لو يأتي أي شخص يفهم html راح يضحك على كل الشرح لي وضعته من أجل
هذا الأمر البسيط
المهم لتحميل الهاك
الرابط الأول
click here
أو على المرفقات
ملاحظة صور الشرح موجودة مع الملف
دمتم في أمان الله