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

إعلان أدسنس

آخر المواضيع

breaking/اضافات/9
كل

الأحد، 27 أغسطس 2017

أغسطس 27, 2017

تكبير النص تصغير النص أعادة للحجم الطبيعي

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


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

معاينة


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

تابع معي ...

أولا - توجه الى لوحة التحكم مدونتك  من هنا 
2 - المشاركات >> مشاركة جديدة >>

3 - أنسخ الكود التالي والصقه في وضع Html في محرر المشاركات.
<table>
  <tr>
    <td><img border="0" width="120px" height="120px" src="IMAGE 1 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 2 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 3 LINK HERE" /></td>
  </tr>
</table>
للتعديل على الاضافة

تغيير IMAGE 1 LINK HERE برابط صورة
تغيير حجم الصورة الارتفاع والعرض عن طريق تغيير القيمة 120. 

إذا كنت تريد إضافة المزيد من الصور في سطر واحد، أنسخ وألصق أسفل الرمز <td> .
<table>
  <tr>
    <td><img border="0" width="120px" height="120px" src="IMAGE 1 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 2 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 3 LINK HERE" /></td>
   <td><img border="0" width="120px" height="120px" src="IMAGE 4 LINK HERE" /></td>
   <td><img border="0" width="120px" height="120px" src="IMAGE 5 LINK HERE" /></td>
    <td><img border="0" width="120px" height="120px" src="IMAGE 6 LINK HERE" /></td>
  </tr>
</table>

تم بحمد الله ...


أي أسئلة أوإستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع

إرسال تعليق

كل