كيفية إضافة خلفية (لون أو صورة) لموضوع ما او مشاركة في مدونة بلوجر

كيفية إضافة خلفية (لون أو صورة) لموضوع ما اومشاركة في مدونة بلوجر 

1كيفية إضافة خلفية لموضوع ما على شكل لون :

-1- إنشاء موضوع جديد..مشاركة جديدة .

-2- في وضع تاليف الصفحة بيضاء ..... منها انتقل الى وضع html .

-3- ظلل ما وجدت من كود واحذفه ........ الان صفحة  html بيضاء ايضا .

-4- اضف الكود التالي :

<div style="background-color: #79E4FC; padding: 5px 8px 5px 8px;">
النص هنا
</div>

....هذا كود اللون 79E4FC# غيره للون الذي تريده

-5- العودة لوضع تاليف وشاهد الخلفية وكلمة النص هنا اي من هنا تستطيع ان تبدا في كتابة تدوينتك التي تريد  ....واخيرا حفظ.

2كيفية إضافة خلفية لموضوع ما على شكل صورة :

-1- ....

-2- .......

-3- اضف الكود التالي  :

<div style="background-image: url(هنا رابط الصورة المراد إظهارها كخلفية); background-repeat: no-repeat; ">
النص هنا
</div>

هنا رابط الصورة غيره برابط الصورة المختارة .

-5- العودة لوضع تاليف واكتب موضوعك ....واخيرا حفظ.

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

<div  

 style="border-style: solid; border-width: 1px; padding-left: 4px;   

padding-right: 4px; padding-top: 1px; padding-bottom: 1px;   

background-image:   

url(' http://www.3asq.com/img/uploads/13278192821.png ')">  

  

الموضوع كاملاً  

  

</div>

http://www.3asq.com/img/uploads/13278192821.png    .......   هذا رابط الصورة غيره برابط الصورة المختارة .

ملاحظة :عند اختيار صورة كخلفية من الافضل اختيارصورة كبيرة الحجم تناسب الموضوع .
لانه اذا اخترت صورة صغيرة فستظهربالجنب...اي بالجانب .لان التسمية في الكود...مكتوبة....لااعادة.
اي repeat: no-repeat

 اما اذا وضعنا نعم اعادة. اي repeat: yes-repeat 

فستظهر الصورة متكررة على كامل الموضوع ولا تكون كخلفية واحدة اي صورة واحدة .

مثال :

**************

اذا وضعنا هذه الصورة والوضعية
repeat: no-repeat

الخلفية عبارة عن صورة على الجانب


اذا وضعنا هذه الصورة والوضعية
repeat: yes-repeat

الخلفية عبارة عن صورة متكررة فحسب




**********************

اذا وضعنا هذه الصورة والوضعية
repeat: no-repeat

الخلفية عبارة عن صورة على الجانب

اذا وضعنا هذه الصورة والوضعية
repeat: yes-repeat

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

**********************

وكذلك الامر لهذه الصورة

العرض صغيرجدا والطول كبير جدا

من

-- مدونة ابو مروان --



********** امثلة على ماقيل *********

مثال 1

النص هنا********************
**************************
**************************
**************************
**************************
**************************



اذا وضعنا هذه الصورة والوضعية
repeat: no-repeat

الخلفية عبارة عن صورة على الجانب
**************************
**************************
**************************
--------------------------

مثال 2

النص هنا*************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************

اذا وضعنا هذه الصورة والوضعية
repeat: yes-repeat

الخلفية عبارة عن صورة متكررة فحسب
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************

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

مثال 3

النص هنا*************************
*******************************
*******************************
*******************************
**********اذا وضعنا هذه الصورة والوضعية
repeat: no-repeat

الخلفية عبارة عن صورة على الجانب*******
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************
*******************************

--------------------------
مثال 4

النص هنا***************************
*********************************
*********************************
*********************************
*********************************
*********************************
*********************************
*********************************

اذا وضعنا هذه الصورة والوضعية
repeat: yes-repeat

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




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

-------------------
مثال 5

النص هنا***************************
*********************************
repeat: no-repeat**************
*********************************
*********************************
*********************************
*********************************
*********************************
-------------------------

مثال 6

النص هنا*******************
*************************
*************************
*************************
*************************
*************************
*************************
*************************



repeat: yes-repeat

------- وفي الختام ارجو ان يكون الشرح كافي ووافي وبدون تعقيدات ... وتطبيقاتكم للاكواد تكون صحيحة --------

المصدر: مدونة ابو مروان