10/17/2010

شرح وضع خلفية للايميل

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
 
i,j ldg
 
كتير منا يصلهم ايميل تجد فيه خلفية نجوم متحركة
او قلوب متحركة واشكال وانواع
نفسك تعمل خلفية وتميز ايميلك وتزينه
اتفضل
تابع
شرح اليوم
هو كيفية وضع خلفية للايميل
مثل الصورة القادمة
image
 
والموضوع سهل وبسيط
نبدا علي بركة الله
اول شيئ نروح للايميل وندوس علي جديد
1
 
من فوق هنلاقي كلمة النص المنسق منها نجيب كلمة
علي كلمة
تحرير بتنسيق html


2


لاحظوا ان صندوق تنسيق الكتابة اختفي

 3
 
 
تمام تمام وهو المطلوب
 
بعد كده هناخد الكود وطبعا نكون مجهزين الكود في notepad  (الدفتر)
وهاهو الكود
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="ضع عنوان الصورة هنا"><tr> <td>&nbsp;</td></tr></table>
 
 4
 
 
هنظلل مكان كلمة ضع عنوان الصورة هنا
ونضع كود الصورة اللي نحب نحطها
 
05
 
هنروح لموقع بيدينا خلفيات ويب رائعة
وطبعا هناك فرق بين الصور العادية
وخليفة ويب فخلفية ويب تتمدد مع حجم الكتابة والايميل
اما الصور العادية فهي تتكرر
وهذا هو اهم موقع خلفيات ويب
بين ايديكم
ندخل الموقع هنشوفه كده
 
 
موقع الخلفيات
 
 
انا اخترت كمثال هذه الخلفية
6 

ودي صورة توضح كيف تاخد عنوان الصورة لتضعها في الكود
7 
 
8 
 
كده حصلنا علي عنوان الصورة هنروح للفدتر اللي فيه الكود
ونضع اللينك مكان كلمة ضع عنوان الصورة هنا
تظلل الجملة وتكون عامل نسخ للصورة وتدوس ctrl+v
كده الكود جاهز
 9
 
نروح للايميل
ونعمل لصق للكود
 10
 
 
واتبع الشرح المصور
11
 

12

بعد لصق الكود نروح لكلمة تنسيق
ونرجعها لكلمة النص المنسق
13
 
هتلاقي الخلفية ظهرت كالتالي
 
14
 
تكتب اللي انت عاوزة او عاوزاه وتنسق
وطبعا في كل مرة تحب تعمل  نفذ نفس الخطوات
ومن الافضل تجهز ملف دفتر وتضع فيه الكود جاهز بخلفيته
مع وضع عنوان بوصف لون الخلفية لتعود اليها بعد ذالك
وهذه بعض الخلفيات
"1"
 
كود الخلفية كامل
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl369.gif"><tr> <td>&nbsp;</td></tr></table>
 
 
"2"
 
 
 
الكود كامل
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl379.jpg"><tr> <td>&nbsp;</td></tr></table>
 
"3"
 
 
 
الكود كامل
 
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl396.jpg"><tr> <td>&nbsp;</td></tr></table>



"4"



الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl414.jpg"><tr> <td>&nbsp;</td></tr></table>
 
"5"



الكود جاهز


<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl426.gif"><tr> <td>&nbsp;</td></tr></table>


"6"


الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl461.jpg"><tr> <td>&nbsp;</td></tr></table>


"7"


الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl456.jpg"><tr> <td>&nbsp;</td></tr></table>


"8"

 
الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl463.jpg"><tr> <td>&nbsp;</td></tr></table>


"9"



الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/natfl/natfl488.gif"><tr> <td>&nbsp;</td></tr></table>


"10"

 
 
 
الكود جاهز
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static2.grsites.com/archive/textures/ss/ss106.gif"><tr> <td>&nbsp;</td></tr></table>


11


الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl072.gif"><tr> <td>&nbsp;</td></tr></table>


12



الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl073.gif"><tr> <td>&nbsp;</td></tr></table>


13


 
 
الكود جاهز
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl110.jpg"><tr> <td>&nbsp;</td></tr></table>


14

 
 
الكود جاهز
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static4.grsites.com/archive/textures/natfl/natfl109.gif"><tr> <td>&nbsp;</td></tr></table>


15

 
الكود جاهز
 
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static3.grsites.com/archive/textures/natfl/natfl234.gif"><tr> <td>&nbsp;</td></tr></table>


16



الكود جاهز

<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" background="http://static1.grsites.com/archive/textures/natfl/natfl300.gif"><tr> <td>&nbsp;</td></tr></table>


اتمني ان يكون الشرح واضح
واي استفسار برجاء مراسلتي
والي اللقاء في شرح وضع خلفية صوتية للايميل
 
وهناك ايضا
 
لاحقا
 
موضوع طاولات للايميل
 

هناك تعليق واحد:

  1. اخي الله يجزيك خير انا حاولت ان اصمم صورة خاصة بي ورفعتها ومانجحت كيف اصمم صورة تكون مثل الصور المرفوعة في موضوعك

    ردحذف

اخر المواضيع