الويب العربي - طريقة وضع الفيديو بالواجهة بجانب الاخبار المثبتة

الويب العربي (http://www.arabwebtalk.com/index.php)

- نسخة ديموفنف 3 (http://www.arabwebtalk.com/forumdisplay.php?f=151)

طريقة وضع الفيديو بالواجهة بجانب الاخبار المثبتة

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

اخواني ادري انها كثرت طلباتي ولكن كلي عشم فيكم يامبدعين

اضافة ايضا الجميع يستفيد من زوار واعضاء

لان السكربت مهمل من مصدره والدعم الفني للمصمم مغيب تغييب نهائي وقبل فترة كنت مصمم

اني اغير الى جوملا او وورد برس او اي سكربت ولكن بوجود الاخوان المبدعين الله يجزاهم الخير

امثال الاخ المتميز "التليدي" بمساعدتنا قدرت اني اعدل اشياء كثيرة وان استمر بديمنوفف

اسف على الاطاله ولكن للتوضيح ياغاليين
-----------------------

الطلب لو تكرمتوا موجود له صورة بالمرفقات وهو طريقة وضع جديد الفيديو بالصفحة الرئيسية وبقرب الاخبار المثبته

وهل في امكانية اني اضيف الفيديو من نفس قسم الفيديو ويظهر بالصفحة الرئيسية بنفس الطريقة الي موجوده بالصورة لاهنتوا

صحيفة المستشار

اخي عماد موقعك ممتااز

لكن ياليت تشيل عن موقعك صور النساء وبعض الصور التي فيها تعري

إقتباس:

اقتباس من مشاركة مهاجر1 (المشاركة 791272)

اخي عماد موقعك ممتااز

لكن ياليت تشيل عن موقعك صور النساء وبعض الصور التي فيها تعري

نفس الكلام أقوله لك ياصديقي .

أما بالنسبة للفيديو فأشرحه لاحقاً لأن مشغول هاليومين . وتعبان شوية بالغصب أكتب .

إقتباس:

اقتباس من مشاركة مهاجر1 (المشاركة 791272)

اخي عماد موقعك ممتااز

لكن ياليت تشيل عن موقعك صور النساء وبعض الصور التي فيها تعري

إقتباس:

اقتباس من مشاركة altaledi (المشاركة 791341)

نفس الكلام أقوله لك ياصديقي .

أما بالنسبة للفيديو فأشرحه لاحقاً لأن مشغول هاليومين . وتعبان شوية بالغصب أكتب .

الله يجزاكم الخير ياغاليين وشهادتكم بالموقع اعتز فيها ياذوق

والفضل لله ومن ثم لجهودكم بالويب العربي وبالذات اخوي التليدي الي مابخل علي بالمساعدة بكثير من المواضيع التي طرحتها كان دائما السباق للاجابة على استفساراتي

الله يوفقكم ويسعدكم

نفس السؤال حبايبي

ظهار برس

معلش طلعت الموضوع مره ثانية لفوق بس الحين تغيير المكان الي ابي اعرض فيه الفيديو بكون فوق المقالات وتحت الاخبار الهامة

المستشار

في الانتظار ....

السلام عليكم

بالامكان الاستفاده من القوالب وخاصة القالب الوسط..( centerblocks) والموجود في قالب الكونتينت (ccontent)

وهذا هو الكود بعد استخراجه من القالب وحذفه منه

كود:





<!-- START BLOCK : centerblocks -->

<!-- START BLOCK : centerblockhead -->

<div class="module-title-green">{title}</div>

<!-- END BLOCK : centerblockhead -->

<!-- START BLOCK : centerblockheadpic -->

<img class="img" src="contents/block/{pic}" />

<!-- END BLOCK : centerblockheadpic -->

<div id="contents-green">

{cont}

</div>

<br />

<!-- END BLOCK : centerblocks -->

ونضيف لها الكود التالي لكي تكون داخل جدول ومنسقه

كود:



<td valign="top" width="40%">

&nbsp;</td>

</tr>

</table>

ليكون الكود الجاهز لاضافته داخل قالب الاندكس

كود:

<td valign="top" width="40%">

<!-- START BLOCK : centerblocks -->

<!-- START BLOCK : centerblockhead -->

<div class="module-title-green">{title}</div>

<!-- END BLOCK : centerblockhead -->

<!-- START BLOCK : centerblockheadpic -->

<img class="img" src="contents/block/{pic}" />

<!-- END BLOCK : centerblockheadpic -->

<div id="contents-green">

{cont}

</div>

<br />

<!-- END BLOCK : centerblocks -->

</td>

</tr>

</table>

ثم نذهب الى قالب الاندكس ( index.htm )

ونحذف التالي>>

كود:



<!-- START BLOCK : importantnews -->

<script type="text/javascript">

$(function() {

        $(".importantnews").jCarouselLite({

                vertical: true,

                hoverPause:true,

                visible: 3,

                auto:3000,

                speed:500,

                btnNext: ".nextimp",

                btnPrev: ".previmp",                

                circular: true,

                mouseWheel: true

        });

});

</script>

<td valign="top" width="40%">

<div class="module-title">{phrase_important_news}</div>

<div id="contents">

<div id="importantnews">

<div class="importantnews">

<ul>

<!-- START BLOCK : impnews -->

<li>

<div class="largfont">

<span style='float:{lang_left};margin-{lang_right}:2px;padding-top:0px'>{picture}</span>

<b>{caption}</b>

</div>

</li>

<!-- END BLOCK : impnews -->

</ul>

</div>

<div align="center">

<input type="image" src="{img_dir}/buttons/up.png" class="previmp" title="{phrase_prev}" />

<input type="image" src="{img_dir}/buttons/down.png" class="nextimp" title="{phrase_next}" />

</div>

</div>

</div>

</td>

<!-- END BLOCK : importantnews -->

ونضع مكانه الكود السابق

ليظهر بالشكل التالي بعد حفظه

** طبعا لاضافة مقطع الفيدو تذهب الى النماذج والقوالب اضافة قالب جديد ثم تضع كود الفيدو من اليوتويب وتختار مقاس العرض المناسب (مثال 300*300) وانت حر

وتختار عرضه بالمنتصف

ان شاء الله يكون الشرح واضح

بالتوفـــــــــــــــــــ ـــــــــــــــيق

شوف اخوي محلولة لخدمات الويب

سويت نفس ماقلته

لكن شوف كيف صار

اصدقائي :

اولاً :- الفيديو او الصورة الظاهره هي من موقع صحيفة تابع الإلكترونية .

والطريقة هي كالآتي :-

الكود المستخدم للفيديو هو كود رسالة الترحيب وهو الكود التالي :-

كود:

<!-- START BLOCK : welc_msg -->

<div class="module-title">{phrase_welc_msg}</div>

<div id="contents" class="justify">{welc_msg}</div>

<br/>

<!-- END BLOCK : welc_msg -->

من خلال الإستايلات والقوالب > الإستايلات > استعراض

ثم في قالب index.htm يتم التعديل على كل شيء .

هذا الكود جاهز للإستخدام .

كود:

<!-- INCLUDE BLOCK : header -->

<script type="text/javascript" src="{script_url}/scripts/news.js"></script>

<table width="100%" valign="top">

<tr>

<td rowspan="2" valign="top" width="{style_menuwidth}">

<!-- INCLUDE BLOCK : menucontent -->

</td>

<td width="100%" colspan="2" valign="top" height="1">

<table width="100%" height="1">

<tr>

<td valign="top" width="60%">

<!-- START BLOCK : stickynews -->        

<script type="text/javascript">

$(function() {

        $(".stickednews").jCarouselLite({

                vertical: true,

                hoverPause:true,

                visible: 1,

                auto:5000,

                speed:1000,

                btnNext: ".next",

                btnPrev: ".prev",

//                easing: "bounceout", //uncomment to enable

//                circular: false, //uncomment to stop looping at the end

                mouseWheel: true

        });

});

</script>

<div class="module-title">{phrase_head_news}</div>        

<div id="contents">

<div id="stickednews">

<div class="stickednews">

<ul>

<!-- START BLOCK : stknews -->

<li>

<div>{secondcaption}</div>

<div class="largfont">

<b>{caption}</b></div>

<div class="justify">

<span style='float:{lang_left};margin-{lang_right}:2px;'>{picture}{picdesc}</span>

<div class="time">{date}</div>

<span class="alert">{source}</span>

{text}

</div>

<br />

<div class="smallfont">

<span style='float:{lang_right};'>{readmore}&nbsp;</span>

<img src="{img_dir}/buttons/comments.gif" alt="{phrase_comments}" title="{phrase_comments}" />  {comnum}   |   <img src="{img_dir}/buttons/emailed.gif" alt="{phrase_emailed}" title="{phrase_emailed}" />  {greet}   |   <img src="{img_dir}/buttons/views.gif" alt="{phrase_views}" title="{phrase_views}" />  {views}

</div>

</li>

<!-- END BLOCK : stknews -->

</ul>

</div>

<input type="submit" class="prev" value="{phrase_prev}" />

<input type="submit" class="next" value="{phrase_next}" />

</div>

</div>

<!-- END BLOCK : stickynews -->

</td>

<!-- START BLOCK : welc_msg -->

<script type="text/javascript">

$(function() {

        $(".importantnews").jCarouselLite({

                vertical: true,

                hoverPause:true,

                visible: 3,

                auto:3000,

                speed:500,

                btnNext: ".nextimp",

                btnPrev: ".previmp",                

                circular: true,

                mouseWheel: true

        });

});

</script>

<td valign="top" width="40%">



<div class="module-title">{phrase_welc_msg}</div>

<div id="contents" class="justify">{welc_msg}</div>

</td>

<!-- END BLOCK : welc_msg -->

</tr>

</table>

<!-- START BLOCK : stickydownloads -->

<br/>

<table width="100%">

<tr>

<td valign="top" width="100%">



<div class="module-title" style="margin-top:-1px;">{phrase_featured_downloads}</div>        

<!-- START BLOCK : stkdownloads -->

<div id="contents">

<div>

<div class="darkcontent xsmallfont"><span style='float:{lang_right};'>{date} </span><span style="cursor:{cursor};" title="{name}" onclick="window.location.href='{catlink}'">{name}</span></div>

<span style='float:{lang_right};margin-{lang_left}:2px;'><img alt="{alt}" src="contents/downloadsth/{id}.{ext}" /></span>

<span class="largfont"><b>{caption}</b></span> {updated}<br />

<img alt="" src="{img_dir}/arrow.gif" /> <span class="alert">{phrase_description} :</span> {shortdesc} 



<!-- START BLOCK : stkdownloadsincl -->

<div class="smallfont">

<img alt="" src="{img_dir}/arrow.gif" /> <span class="alert">{field} :</span> {data}

</div>

<!-- END BLOCK : stkdownloadsincl -->

<br />

<div class="smallfont">

<span style='float:{lang_right};'>{readmore}&nbsp;</span>

<img src="{img_dir}/buttons/comments.gif" alt="{phrase_comments}" title="{phrase_comments}" />  {comnum}   |   <img src="{img_dir}/buttons/emailed.gif" alt="{phrase_emailed}" title="{phrase_emailed}" />  {greet}   |   <img src="{img_dir}/buttons/views.gif" alt="{phrase_views}" title="{phrase_views}" />  {views}   |   <img src="{img_dir}/buttons/downloads.gif" alt="{phrase_downloaded}" title="{phrase_downloaded}" />  {downloads}

</div>

</div>

</div>

<!-- END BLOCK : stkdownloads -->

</td>

</tr>

</table>

<!-- END BLOCK : stickydownloads -->

<!-- START BLOCK : bodybanners -->

<br/>

<table width="100%" align="center" cellpadding="1">

<tr>

<!-- START BLOCK : bodybanner -->

<td align="center"{colspan}>{banner}</td>

{tr}

<!-- END BLOCK : bodybanner -->

</tr>

</table>

<!-- END BLOCK : bodybanners -->

</td>

</tr>

<tr>

<td valign="top" width="{style_cwidth}">

<!-- INCLUDE BLOCK : ccontent -->

</td>

<td valign="top" width="{style_servwidth}">

<!-- INCLUDE BLOCK : servcontent -->

</td>

</tr>

</table>

<!-- INCLUDE BLOCK : footer -->

ولإضافة الفيديو يتم أخذ كود التضمين من اليوتيوب ثم لصقة في خانة رسالة الترحيب .

تحياتي .

اخوي التليدي ياليت توضح هل تقصد الكود الأول استبدله بالكود الثاني ؟؟؟

وياليت ايضاً توضح كيف اضيف الفيديو في الترحيب ؟؟

ولك خالص الشكر والتقدير

اخوي التليـــــــــــدي

سويت اللي قلته بالتمام

لكن وين احصل قالب رسالة الترحيب ؟؟

دخلت على قوالب ماحصلت شيء ؟؟

ما عندي الا قالب حكم وأمثال و أوقات الصلاة والتقويم

إعدادت البرامج > إعدادت ديموفنف > خيارات التحكم الإضافية

اضف الكود في ( كلمة الموقع )

شوف اخوي التليدي ويش صار معي

وبرضه حطيت رابط اليوتوب كامل وما نفــــع

الله يعطيك العافية أخوي التليدي

أخوي فيصل انسخ الرابط من خانة التضمين ويضبط معك إن شاء الله

لكن أخوي التليدي صارت عندي مشكلة وهي اختفاء الكتب الهامة

أخوي التليدي حليت مشكلة الكتب

لكن المشكلة أخرى وهو أن حدود التصميم للاستايل تختفي من الفديو ومن الخبر المثبت

يا ليت تشيك هنا

http://www.alraidiah.com/main/index.php

وشاكر لك يا الغالي

ياليت تفهمني وين أحصل خانة التضمين ؟؟

إقتباس:

اقتباس من مشاركة خالد البلوشي (المشاركة 797070)

لازم أنك تقوم بتصغير العرض والإرتفاع

العرض هو مابعد كلمة : width
الإرتفاع هو مابعد كلمة : height

إقتباس:

اقتباس من مشاركة فيصل المدينة (المشاركة 797076)

ياليت تفهمني وين أحصل خانة التضمين ؟؟

التضمين كما بالصورة .. تضغط اولاً على كلمة مشاركة فتظهر لك خيارات احدها تضمين .. تضغط عليها يظهر لك الكود كما بالصورة .. تنسخ وتلصق في مكان كلمة الموقع .

طبعاً مع تعديل الإرتفاع والعرض ليتناسب مع موقعك .