said
11-01-2013, بتوقيت غرينيتش 04:33 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط§ظ„طھظ†ظ‚ظ„ ط¨ظٹظ† ط§ظ„طµظپط*ط§طھ ط¨ط¯ظˆظ† طھط*ط¯ظٹط« ط§ظ„طµظپط*ط© (http://www.dzbatna.com/t2193430/)
اليوم اتي لكم بشرح طريقة حصري لمنتديات معاذ بحر
وهو كيفية التنقل بين الصفحات بدون تحديث update الصفحة
لتحميل كافة الملفات من المرفقات او من هنا
منتديات معاذ بحر (http://www.gulfup.com/?xZyHzc)
نضع بين ايديكم مثال على عمل الكود code من هنا
ط§ظ„طھظ†ظ‚ظ„ ط¨ظٹظ† ط§ظ„طµظپط*ط§طھ ط¨ط¯ظˆظ† طھط*ط¯ظٹط« ط§ظ„طµظپط*ط© ط´ط±ط* ط*طµط±ظٹ ظ„ظ…ظ†طھط¯ظٹط§طھ ظ…ط¹ط§ط° ط¨ط*ط± (http://maaz-b.forummi.com/h4-page)
تابعوا الشرح طريقة
اولا نبدا في انشاء ترميز للصفحة (خطوة غير اجبارية (اختيارية)) عبر وضع هذا الكود code في منطقة ال head
رمز Code:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
نبدأ بجلب ملفات الجافا سكريبت script وربطها بالصفحة نقو بوضع الكود code في منطقة ال head
عن طريق هذا الكود code
رمز Code:
<script src="jquery-1.8.2.min.js"></script> <script src="jquery.swipeplanes-1.2.min.js"></script>
الان نقوم ب وضع هذا الكود code وهو جافا ونضعه في منطقة ال head
رمز Code:
<script> $(document).ready(function(){ $('.myslider1').swipePlanes(); $('.myslider2').swipePlanes(); }); </script>
الان مقوم بوضع اكواد السي اس اس في منطقة ال head او يمكنك وضعها في ملف سي اس اس منفصل
لكن عند وضعها في ملف سي اس اس منفصل يجب الحرص على ربط ال ملف في الصفحة عن طريق هذا الكود code مع التعديلات اللازمة
رمز Code:
<link rel="stylesheet" href="مسار ملف السي اس اس" type="text/css" media="screen" />
وعند وضعها في الصفحة نفسها نقوم بوضع هذا المكود code في منطقة ال head
رمز Code:
<style> .myslider1{ width: 500px; height: 150px; border: 1px solid #CCC; } .slide1{ width: 200px; height: 150px; background: #E8E8E8; } .myslider2{ width: 500px; height: 250px; border: 1px solid #CCC; } .slide2{ width: 500px; height: 250px; background: #E8E8E8; } </style>
الان انتهينا من منطقة ال head
الان نبدا في منقطة ال body
اذا تريد ان تجعل منطقة التنقل صغيرة استعمل هذا الكود code
نقوم باستبدال Slide 1 الى المحتوى الذي تريد وضعهة في الشريحة الاولى او الصفحة الاولى و Slide 2 الصفحة الثانية وهكذا
رمز Code:
<div class="myslider1"> <div> <div class="slide1">Slide 1</div> <div class="slide1">Slide 2</div> <div class="slide1">Slide 3</div> <div class="slide1">Slide 4</div> </div> </div>
وهذه صور لعمل للكود code
http://im13.gulfup.com/C7Df1.png
الان اذا تريد ان تكون المنطقة كبيرة نستعمل هذا الكود code
رمز Code:
<div class="myslider2"> <div> <div class="slide2">Slide 1</div> <div class="slide2">Slide 2</div> <div class="slide2">Slide 3</div> <div class="slide2">Slide 4</div> </div> </div>
وهذه صورة لعمل الكود code
http://im13.gulfup.com/qufO1.png
كود code الصفحة كاملة
رمز Code:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="jquery-1.8.2.min.js"></script> <script src="jquery.swipeplanes-1.2.min.js"></script> <title>التنقل بين الصفحات بدون تحديث update الصفحة شرح طريقة حصري لمنتديات معاذ بحر</title> <script> $(document).ready(function(){ $('.myslider1').swipePlanes(); $('.myslider2').swipePlanes(); }); </script> <style> .myslider1{ width: 500px; height: 150px; border: 1px solid #CCC; } .slide1{ width: 200px; height: 150px; background: #E8E8E8; } .myslider2{ width: 500px; height: 250px; border: 1px solid #CCC; } .slide2{ width: 500px; height: 250px; background: #E8E8E8; } </style> </head> <body> <h4>:::صغير :::جميع الحقوق محفوظة لمنتديات معاذ بحر:::</h4> <div class="myslider1"> <div> <div class="slide1">Slide 1</div> <div class="slide1">Slide 2</div> <div class="slide1">Slide 3</div> <div class="slide1">Slide 4</div> </div> </div> <h4>:::كبير :::جميع الحقوق محفوظة لمنتديات معاذ بحر:::</h4> <div class="myslider2"> <div> <div class="slide2">Slide 1</div> <div class="slide2">Slide 2</div> <div class="slide2">Slide 3</div> <div class="slide2">Slide 4</div> </div> </div> </body> </html>
انتهينا وارجوا ان تستفيدوا من هذا الشرح طريقة
منقول من التنقل بين الصفحات بدون تحديث update الصفحة حصريا لمنتديات معاذ بحر (http://maaz-b.forummi.com/t1471-topic)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif منتديات معاذ بحر.zip (http://www.traidnt.net/vb/attachments/674423d1353438132-منتديات-معاذ-بحر.zip) (36.1 كيلوبايت, عدد مرات المشاهدة 65 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
اليوم اتي لكم بشرح طريقة حصري لمنتديات معاذ بحر
وهو كيفية التنقل بين الصفحات بدون تحديث update الصفحة
لتحميل كافة الملفات من المرفقات او من هنا
منتديات معاذ بحر (http://www.gulfup.com/?xZyHzc)
نضع بين ايديكم مثال على عمل الكود code من هنا
ط§ظ„طھظ†ظ‚ظ„ ط¨ظٹظ† ط§ظ„طµظپط*ط§طھ ط¨ط¯ظˆظ† طھط*ط¯ظٹط« ط§ظ„طµظپط*ط© ط´ط±ط* ط*طµط±ظٹ ظ„ظ…ظ†طھط¯ظٹط§طھ ظ…ط¹ط§ط° ط¨ط*ط± (http://maaz-b.forummi.com/h4-page)
تابعوا الشرح طريقة
اولا نبدا في انشاء ترميز للصفحة (خطوة غير اجبارية (اختيارية)) عبر وضع هذا الكود code في منطقة ال head
رمز Code:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
نبدأ بجلب ملفات الجافا سكريبت script وربطها بالصفحة نقو بوضع الكود code في منطقة ال head
عن طريق هذا الكود code
رمز Code:
<script src="jquery-1.8.2.min.js"></script> <script src="jquery.swipeplanes-1.2.min.js"></script>
الان نقوم ب وضع هذا الكود code وهو جافا ونضعه في منطقة ال head
رمز Code:
<script> $(document).ready(function(){ $('.myslider1').swipePlanes(); $('.myslider2').swipePlanes(); }); </script>
الان مقوم بوضع اكواد السي اس اس في منطقة ال head او يمكنك وضعها في ملف سي اس اس منفصل
لكن عند وضعها في ملف سي اس اس منفصل يجب الحرص على ربط ال ملف في الصفحة عن طريق هذا الكود code مع التعديلات اللازمة
رمز Code:
<link rel="stylesheet" href="مسار ملف السي اس اس" type="text/css" media="screen" />
وعند وضعها في الصفحة نفسها نقوم بوضع هذا المكود code في منطقة ال head
رمز Code:
<style> .myslider1{ width: 500px; height: 150px; border: 1px solid #CCC; } .slide1{ width: 200px; height: 150px; background: #E8E8E8; } .myslider2{ width: 500px; height: 250px; border: 1px solid #CCC; } .slide2{ width: 500px; height: 250px; background: #E8E8E8; } </style>
الان انتهينا من منطقة ال head
الان نبدا في منقطة ال body
اذا تريد ان تجعل منطقة التنقل صغيرة استعمل هذا الكود code
نقوم باستبدال Slide 1 الى المحتوى الذي تريد وضعهة في الشريحة الاولى او الصفحة الاولى و Slide 2 الصفحة الثانية وهكذا
رمز Code:
<div class="myslider1"> <div> <div class="slide1">Slide 1</div> <div class="slide1">Slide 2</div> <div class="slide1">Slide 3</div> <div class="slide1">Slide 4</div> </div> </div>
وهذه صور لعمل للكود code
http://im13.gulfup.com/C7Df1.png
الان اذا تريد ان تكون المنطقة كبيرة نستعمل هذا الكود code
رمز Code:
<div class="myslider2"> <div> <div class="slide2">Slide 1</div> <div class="slide2">Slide 2</div> <div class="slide2">Slide 3</div> <div class="slide2">Slide 4</div> </div> </div>
وهذه صورة لعمل الكود code
http://im13.gulfup.com/qufO1.png
كود code الصفحة كاملة
رمز Code:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="jquery-1.8.2.min.js"></script> <script src="jquery.swipeplanes-1.2.min.js"></script> <title>التنقل بين الصفحات بدون تحديث update الصفحة شرح طريقة حصري لمنتديات معاذ بحر</title> <script> $(document).ready(function(){ $('.myslider1').swipePlanes(); $('.myslider2').swipePlanes(); }); </script> <style> .myslider1{ width: 500px; height: 150px; border: 1px solid #CCC; } .slide1{ width: 200px; height: 150px; background: #E8E8E8; } .myslider2{ width: 500px; height: 250px; border: 1px solid #CCC; } .slide2{ width: 500px; height: 250px; background: #E8E8E8; } </style> </head> <body> <h4>:::صغير :::جميع الحقوق محفوظة لمنتديات معاذ بحر:::</h4> <div class="myslider1"> <div> <div class="slide1">Slide 1</div> <div class="slide1">Slide 2</div> <div class="slide1">Slide 3</div> <div class="slide1">Slide 4</div> </div> </div> <h4>:::كبير :::جميع الحقوق محفوظة لمنتديات معاذ بحر:::</h4> <div class="myslider2"> <div> <div class="slide2">Slide 1</div> <div class="slide2">Slide 2</div> <div class="slide2">Slide 3</div> <div class="slide2">Slide 4</div> </div> </div> </body> </html>
انتهينا وارجوا ان تستفيدوا من هذا الشرح طريقة
منقول من التنقل بين الصفحات بدون تحديث update الصفحة حصريا لمنتديات معاذ بحر (http://maaz-b.forummi.com/t1471-topic)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif منتديات معاذ بحر.zip (http://www.traidnt.net/vb/attachments/674423d1353438132-منتديات-معاذ-بحر.zip) (36.1 كيلوبايت, عدد مرات المشاهدة 65 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
