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

محروم.كوم · #1 09-09-2011, 07:50 PM

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

[ اسم الشرح ] : شرح وضع خلفية للمواضيع
[ الوصف ] : وضع خلفية للمواضيع والمشاركات بحيث تظهر كعلامة مائية للتزيين والزخرفة
[ يتوافق مع اي اصدار ] : جميع الجيل الثالث ان شاء الله
[ موقع مقدم الشرح ] : معرض الشرقي لخدمة التصميم

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

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

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

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

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

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

أولا : يجب ان تعلم ان العمل يتم عن طريق وضع أمر 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%

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

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

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

أخوكم أبو ناصر __DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
درس سهل.. عمل خلفية مربعات للنص بشكل رائع وجديد .. الفوتوشوب	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	10-01-2010 02:20 AM
برنامج اكثر من رائع لزخرفة النصوص والمواضيع	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-12-2010 12:50 AM
درس إحترافي .. عمل خلفية متحركة بشكل جذاب - بالفوتوشوب	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	09-03-2010 01:50 AM
7/4 - Webshots 3.1.5.7613 برنامج تغيير خلفية سطح المكتب بشكل تلقائي .	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-04-2009 08:00 PM
برنامج رائع جدا لتصفح الصور بشكل رائع مع تاثيرات رائعهPanda Image Browser v1.11	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	04-10-2009 08:40 AM