حصرى: تغيير شكل إطار الصور بالمدونة لعدت انواع أخرى

فى هذا الدرس سنتعلم كيف وضع اطار للصور ونقوم بتغيره الى عدة اشكال مختلفة
والصورة التالية توضح لكم الاشكال والاكواد المستخدمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

وده مثال بعد الاضافه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
نبداء الدرس:

الخطوة الاولى:انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم. ,ولا تنسى ان تاخذ نسخة احتياطية من القالب تجنبا لحدوث اى اخطاء لقدر الله
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

كود بلغة HTML:

.post img {

نقوم باستبداله بالكود التالى

كود بلغة HTML:

.post img { border: 5px solid #F08C00; padding: 10px; }

حصرى: تغيير شكل إطار الصور بالمدونة لعدت انواع أخرى Images?q=tbn:ANd9GcQzPaeNfz6R22hrEMq77Qvg7zc_VSW80AUSOMZbu8ZXBdhFE2ZIrg&t=1

حصرى: تغيير شكل إطار الصور بالمدونة لعدت انواع أخرى Images?q=tbn:ANd9GcQzPaeNfz6R22hrEMq77Qvg7zc_VSW80AUSOMZbu8ZXBdhFE2ZIrg&t=1

الان ناتى لنتعرف كيف يتك تخصيص الكود السابق

كود بلغة HTML:

#F08C00

يمثل لون الاطار
كود بلغة HTML:

5px

يمثل عرض الاطار
نغير الرقم خمسة كلما زاد زاد عرض الاطار
كلما قل كلما قل عرض الاطار

كود بلغة HTML:

solid

يمثل شكل الاطار
نختار ما يناسبنا من الاشكال التالية
انظرو للصورة بأول الدرس لمعرفة شكل كل أمر:

كود بلغة HTML:

double

كود بلغة HTML:

groove

كود بلغة HTML:

dotted

كود بلغة HTML:

dashed

كود بلغة HTML:

inset

كود بلغة HTML:

outset

كود بلغة HTML:

ridge

كود بلغة HTML:

hidden

واخير قوم بحقظ القالب
دومتم فى رعايت الله وامنه

» تحميل برنامج تركيب الصور على الصور والخلفيات والاجسام كامل
» ماجستير الفرنسية في إطار مدارس الدكتوراه على المستوى الوطني
» 200 ‬إطار‭ ‬جزائري‭ ‬بالمهجر‭ ‬يطالبون‭ ‬الرئيس‭ ‬بالتدخل‭ ‬لتوظيفهم‭ ‬في‭ ‬الجامعات‭ ‬الجزائرية
» نحميل اروع العاب السيارات للجوال 3D Racing Evolution حصرى
» عودة قناة شاعر المليون للظهور مرة أخرى على النايل سات