ملتقى قبيلة حرب الرسمي - ( ع السريع ) خلفية للمواضيع والردود ومعلومات العضو بقالب الـ postbit

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

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

وهنا
(Losha) درس وضع صورة لخلفية بيانات العضو في لـpostbit_legacy الطريقه الصحيحه 100%

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

وما سنتعلمه الان هى طريقه تؤدى نفس الغرض ولكن عن طريق تعريف الـcss

ولمعلوماتك ان قالب [postbit_legacy] او [postbit] يعتمد في العرض على المتغيرات alt1 و alt2 فقط والتى بدورها تأخذ معلومات اللون والخط وغيرها من css الرئيسي للمنتدى والموجود بلوحه التحكم ..

حلو ....

الان سنصنع متغير css جديد من اجل الخلفية وسنسمية مثلاً ( bg_postbit )
وهو في أبسط حالاته يكون بالشكل التالي :

كود:

.bg_postbit {

        background-image: url(images/postbit/pat_postbit.gif);

}

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11692

ولكن يلزمة تحديد لاوضاع هذه الخلفية هل تريدها تتكرر او لا ، وضعها يمين او يسار فوق او تحت وهكذا ..
- إختر الان الصورة التى تريد ان تظهر مكررة فى معلومات العضو او في خلفية الموضوع ـ وانا اخترت للمثال هذه الصورة لوضعها بخلفية معلومات العضو ..

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11696

وهذه الصورة نريدها ان تتكرر بإستمرار لتغطي هذه المساحة ، لذا سيكون كود css بالشكل التالي ..

كود:

.bg_postbit {

        background-image: url(images/postbit/pat_postbit.gif);

        background-repeat: repeat;

        background-color: #D3E5FA;

}

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11697

لاحظ انى وضعت لون للخلفية مع الصورة ، وهذا اللون هو الذى يظهر ثم يختفي سريعا قبل تحميل صورة الخلفية لأول مرة ..

والنتيجة بالصورة التاليه ::

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11698

- ماذا او اردنا وضع علامة مائيه على خلفيه الموضوع كشعار للموقع او المنتدى او اى علامة مميزة لمنتداك ، الامر ايضا سهل مع تحديد الـ position وإضافته على كود الخلفيه ، ولكن بدون تكرار لها ...
- اختر صورة العلامة المائيه التى تريد ان تضعها بالخلفيه ولكن راعي ان تكون شفافة بدون خلفية ..

وانا أخترت هذه الصورة لوضعها بوسط خلفيه الموضوع

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11699

ونريدها الا تتكرر ، ولكن ان تبقي ثابته بالوسط وتتغير تلقائياً على حسب طول الموضوع
والكود سيكون بالشكل التالي ..

كود:

.bg_postbit {

        background-image: url(images/postbit/pat_postbit.gif);

        background-repeat: no-repeat;

        background-color: #FFFFFF;

        background-position: center center;

}

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11701

والنتيجة ستكون بالشكل التالي ::

http://www.traidnt.org/up/pic.php?u=2478Nc3GF&i=11700

وعن طريق هذا المتغير الجديد المضاف يمكننا ان نحدد خطوط خاصه تظهر فقط فى postbit وايضا اختيار شكل الروابط والوانها وطريقة عرض الصور وغيرها بشكل مستقل لا يتبع alt1 و alt2 ,بدلا من الطريقة الاعتيادية في برنامج الفرنت بيج التعيس ....

أخيراً ... كيف نُعَرّف هذه الامور بداخل قالب [postbit_legacy] ـ افتح القالب وابحث فيه عن ::
1- لتحديد الخلفية على معلومات العضو ابحث عن الكود التالي ..

كود:

<tr valign="top">

        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

                        

                        <div id="postmenu_$post[postid]">

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

وما نريد تغيره هو الكود المحدد بالأحمر الى اسم المتغير الجديد ( bg_postbit ) ـ ولاحظ جيدا مكان الكود وان لم تجده استعن بأوامر الشرط الموضحه ..

كذلك غيرها بالمكان التالي :

كود:

<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">

                $post[onlinestatus]

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

2- لتغير الكود بخلفيه الموضوع نبحث عن الكود بالمكان التالي وتغيرة الى المتغير الجديد ..

كود:

        <td class="alt1" id="td_post_$post[postid]" style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">

        </if>



                <if condition="$show['messageicon'] OR $post['title']">

تحيتي للجميع ،،