ادراج اكوادوكودhtmlHTMLعلى مدونة وعدة مدونات

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

سأحاول في هذا الموضوع جمع بعض أكواد الـ HTML التي يحتاجها ويستعملها المدونون بكثرة ..
الموضوع قابل للتحديث باستمرار ان شاء الله ..

1- كود إدراج صورة

(في تدوينة أو في مربع نص في القائمة الجانبية)
[HTML][/HTML]
img_url : رابط الصورة التي نرغب في إدراجها
width: عرض الصورة بالبكسل، وبالامكان التحكم بالقيمة 100 وتغييرها الى اي قيمة مناسبة.
height: ارتفاع الصورة بالبكسل، وبالامكان التحكم بالقيمة 100 وتغييرها الى اي قيمة مناسبة.

ويمكن حذف الجزء
[HTML]style="width:100px; height:100px;"[/HTML]
من الكود إذا لم يكن هناك رغبة في التحكم بقيم العرض والارتفاع للصورة المدرجة.

2- كود التحكم بمحاذاة الصورة أو النص في مربع النص في القائمة الجانبية:

[HTML]

TEXT HERE

[/HTML]
alignment: يجب استبدال هذه العبارة بنوع المحاذاة المطلوبة .
والقيم التي يمكن وضعها هي:
- right: محاذاة الى اليمين
- left: محاذاة الى اليسار
- justify: مساواة طرفي النص
- center: توسيط النص

TEXT HERE: تستبدل هذه العبارة بالنص الذي تريد ادراجه .
أو
بكود ادراج الصورة الموجود في الأعلى (رقم 1)

3- كود وضع إطار لصورة أو نص:

[HTML]border: solid 1px #111111;[/HTML]
يوضع هذا الكود داخل عبارة
[HTML]style=" ..."[/HTML]
الموجودة في كود الصورة أو النص

solid: نوع الإطار، هذه القيمة تعني أنه إطار متصل (عادي)
ويمكن استبدال هذه القيمة بقيمتين هما:
dashed: خط متقطع
dotted : منقط

1px: حجم الإطار بالبكسل، ويمكن تغيير القيمة 1 لأي قيمة أخرى مناسبة

#111111: كود لون الإطار

4- كود إدراج رابط تشعبي لنص أو لصورة:

[HTML] text / img_code [/HTML]
site_url: عنوان الموقع الذي يراد التوجه إليه عند النقر على الصورة
text / img_code: نص عادي عند النقر عليه يتم التوجه الى الموقع المطلوب .
أو كود إدراج الصورة المشروح في النقطة رقم (1)

5- مربع الكود (يظهر فيه كود بلغة html لإتاحة نسخه)

[HTML]CODE HERE[/HTML]

cols: عدد الأعمدة (طول مربع الكود)
rows: عدد السطور (عرض مربع الكود)
background: لون الخلفية
CODE HERE: يتم استبدال هذه العبارة بالكود الذي ترغب في ظهوره في المربع


** ملاحظة: عند التعامل مع أكواد html في التدوينة، الرجاء التأكد من وضعها في محرر html وليس المحرر الظاهري.


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