| الدرس السابع | . إستكمال التأطير .

[فاصله]

السلآم عليكم ورحمة الله وبركاته
عودة من جديد لدروسنا
درس ثقيل دم شوي عن نفسي ما أحبه
بس انه ضروري ..
هو سهل ان شاء الله بس طويل حبتين ويبي له تركيز ..
كله : تأطير x تأطير


شد الاستايل : نقوم بشد الفراغ الموجود أعلى الاستايل ... – فوق الهيدر .





نطبق كما في الصور خطوة بخطوة ..
نذهب الى لوحة التحكم >>>> الاستايلات والقوالب >>>> التحكم بالاستايلات ..




في هذا المربع نحذف الكود الموجود







ونلصق هذا الكود :

margin : 0px 0px 0px 0px; 

padding: 0px;

ثم حفظ .نلاحظ بعد ذلك ان المساحه راحت وهذا هو المطلوب .

..............

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



نبدأ ..
نذهب الى لوحة التحكم >>>> الاستايلات والقوالب >>>> البحث في القوالب

نذهب الى ستايلنا كالعادة ..
نبحث في ستايلنا عن كلمة Forumhome نضغط مرتين عليها ..

للي نسو طريقة البحث تذكير !!




طبقوا كما في الصور التاليه ..


يفتح لنا القالب .. ونبحث في مكان البحث عن كلمة

 <!-- guest welcome message -->

وننسخ الجزء العلوي من الجدول وسطر تحت الكلمه اللي بحثنا عنها ونلصق الكود حقنا ..



بعد ذلك نبحث عن هذه الكلمه

 <!-- / guest welcome message -->

ننسخ الجزء السفلي .. ونسوي سطر جديد فوق الكلمه ونلصق كودنا



ثم حفظ ...
طبعا ماراح يبين الا اذا سجلتوا خروج ..

......

التأطير الثآني :
تأطير المتواجود الان واحصائيات المنتدى ..
نذهب الى لوحة التحكم >>>> الاستايلات والقوالب >>>> البحث في القوالب
نبحث عن Forumhome في ستايلنا ..
مرتين عليه
ثم نبحث عن

 <!-- what's going on box -->

ثم ننسخ الجزء العلوي ... سطر جديد تحت الكلمه .. ونلصق الجدول ...

- 1 : بحث عن الكلمه , 2: تطلع لنا مظلله بالازرق , 3: سطر جديد ونلصق كودنا -



2 | نبحث أيضا عن كلمة

 <!-- end what's going on box -->

فيه فوق الكلمه كود صغير ممهم نحذفه
ننسخ كودنا الجزء السفلي ...ونلصقه فوق الكلمه اللي بحثنا عنها ...




ثم حفظ ..



...

تأطير الاقسام الفرعية :

نذهب الى لوحة التحكم >>>> الاستايلات والقوالب >>>> البحث في القوالب
نبحث في ستايلنا عن
Forumdisplay



نبحث عن .

 <if condition="$show['forumslist']">

سطر جديد تحتها ونلصق الجزء العلوي من الجدول ..



..
نبحث أيضا في نفس القالب عن

$forumbits
 </table>

وسطر تحت الكلمه اللي بحثنا عنها ... ونلصق الجزء السفلي من الجدول ..
ثم حفظ ..




.........


تاطير مواضيع المنتدى ..
لوحة التحكم >> الاستايلات والقوالب >> البحث في القوالب .
نبحث في ستايلنا عن ..
Forumdisplay
نضغط مرتين عليه ويفتح لنا القالب كالعاده
نبحث أيضا عن

 <!-- / controls above thread list -->

سطر جديد تحتها ... ونلصق الجزء العلوي للجدول حقنا ...




نبحث أيضا عن

 <!-- controls below thread list -->

ثم حفظ ..

...

تأطير – المراقبين وخيارات العرض :

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

<!-- Active Users in this Forum (and sub-forums) and Moderators -->

سطر جديد فوقها ونلصق الجزء العلوي




ثم نبحث عن

<!-- End Active Users in this Forum (and sub-forums) and Moderators -->

سطر جديد تحتها ونلصق الجزء السفلي .. ثم حفظ

- التأطير السفلي نسيت أصوره لكن هو نفس الطريقه اللي يختلف بس انها تكون فوق او تحت الكلمه المطلوبه -



يتبع...|

[فاصله]

فصل المواضيع المثبته ..

لوحة التحكم >> الاستايلات والقوالب >>> البحث في القوالب .

نبحث في ستايلنا عن FORUMDISPLAY

دبل كلك ويفتح لنا القالب ..

ونبحث فيه

عن ..

  
<if condition="$show['threads']">  
  
    <!-- show threads -->  
  
    <tbody id="threadbits_forum_$foruminfo[forumid]">  
  
    <if condition="$show['stickies']">  
  
    $threadbits_sticky  
  
    </if>

– طبعا انسخوا السطر الاول بس ولصقوه في البحث عشان يطلع لكم على طول -



سطر جديد تحته ونضيف ...

<tr valign="top"><td class="thead" colspan="10" style="height: 15px;"></td></tr>

-عرض الخط الفاصل -

.....



تأطير الردود – متصل -

لوحة التحكم >> الاستايلات والقوالب >>> البحث في القوالب .

نبحث في ستايلنا عن

SHOWTHREAD








نضغط مرتين عليه ويفتح لنا القالب ..

نبحث كما تعودنا في القالب عن

<!-- toolbar -->

ننسخ الجزء العلوي من جدولنا ونسوي سطر جديد فوق الكلمه اللي بحثنا عنها ونلصق كودنا ..







2 | نبحث أيضا في نفس القالب عن :

<!-- controls below postbits -->

وسطر جديد فوق الكلمه ونلصق الجزء السفلي من الجدول .






ثم حفظ


....

[فاصله]

صور بعد التأطير :












الواجب :
تطبيق الدرس بالكامل + صورة واحدة فقط من التأطير ( اقسام فرعيه او خيارات العرض الخ ...) + صورة للخط الفاصل بين المواضيع المثبته .

الردود للمشتركين فقط





سؤال :

باقي درسين جدا سهله ودكم أدمجها مع بعض ونختم دورة التحدي
أو لآ ؟!!

[فاصله]

لااله الا الله محمد رسول الله

[goree]

::.

الله يسعدك فصووو

منووووووووره

واشتقنا للدروس وللدورة والله


درس رآئع بس عويص شوي

يبي له وقت للتطبيق ..

بأطبقه ان شاء الله بأقرب وقت ..


تحمست لما شفت الشكل اخر شيء
طآلع شكله حلوووووووووووو

تسلميييييييين يآبعدي


::

[فاصله]

أوك ..
بانتظار تطبيقك وكل المشاركين
أهم شي التركيز ..

[srab]

ضبطت المسافه العلويه للهيدر

لكن اول مشكله واجهتني عدم وجود <!-- guest welcome message --> في البحث

فيه كلمه بديله بنفس المعنى

يمكن الاصدارات تختلف

[فاصله]

ايش الاصدار اللي حملتيه ؟!!
اذا نفس اللي أنا حاطته .. فهو نفس اللي أشتغل عليه ...

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


جربي تبحثين عن بدايتها بس .. وتأكدي بعد انك تبحثين في القالب المطلوب ..

مثل
<!-- guest

[goree]

::.


طبقته يا حلوه من زمان

بس قلت اكمل الدرس الاخير

وانزلهم كلهم ..


تفضلي ياقلبي







وهنا بعد



فصوووو

نسيت اصور الخط الفاصل قبل التزيين
فـ صورته لك عقب ماخلصت المنتدى ..


و ربي يسعدك



::

[فاصله]

جوري
تطبيقك ممتاز ماشاء الله وكامل ..
- عادي أنا ابيه بعد الشغل مو لآزم قبل -