منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

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

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» طلب كود مثل هذا
اليوم في 20:56 من طرف a.sat65

» مساعدة في تغير إسم المتجر
اليوم في 20:12 من طرف ahd allah

» لغة المنتدى
اليوم في 18:30 من طرف ahd allah

» الايقونة المخفية تظهر للجميع !!
اليوم في 18:28 من طرف الواجهة

» كيف أغير اسم المنتدى الرسمي
اليوم في 17:32 من طرف MiSho

» استفسار حول دخول المنتدي عبر الفبس بوك
اليوم في 17:31 من طرف ahd allah

» مقطع صوتي في منتداي
اليوم في 15:35 من طرف MiSho

» طريقة حذف كلمة الرتبة مع إبقاء الصورة
اليوم في 15:29 من طرف MiSho

» ياشباب ممكن اعرف
اليوم في 14:55 من طرف ahd allah

أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
Mr. Mido
 
muslmasan
 
a.sat65
 
DeLeTe
 
MiSho
 
JAR7
 
{عذآب}
 
mustafa ali
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

ممكن مساعد فى ايجاد الكود

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

ممكن مساعد فى ايجاد الكود

مُساهمة من طرف محمدكوكو في الأربعاء 6 يناير 2016 - 11:32

ممكن كود  المتحرك اعلى المنتدى  الى بيعرض   اخر الموضوعات   الكود  بيشمل  رابط الموضوع  ورابط  الصورة   واسم  الموضوع   ولكم  جزيل الشكل Arrow

محمدكوكو



ذكر
عدد المساهمات : 2
معدل النشاط : 266

http://almoshakes.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن مساعد فى ايجاد الكود

مُساهمة من طرف {عذآب} في الأربعاء 6 يناير 2016 - 13:09


{عذآب}
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 2904
معدل النشاط : 5986

https://www.youtube.com/watch?v=9y_yQlhXluk

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن مساعد فى ايجاد الكود

مُساهمة من طرف محمدكوكو في الأربعاء 6 يناير 2016 - 20:10

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

محمدكوكو



ذكر
عدد المساهمات : 2
معدل النشاط : 266

http://almoshakes.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن مساعد فى ايجاد الكود

مُساهمة من طرف {عذآب} في الخميس 7 يناير 2016 - 2:39

لم افهمك اخي جيداً Like a Star @ heaven
هل تقصد "سلايد شو" ابحث بقوقل في الصور عن سلايد شو ورد لي خبر اذا كنت تريد مثله
وهو يتبدل كل 5 ثواني تحددها انت :كود سلايد شو احترافى
, تابع الموضوع يوجد به 3 ردود كل رد يوجد به شرح ركز جيداً وستفهم ما يقوله
صممت لك حالياً كود حسب الى فهمته تفضل
الرمز:
<marquee direction="right">هنا ضع الصورة ورابط الموضوع</marquee>

{عذآب}
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 2904
معدل النشاط : 5986

https://www.youtube.com/watch?v=9y_yQlhXluk

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن مساعد فى ايجاد الكود

مُساهمة من طرف JAR7 في الخميس 7 يناير 2016 - 3:11

السلام عليكم ورحمة الله وبركاته

اولا لنتعرف عن معنى سلايدر شو

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

صورة لسلايدر



http://i61.tinypic.com/2q37s52.gif

الكود متميز وذو شاشة سهل التحكم له مؤثر بالتنقل للموضوع الثاني

الان للكود تفضلوا

الرمز:
<style type="text/css">


 #mcis {
  display: none;
 }

 #sliderFrame {
  position: relative;
  width: 600px;
  margin: 0 auto;
 border:5px solid #000;
 border-bottom:25px solid #000;
 background:#fff;
 border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
 margin-bottom:5px;
 }
 #slider img {
  position: absolute;
  border: none;
 display: none;
 }

 #slider {
  width: 600px;
  height: 218px;
  background: #fff url(https://lh4.googleusercontent.com/-k6J7L0AmqnE/UV7FswW-qsI/AAAAAAAABC0/iwjr-yjs8Tg/s39/cnmuslidlod.gif) no-repeat 50% 50%;
  position: relative;
  margin: 0 auto;
  box-shadow: 0px 1px 5px #999999;
 }

 #slider a.imgLink {
  z-index: 2;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
 }

 div.mc-caption-bg, div.mc-caption-bg2 {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 0;
  left: 0px;
  bottom: 0px;
  z-index: 3;
  overflow: hidden;
  font-size: 0;
 }

 div.mc-caption-bg {
  background-color: black;
 }

 div.mc-caption {
  font: bold 14px/20px Arial;
  color: #EEE;
  z-index: 4;
  padding: 10px 0;
  text-align: center;
 }

 div.mc-caption a {
  color: #FB0;
 }

 div.mc-caption a:hover {
  color: #DA0;
 }

 div.navBulletsWrapper {
  top:225px;
 background: none;
  position: relative;
  z-index: 5;
  cursor: pointer;
 }

 div.navBulletsWrapper div {
  width: 11px;
  height: 11px;
  background:transparent url(https://lh5.googleusercontent.com/-7NRCeJsVpFQ/UV7Fs6xP8RI/AAAAAAAABCw/REtO-oLoX7Q/s22/cnmu-sliddot.png) no-repeat 0 0;
  float: left;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 11px;
  _position: relative;
 }



 div.navBulletsWrapper div.active {
  background-position: 0 -11px;
 }

 #slider {
  transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
 }
  </style>

 <script src="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>

 <div id="sliderFrame">
                 <div id="slider">
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
 <a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
 </div></div>

شرح الكود

بالنسبة للرقم 600 هذا هو عرض السلايدر وهو متكرر لذا إن أردت ان تعدل عرض السلايد يجب ان تغير الرقم في كل المرات المتكرر فيها
الرقم 218 هو إرتفاع السلايد يمكنك تعديله لكن بنفس القدر الذي ستعدله به يجب ان تعدل به هذا الرقم أيضا 225 فإن قمت بالزيادة مثلا بنسبة 20 يجب أن تزيد الآخر 20 وإن قمت بالإنقاص نفس الشئ تنقص الآخر بنفس النسبة
أما هذا الكود #000 وهو متكرر مرتين هذا لون السلايد قم بتعديله باللون الذي يعجبك أكواد الألوان
أما هذا الكود <a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
هو كود الصور او الموضوعات قم بتكراره بحسب العدد الذي ستضيفه
ملاحظة حجم الصور يجب ان يكون بحجم العرض والإرتفاع الذي ستحدده
 فمثلا في الكود العرض محدد بـ 600 والإرتفاع 218
إذا الصورة ستكون بحجم 600x218

طريقة التركيب

يوضع الكود فى اى مكان يقبل HTML

عند النقل اذكر المصدر


عدل سابقا من قبل JAR7 في الخميس 7 يناير 2016 - 3:20 عدل 1 مرات

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2346
معدل النشاط : 3685

http://www.t3qnyiat.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن مساعد فى ايجاد الكود

مُساهمة من طرف {عذآب} في الخميس 7 يناير 2016 - 3:12

لا داعي للتكرار اختي
Cool

{عذآب}
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 2904
معدل النشاط : 5986

https://www.youtube.com/watch?v=9y_yQlhXluk

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن مساعد فى ايجاد الكود

مُساهمة من طرف JAR7 في الخميس 7 يناير 2016 - 3:23

الكود طويل لذا وضعته برد اخر
@JAR7 كتب:كود سلايدر احترافي بشكل انيق وبعدة صور

صورة السلايدر


http://i62.tinypic.com/fc08s9.gif




الكود



الرمز:
<style>
 #mcis { display: none;}
 #sliderFrame {
   background:#222;
   margin: 2px auto 20px;
   padding: 20px 20px 28px;
   position: relative;
   width: 620px;
 }
 #slider img {
  position: absolute;
  border: none;
 display: none;
 }
 #slider {
  width: 620px;
  height: 350px;
  background: #fff url(https://lh6.googleusercontent.com/-TghMlE2NjrY/U0ZhaCofIVI/AAAAAAAADuE/Y3WD45mnRDU/s32/preview.gif) no-repeat 50% 50%;
  position: relative;
  margin: 0 auto;
 }
 #slider a.imgLink {
  z-index: 2;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
 }
 div.mc-caption-bg, div.mc-caption-bg2 {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 0;
  left: 0px;
  bottom: 0px;
  z-index: 3;
  overflow: hidden;
  font-size: 0;
 }
 div.mc-caption-bg {background-color: black;}
 div.mc-caption {
   background: url("https://lh5.googleusercontent.com/-lafTQRfuog0/U0EsxD_XSMI/AAAAAAAADr4/16mJJ7Ssx_0/s28/backslide.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
   color: #EEEEEE;
   font: bold 15px/30px tahoma;
   padding: 10px 0;
   text-align: center;
   z-index: 4;
 }
 div.mc-caption a { color: #FB0;}
 div.mc-caption a:hover { color: #DA0;}
 div.navBulletsWrapper {
  top:350px;
 background: none;
  position: relative;
  z-index: 5;
  cursor: pointer;
 }
 div.navBulletsWrapper div{
 background:#ccc;
 cursor: pointer;
 float: right;
 height: 9px;
 margin-left: 1px;
 overflow: hidden;
 vertical-align: middle;
 width: 87px;
 }
 div.navBulletsWrapper div.active { background:#1980E6;}
 #slider {
  transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
 }
 </style>
 <script src="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>

 <div id="sliderFrame">
 <div id="slider">
 <a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
 <a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
 <a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
 <a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
 <a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
<a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
 </div></div>


شرح التعديل على السلايدر شو

الرقم  620 هو عرض السلايدر عدله في المرتين
الرقم 350 هو الإرتفاع عدله أيضاً في المرتين
هذا #1980E6 هو لون السلايدر النشط

الإستخدام


استبدل i# برابط الصورة بالمقاس المناسب الذي اخترته لعرض وارتفاع السلايدر
استبدل رمز # بالرابط الذي تريده ان يظهر عند الضغط على الصورة
اما كلمة عنوان الموضوع استبدلها بعنوان مناسب
انت لديك 7 سطور كل سطر يساوي صورة في السلايدر , يمكنك الحذف او يمكنك تكرار الكود دة
الرمز:
<a href="#"><img src="i#" alt="عنوان الموضوع"/></a>


 لتحصل على صور جديدة
في حالة الزيادة او النقصان شريط التنقل السفلي لن يكون مظهره مضبوط لذلك عدل الرقم 87
ان زدت الصور قم بتقليل الرقم حتى تصغر مساحة ازرار التنقل وتستوعب الصور الجديدة دون تشوه
اما ان قللت عدد الصور زد الرقم حتى تتسع الازرار وتكون بمظهر مناسب

طريقة التركيب

يوضع الكود فى اى مكان يقبل HTML


ذكر المصدر عند النقل

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2346
معدل النشاط : 3685

http://www.t3qnyiat.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى