[شرح] خلفية للمواضيع والمشاركات بشكل واضح

alshrqy

عضو جديد
5 يوليو 2009
10
0
0
السلام عليكم ورحمة الله وبركاته

أسعد الله ايامكم بكل خير :)

يسأل البعض عن كيفية وضع صورة كخلفية مائية للمواضيع .. مــثال :

bb6cd32cf70786da4386770665a734da.gif



تلاحظ صورة عبارة ( صمان )


كيف يمكننا عملها بصورة احترافية !!؟؟

الطريقة كالتالي :

أولا : يجب ان تعلم ان العمل يتم عن طريق وضع أمر Css في خيارات الاستايل المراد التعديل على المواضيع والمشاركات .

ثانيا : يتم تعديل قالب postbit و قالب postbit_legacy


نبدأ بالخطوة الأولى وهي وضع أمر Css في تعاريف المنتدى .. الأمر كالتالي :

PHP:
.alshrqy {
background-color: #F7F7F7;
background-image: url(هنا مســـار الصورة التي تريد وضعها);
background-repeat: no-repeat;
background-position: top left;


شرح مبسط لهذا الأمر :

كود :

PHP:
background-color: #F7F7F7;

هنا تضع كود لون الخلفية التي تريد ان تكون .

كود :

PHP:
background-image: url(هنا مســـار الصورة التي تريد وضعها);

قم بوضع مسار الصورة حسب المكان الذي قمت برفعها فيه بالسي بانل .

كود :

PHP:
background-repeat: no-repeat;

هذا أمر يتم اعطاءه للصورة لكي لا تتكرر وتكون صورة واحدة فقط للخفية .

في حال رغبتك بتكرار الصورة بجميع الخلفية ضع أمر : repeat

كود :

PHP:
background-position: top left;

هنا أمر بوضع الصورة اعلى يسار المواضيع المشاركات كما بالمثال أعلاه .

في حال رغبتك بتوسيط الصورة ضع الأمر : top center

في حال رغبتك بوضعها اعلى يمين المواضيع والمشاركات تضع الأمر : top right

هنا انتهينا من تعاريف الــ Css وتعرفنا على ماهية هذا الكود وكيفية عمله والتعديل عليه :)


اتوقع الآن انك قمت بتعديل الكود وتعديل مسار الصورة ولون الخلفية حسب ما ترغب .. والكود جاهز ..


إذن لننتقل للخطوة الثانية وهي التعديل على قالب البوست :


لدينا قالبين وهما postbit و قالب postbit_legacy

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

PHP:
alt1


ونستبدله بــــ :

PHP:
alshrqy


ونعمل حفظ !

ان نتيجة عملك ونجاحه يعتمد على فهمك لهذا الشرح وتطبيقك له بصورة سليمة 100%

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


أتمنى أنني وضحت لكم هذه الطريقة بصورة موسعة .. وهي سهلة


لا تنسونا من صالح الدعاء

أخوكم أبو ناصر
مصدر الشرح : http://www.alshrqy.com/vb/showthread.php?t=15291
 

essaber4

عضو جديد
27 مايو 2010
266
2
0
www.ahlsahra.com
نبدأ بالخطوة الأولى وهي وضع أمر Css في تعاريف المنتدى .. الأمر كالتالي :

هل يوضع
تعاريف CSS الإضافية/Additional CSS Definition

اين بالضبط

مشكورين مسبقا
 

Aljawal 5555

عضو جديد
1 مارس 2009
44
0
0
www.alm6wer.com
اشكرك اخي ابوناصر ع الشرح الجميل
ولي تعقيب على بعض النقاط اذا سمحت لي
في قالب البوست بت
وعند البحث عن :
PHP:
alt1
نستبدله بـ :
PHP:
alt1 AND alshrqy

حتى لا يفقد الحقل خواصه وبهذا سيستند الى alt1 و alshrqy معا

بالتوفيق ياغالي 😚