عدد مشاهدات الموضوع:
مرحبا اليوم سأقدم لكم إضافة جميلة جدا لمتستعمل من قبل في المدونات العربية وهي إضافة الفديوها في قائمة مسندلة بحيث لا تحجز حيز من مساحة الموضوع أو المقالة فيمكنك عرض 50 فيديو أو أكثر في قائمة مسندلة واحدة لا يتجاوز إرتفاعها 10 px وعند الضغط عليها تظهر لك عناوين الفيديوهات فبضغطك على أي عنوان سيظهر الفيديو المقصود ، الأدات هذه لا تعمل بشكل أتوماتيكي يجب عليك وضع العناوين و الروابط بنفسك والأداة مصممة بإستخدام الجافا سكريبت ;) والجميل أنني قمت بتحسين الأداة لتستطيع وضعها على جوانب المدونة أيضا بيحث أن حجمه يتناسب بشكل تلقائي بالمكان الذي تضعها فيه :D
أقدم لكم صور للأداة :
مثال حي للأداة: إضغط هنا
طريقة إستعمال، يمكننا إستعمال الأداة في أي مشاركة أو صفحة أو حتى بإضافة أداة الجافا سكريبت على جانب الصفحة أو في أي مكان، كل ما علينا هو نسخ الكود التالي :
2-قم بتغيير القيمة lOYBSSP64S4 في الكود بالقيمة التي سوف تجدها برابط الفيديو ،مثلا لو كان رابط الفيديو على هذا الشكل :
http://www.youtube.com/watch?v=lOYBSSP64S4 ,سوف تستبدلها بالقيمة الموجودة في آخر الرابط ،اي ما لون باللون البرتقالي
3-الجملة " إختر الفيديو المراد عرضه" هي عنوان القائمة المنسدلة ويمكنك تغييره بأي جملة أخرى تريد
أتمنى أن تنال إعجابكم ،دمتم في رعاية الله
طريقة إستعمال، يمكننا إستعمال الأداة في أي مشاركة أو صفحة أو حتى بإضافة أداة الجافا سكريبت على جانب الصفحة أو في أي مكان، كل ما علينا هو نسخ الكود التالي :
1-قم بتغيير عنوان الفيديو الذي سيظهر به في القائمة المنسدلة وذلك بتغيير العبارة "عنوان الفيديو"
<!--by-Ayoub Etmaiti- slide bar youtube --><script type="text/javascript">function MostrarVideo(idYouTube){var contenedor = document.getElementById('divInnerVideo');if(idYouTube == ""){contenedor.innerHTML = "";}else{var dimensiones = "width='420' height='315' frameborder='0'";var url = "http://www.youtube.com/embed/" + idYouTube;contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";}}</script><div style="margin:20px 0px;"><select id="sVideos" onchange="MostrarVideo(this.value);"><option value="" selected="selected">[إختر الفيديو المراد عرضه...]</option><option value="lOYBSSP64S4">عنوان الفيديو</option><option value="lOYBSSP64S4">-عنوان الفيديو-</option></select></div><div id="divInnerVideo"></div><!--by-Ayoub Etmaiti- slide bar youtube -->
2-قم بتغيير القيمة lOYBSSP64S4 في الكود بالقيمة التي سوف تجدها برابط الفيديو ،مثلا لو كان رابط الفيديو على هذا الشكل :
http://www.youtube.com/watch?v=lOYBSSP64S4 ,سوف تستبدلها بالقيمة الموجودة في آخر الرابط ،اي ما لون باللون البرتقالي
3-الجملة " إختر الفيديو المراد عرضه" هي عنوان القائمة المنسدلة ويمكنك تغييره بأي جملة أخرى تريد
أتمنى أن تنال إعجابكم ،دمتم في رعاية الله
شكرا لكم .
ردحذفجزاكم الله خيرا
شكرااا لك درس رائع
ردحذفمعهد أرباحي
www.arba7i.com
شكر جزيلا على الموضوع
ردحذفاستفدت منكم الكثير
التصميم الهادف
lawalo tchtahade
ردحذفشكرا لتعليقاتكم المشرفة ..
ردحذفازاي احطها في مشاركة مثلا
ردحذف@Sameh Galal
ردحذفتضع نموذج المشاراكات على html وتضع الكود عادي وبعد هذا تكمل كتابة المشاركة ;)
كود رائع جداً
ردحذفجزاكم الله خيراً
أخي الفاضل
ردحذفهل يمكن عمل كود مشابه ولكن لعرض ملفات صوتيه؟
أخي أيوب لقد أضفت قائمتين في صفحة واحده
ردحذفولكن القائمتين يظهر الفديو في نفس المكان
شاهد الصفحة
http://muslimcd.blogspot.com/p/blog-page_31.html
هل يمكن أن أجعل كل قائمة تعرض الفديو أسفل منها
تكون كل قائمة منفصلة عن الثانية؟
وجزاك الله خيراً
السلام عليكم ورحمة الله وبركاته
ردحذفيا جماعه انا معايه مشكله مع ادوات مشرفى المواقع انا محتاج حد من فرق العمل الخاص بمدونة ابو اياد او اى حد يقدر يساعدنى
اميلى : hoda_joker80@yahoo.com
صفحتى على الفيس بوك: http://www.facebook.com/Sa3idyModern
فى اسرع وقت بارك الله فيكم
@A.M.A.M.S
ردحذفمادامت الأداتين في نفس الصفحة غير ممكن
@мαнмσυ∂-eℓѕσнαgу
ردحذفأخي راسلني http://www.facebook.com/CAyoubEtmaiti
وإشرح لي بالتفصيل
بالتوفيق انشاء الله...
ردحذفZODUZ
@ZODUZ
ردحذفأمين
ممتازه اخى الكريم وجارى التجربة
ردحذفرائع تسلم يمناك
ردحذف;))
ردحذف@Jehad Hussien
ردحذفإن شاء الله تفيدك
@ابو عبدالله اليمني
ردحذفالله يسلمك شرفتني
شكرا لكم .
ردحذفجزاكم الله خيرا ..
ردحذفجزاكم الله خيرا
حائط لعرض ومشاركة الصور مدير موقع
جزاكم الله خيرا
ردحذفحائط لعرض ومشاركة الصور مدير موقع
شكرا لكم
ردحذفممكن كود اضافه فيديو بالمدونه في احد الصفحات ..
thank you
ردحذفمدير موقع مؤسسة التنظيف الدوليه
ردحذفجزاكم الله خيرا"
شركه تنظيف