بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كتير منا يصلهم ايميل تجد فيه خلفية نجوم متحركة
او قلوب متحركة واشكال وانواع
نفسك تعمل خلفية وتميز ايميلك وتزينه
اتفضل
تابع
شرح اليوم
هو كيفية وضع خلفية للايميل
مثل الصورة القادمة
والموضوع سهل وبسيط
نبدا علي بركة الله
اول شيئ نروح للايميل وندوس علي جديد
من فوق هنلاقي كلمة النص المنسق منها نجيب كلمة
علي كلمة
تحرير بتنسيق html
لاحظوا ان صندوق تنسيق الكتابة اختفي
تمام تمام وهو المطلوب
بعد كده هناخد الكود وطبعا نكون مجهزين الكود في notepad (الدفتر)
وهاهو الكود
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="ضع عنوان الصورة هنا"><tr> <td> </td></tr></table>
هنظلل مكان كلمة ضع عنوان الصورة هنا
ونضع كود الصورة اللي نحب نحطها
هنروح لموقع بيدينا خلفيات ويب رائعة
وطبعا هناك فرق بين الصور العادية
وخليفة ويب فخلفية ويب تتمدد مع حجم الكتابة والايميل
اما الصور العادية فهي تتكرر
وهذا هو اهم موقع خلفيات ويب
بين ايديكم
ندخل الموقع هنشوفه كده
انا اخترت كمثال هذه الخلفية
ودي صورة توضح كيف تاخد عنوان الصورة لتضعها في الكود
كده حصلنا علي عنوان الصورة هنروح للفدتر اللي فيه الكود
ونضع اللينك مكان كلمة ضع عنوان الصورة هنا
تظلل الجملة وتكون عامل نسخ للصورة وتدوس ctrl+v
كده الكود جاهز
نروح للايميل
ونعمل لصق للكود
واتبع الشرح المصور
بعد لصق الكود نروح لكلمة تنسيق
ونرجعها لكلمة النص المنسق
هتلاقي الخلفية ظهرت كالتالي
تكتب اللي انت عاوزة او عاوزاه وتنسق
وطبعا في كل مرة تحب تعمل نفذ نفس الخطوات
ومن الافضل تجهز ملف دفتر وتضع فيه الكود جاهز بخلفيته
مع وضع عنوان بوصف لون الخلفية لتعود اليها بعد ذالك
وهذه بعض الخلفيات
"1"
![](http://static4.grsites.com/archive/textures/natfl/natfl369.gif)
كود الخلفية كامل
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl369.gif"><tr> <td> </td></tr></table>
"2"
![](http://static4.grsites.com/archive/textures/natfl/natfl379.jpg)
الكود كامل
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl379.jpg"><tr> <td> </td></tr></table>
"3"
![](http://static3.grsites.com/archive/textures/natfl/natfl396.jpg)
الكود كامل
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl396.jpg"><tr> <td> </td></tr></table>
"4"
![](http://static2.grsites.com/archive/textures/natfl/natfl414.jpg)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl414.jpg"><tr> <td> </td></tr></table>
"5"
![](http://static2.grsites.com/archive/textures/natfl/natfl426.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl426.gif"><tr> <td> </td></tr></table>
"6"
![](http://static4.grsites.com/archive/textures/natfl/natfl461.jpg)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl461.jpg"><tr> <td> </td></tr></table>
"7"
![](http://static4.grsites.com/archive/textures/natfl/natfl456.jpg)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl456.jpg"><tr> <td> </td></tr></table>
"8"
![](http://static2.grsites.com/archive/textures/natfl/natfl463.jpg)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl463.jpg"><tr> <td> </td></tr></table>
"9"
![](http://static2.grsites.com/archive/textures/natfl/natfl488.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl488.gif"><tr> <td> </td></tr></table>
"10"
![](http://static2.grsites.com/archive/textures/ss/ss106.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/ss/ss106.gif"><tr> <td> </td></tr></table>
11
![](http://static3.grsites.com/archive/textures/natfl/natfl072.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl072.gif"><tr> <td> </td></tr></table>
12
![](http://static4.grsites.com/archive/textures/natfl/natfl073.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl073.gif"><tr> <td> </td></tr></table>
13
![](http://static3.grsites.com/archive/textures/natfl/natfl110.jpg)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl110.jpg"><tr> <td> </td></tr></table>
14
![](http://static4.grsites.com/archive/textures/natfl/natfl109.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl109.gif"><tr> <td> </td></tr></table>
15
![](http://static3.grsites.com/archive/textures/natfl/natfl234.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl234.gif"><tr> <td> </td></tr></table>
16
![](http://static1.grsites.com/archive/textures/natfl/natfl300.gif)
الكود جاهز
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static1.grsites.com/archive/textures/natfl/natfl300.gif"><tr> <td> </td></tr></table>
اتمني ان يكون الشرح واضح
واي استفسار برجاء مراسلتي
والي اللقاء في شرح وضع خلفية صوتية للايميل
وهناك ايضا
لاحقا
موضوع طاولات للايميل
اخي الله يجزيك خير انا حاولت ان اصمم صورة خاصة بي ورفعتها ومانجحت كيف اصمم صورة تكون مثل الصور المرفوعة في موضوعك
ردحذف