الويب العربي - شرح عمل عاجل كما في صحيفة الربوعة .

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

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

- - شرح عمل عاجل كما في صحيفة الربوعة . (http://www.arabwebtalk.com/showthread.php?t=154178)

شرح عمل عاجل كما في صحيفة الربوعة .

بسم الله الرحمن الرحيم .

السلام عليكم .

كما هو موضح في العنوان .. شرح عمل خبر عاجل كما في صحيفة الربوعة الإلكترونية .

الصورة

للمشاهدة على الطبيعة

http://www.alraboah.net/index.htm

أولاً :- سنستخدم كود أحداث خفيفة .

الطريقة :

- نذهب للإستايلات والقوالب > الإستايلات > إستعراض

- نختار التصميم من أمام الإستايل المطلوب .

- نذهب لقالب servcontent.htm

- نبحث عن الكود التالي

كود:

<!-- START BLOCK : newlighteventsbl -->

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

<div id="contents" class="justify">

<div id="lightevents" style="overflow:hidden;">

<!-- START BLOCK : newlightevents -->

<div>{newlightevents}</div>

<!-- END BLOCK : newlightevents -->        

</div>

</div>

<br />



<script type="text/javascript">

$(document).ready(function() {

$("#lightevents").rotator({ms : 10000, n:1, autoHeight:true});

});

</script>

<!-- END BLOCK : newlighteventsbl -->

نقوم بقص ( وليس نسخ ) الكود ثم نضغط تحرير

نفقتح المفكرة او الفرونت بيج ثم نقوم بلصق الكود

و شاهد الصورة التالية ... وركز قليلاً .

1- المحدد بالأحمر الأول وهو

كود:

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

نقوم بحذفه نهائياً .

2 المحدد بالأحمر الثاني وهو كلمة contents نقوم بإستبدالها بـ quiknews

ثم ننسخ الكود بالكامل الذي أصبح هكذا .

كود:

<!-- START BLOCK : newlighteventsbl -->

<div id="quiknews" class="justify">

<div id="lightevents" style="overflow:hidden;">

<!-- START BLOCK : newlightevents -->

<div>{newlightevents}</div>

<!-- END BLOCK : newlightevents -->        

</div>

</div>

<br />



<script type="text/javascript">

$(document).ready(function() {

$("#lightevents").rotator({ms : 10000, n:1, autoHeight:true});

});

</script>

<!-- END BLOCK : newlighteventsbl -->

ثم نذهب إلى قالب index.htm في الإستايل .

نلصق الكود في هذا المكان المحدد بالأبيض . والذي هو اسفل الكود

كود:

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

<!-- INCLUDE BLOCK : menucontent -->

</td>

ثم نضغط تحرير .

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

الآن نبدأ في ملف style.css

أولاً .. نقوم برف الصورة التالية إلى مجلد images في الإستايل المطلوب .

ثانياً : نذهب لملف style.css ثم نضيف الكود التالي إليه . وليكون في الآخر مثلاً .

كود:

#quiknews{

        background:#FFFFFF url('quicknews.png') no-repeat scroll right center;

        border:1px solid #FF0000;

        margin:0px;

        overflow:hidden;

        padding-right: 152px;

        padding-top: 10px;

        padding-bottom: 10px;

        color: #FF0000;

        font-size: 20px;

        font-family: 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;

        font-weight:bold;

        -webkit-border-radius:5px;

        -moz-border-radius:5px;

        -webkit-box-shadow: 0px 0px 5px #303030;

        -moz-box-shadow: 0px 0px 5px #303030;

        box-shadow: 0px 0px 5px #303030;

}

ثم نحفظ ونرفع الملف .. والصلاة والسلام على سيدنا محمد .

شكرا جزيلا لك

إقتباس:

اقتباس من مشاركة الويب جروب (المشاركة 787575)

شكرا جزيلا لك

العفو ......

مشكور على هذا الشرح الوافي
وتقبل خالص الود

يعطيك العافيه

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

إقتباس:

اقتباس من مشاركة الفنون (المشاركة 787676)

يعطيك العافيه

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

يتم الإضافة من :

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

ماتحس انك معدل على أحد إستايلاتنا ومطير الحقوق ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

بيض الله وجهك اخوي سلمان وكثر الله خيراً

إبداع متألق

وجهودك متميزة مشاء الله عليك

تراب في عين الحسود

بإنتظار استايل الاربوعة 2 الرسمي

اخوك البارقي

بارك الله فيك اخي التليدي ونسال الله ان يحفظ لك والديك

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

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

اخي التاليدي

الله يوفقك ويسعدك بعد التعديل لما اضيف خبر

تطلع لي الصفحة الرئيسية ملخبطة وراح ارفقلك الصور عشان تشوف لاهنت

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

إقتباس:

اقتباس من مشاركة عماد سعدالدين (المشاركة 787802)

صديقي العزيز : المشكلة قد يكون سببها التأطير لموديل أحداث خفيفه .

او خطأ ما في التركيب .

اي شخص لايعرف طريقة التركيب يستطيع التواصل معي لأقوم بتركيبه له مجاناً .

altaledi@yahoo.com

النص نازل عن المربع مالحل ؟

يرفع.................

والله انك مبدع ، الله يعطيك الف عافية
وكلي شوق لجديدك المتميز كعادته

شرح مميز عزيزي

بس ممكن تحدد لي مسار ملف style.css

انا استخدم برنامج filezilla

بحثت عن style.css في مجلد الستايل لكن ما حصلته للأسف

وين القاه؟

إقتباس:

اقتباس من مشاركة صحف اليوم (المشاركة 802403)

بحثت عن style.css في مجلد الستايل لكن ما حصلته للأسف

وين القاه؟

تجده داخل مجلد صور الاستايل images

يعطيك العافية

شاهدوه على صحيفة العيص

شكرا اخي altaledi

مبدع دائما

ننتظر من كل ما هو جديد

دمتم بسلام