| سؤال على السلايدر شو بالتمبيلات ارجو المساعدة | |
|
|
|
كاتب الموضوع | رسالة |
---|
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 15:26 | |
| حسنا اخوانى الاحباء انا الان اصبح لدى منتدى بالتمبيلات و الحمد لله و وكنت اريد ان اعرف كيف اركب سلايدر شو بالتمبيلات مثل اللى فى الفى بى من هذا الرابط من هنا السلايدر الذى اريدهارجو المساعدة فى اقرب وقت احبائى الكرام | |
|
| |
أمير المساعدة
عدد المساهمات : 2750 معدل النشاط : 8387 السُمعة : 127
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 15:55 | |
| | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 20:49 | |
| يا جماعة انا اريد ان اركب الكود اللى فى الرابط بالتمبيلات | |
|
| |
Power Lord animus
عدد المساهمات : 284 معدل النشاط : 4719 السُمعة : 13
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 21:34 | |
| وعليكم السلام
صديقى العزيز يمكنك وضع الكود فى التومبيلات ما فى مشاكل تماما
ميزة التوميلات اخى هى انك تقدر تتضع اية كود فى اية مكان فى المنتدى
تابع مواضيع الاخوة بالاعلى ويمكنك وضع سلايد شو احترافى رائع انشاء الله
| |
|
| |
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 23:19 | |
| | |
|
| |
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 23:27 | |
| تم ايجاد طريقة لعمل نفس السلايد
جاري عمل شرح بردي التالي | |
|
| |
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأحد 15 ديسمبر 2013 - 23:45 | |
| نبدأ على بركة الله قم بالدخول لوحة الادارة >> عناصر اضافية >> صفحات HTML تقوم بانشاء صفحة جديدة الاسم : ضع اي اسم هل تود استعمال أعلى و أسفل صفحة منتداك؟ : لا استعمال هذه الصفحة كصفحة رئيسية؟ : لا الان نروح لمنطقة وضع الكود تأكد من ان الزر اللي في الصورة التالية شغال مثل الصورة http://im40.gulfup.com/8EVZK.pngثم ضع هذا الكود - الكود:
-
<link rel="stylesheet" href="https://hal-slider.googlecode.com/svn/trunk/slider2/carousel.css"/> <script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.mousewheel.js"></script> <script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.carousel.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.carousel').carousel({carouselWidth:930, carouselHeight:240, frontWidth: 220,hMargin: 0.7, vMargin: 0.2, frontHeight: 220, buttonNav:'bullets', slidesPerScroll: 6, directionNav:true, shadow:true, autoplay: true, reflection:false }); }); </script> <div class="list-wrap"> <div id="atab"> <div class="carousel"> <div class="slides"> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide1.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide2.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide3.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide4.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide5.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide6.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide7.png" alt="" /></a></div> <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png" alt="" /></a></div> </div> </div> </div> </div> لتغيير الصور التي فيه ماعليك الا باستبدال روابط الصور الموجودة بالكود بالصور التي تريد مثال - اقتباس :
- <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png" alt="" /></a></div>
رابط الصورة - اقتباس :
- https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png
و اشارة # تضع مكانها الرابط الذي تريد ان تتوجه اليه عند الضغط على الصورة اتركه كما هو اذا لم ترد ذلك بعد التعديل قم بحفظ الصفحة ثم انسخ رابطها مثل الصورة http://im32.gulfup.com/kTPTH.pngوتحطو في هذا الكود - الكود:
-
<iframe src="ضع الرابط هنا" frameborder="0" style="width: 100%;height: 300px;"></iframe> ثم تاخذ الكود اللي وضعت بيه الرابط وتحطو في المكان الذي تريد مثلا في اخر قالب الهيدر بالتوفيق ♥ ♥ اي استفسار انا حاضر | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الإثنين 16 ديسمبر 2013 - 16:08 | |
| اخى اشكرك جزيل الشكر على عملك الرائع ما فى حد عمل اللى انت عملته حتى الان ماشاء الله عليك و لكن اريد منك ان تعاين الكود فى المنتدى بعد التركيب تم تركيبه فى الاعلانات الخاصة ممكن تقولى اذا كان بيتحرك ولا لا لانى انا بحركه بالماوس و ما بظن انه بيتحرك لوحده http://ahla.123.st/ | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الإثنين 16 ديسمبر 2013 - 17:55 | |
| ملاحظة اخرى اخى امير الكود لا يعمل على الفاير فوكس جيدا فهو يكون عمودى بدلا من افقى و فى الاكسبلور يكون اطار الصور باين انا سانتظر ردك | |
|
| |
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الإثنين 16 ديسمبر 2013 - 19:06 | |
| السلايدر يعمل بشكل جيد ويتحرك لكن للاسف كما لاحظت انت
فهو يعمل بشكل عادي على جوجل كروم فقط
انا قمت بتحويل الكود
لكن للاسف لم استطع جعله يعمل على كل المتصفحات | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:02 | |
| شكرا جزيلا لك اخى الحبيب طيب ممكن تحاول باى شىء تشغله على الاوبرا و الفايرفوكس كمان فقط دول بس ارجوك و انا بانتظارك | |
|
| |
MЯ11
عدد المساهمات : 655 معدل النشاط : 5073 السُمعة : 39
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:04 | |
| سلام عليكم رح احاول ان شآاء الله اذا لقييت حل رح ارسلك الكود | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:07 | |
| اشكرك جزيل الشكر اخى انا بانتظارك | |
|
| |
MЯ11
عدد المساهمات : 655 معدل النشاط : 5073 السُمعة : 39
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:13 | |
| لا لا يمكن تعدييل عزيزي على الكود لانه مصمم لنسخه punbb
قصدي الكود اللي ارفقه اخ امير
بسس اذا حولت رح يآخد مني وقت واذا بتنتضر رح ينفق كثيير وقت هل تحتاجه حآليا؟
| |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:17 | |
| اخى الحبيب الكود يعمل على النسخة الثانية واذا على الانتظار ممكن استنى لبكرة ما رايك | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:18 | |
| و يمكنك التاكد من الرابط اعلاه | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 19:20 | |
| | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الثلاثاء 17 ديسمبر 2013 - 22:47 | |
| | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأربعاء 18 ديسمبر 2013 - 16:38 | |
| اين انتم يا اخوانى المساعدون | |
|
| |
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأربعاء 18 ديسمبر 2013 - 16:48 | |
| مرحبا اخي خذ هذا الكود يوضع في تشكيلات او اعلانات خاصه - الكود:
-
< --- code prog by www.4egy.net ---> <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script> <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script> <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script> <style> .slideset { width: 960px; height: 167px; margin: auto; overflow: hidden; margin-bottom: 20px; position: relative; } .slideset .next { position: absolute; right: 0px; top: 72px; background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px; width: 18px; height: 21px; overflow: hidden; text-indent: -555px; } .slideset .prev { position: absolute; left: 0px; top: 72px; background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px; width: 18px; height: 21px; overflow: hidden; text-indent: -555px; } .slideset .slidesetCont { width: 905px; margin: auto; position: relative; background: #000; } .slidesetCont ul { float: right; width: 100%; } .slidesetCont ul > li { float: left; } .slidesetCont ul > li a { display: block; width: 200px; height: 145px; padding: 6px; overflow: hidden; background: #FFF; border: 1px #d2d2d2 solid; margin: 0 7px; } .slidesetCont ul > li a img { background: #EEE; width: 200px !important; height: 145px !important; display: block; } ul, li, ol { list-style: none; outline: 0px; } </style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a> <div class="slidesetCont"> <ul class="set1"> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> <li> <a href="#"> <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" /> </a> <!--image--> </li> </ul> </div> </div> <!--//slideset--> <! --- code prog by www.4egy.net ---> كود رهيب | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأربعاء 18 ديسمبر 2013 - 16:57 | |
| اخى الحبيب اشكرك جزيل الشكر لكن هذا السلايدر عندى انا اريد السلايدر اعلاه لاسباب اخرى | |
|
| |
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأربعاء 18 ديسمبر 2013 - 17:05 | |
| | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأربعاء 18 ديسمبر 2013 - 18:51 | |
| طيب يا اخى ما هذه هى المشكلة الان انه يعمل بشكل راسى فى الاكسبلور و الفاير فوكس و اوبرا وانا اريده افقى على كل المتصفحات وهو مبيشتغلش افقى غير على جوجل كروم فقط | |
|
| |
narouto
عدد المساهمات : 433 معدل النشاط : 4835 السُمعة : 2
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الأربعاء 18 ديسمبر 2013 - 22:49 | |
| اخوانى المساعدة لو سمحتم انا احتاج الكود | |
|
| |
cool amir
عدد المساهمات : 5631 معدل النشاط : 13170 السُمعة : 140
| موضوع: رد: سؤال على السلايدر شو بالتمبيلات ارجو المساعدة الخميس 19 ديسمبر 2013 - 20:59 | |
| للاسفف انا حاولت لكن ما لقيتلو حل | |
|
| |
| سؤال على السلايدر شو بالتمبيلات ارجو المساعدة | |
|