القائمة الرئيسية

الصفحات

HTML Images

HTML images are defined with the img tag:

W3Schools.com

News

كيفية عرض الصورة بشكل جميل



إن من الميزات الرائعة في مدونات البلوجر أنها تمنح مدونيها القدرة على الوصول إلى كود الـ HTML الخاص بالمدونة وتحريرها وإضافة التعديلات التي يرغب بها, مما يكسبها مظهراً أكثر إحترافية ويلبي احتياجات المدونين. وإستكمالاً لما كتبته سابقاً من مقالات حول كيفية وضع بعض الأكواد لمدونتك   سأشرح اليوم كيفية وضع كود جافا Java Script يقوم بعرض وتكبير صور مدونتك في نفس الصفحة وبمظهر جميل. فلن تواجه بعد اليوم العقبات المعتادة عندما ترغب في عرض الصور بحجمها الطبيعي وذات الأبعاد الكبيرة بحيث تخرج أطرافها من المساحة 


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






   لوضع هذا الكود في مدونتك اذهب إلى تصميم > تحرير HTML واختر توسيع قوالب عناصر واجهة المستخدم ثم ابحث عن الأمر التالي




</head>








ثم أضف الأوامر الثلاث التالية قبل الكود السابق مباشرة





<link href='http://sites.google.com/site/alzraiee/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/alzraiee/jquery.min.js' type='text/javascript'/><script src='http://sites.google.com/site/alzraiee/lightbox.min.js' type='text/javascript'/>





وستكون بالشكل التالي







Add caption







Malek Maijor
Malek Maijor
مدون و يوتيوبر عربي خبير في التصميم و بلوجر و السيو و ادسنس و يوتيوب أنشأت هذه المدونة لأشارك خبرتي في المجال التقني مع الجميع ليسهل على الجميع الارتقاء بالمجال التقني

تعليقات

تعليقان (2)
إرسال تعليق

إرسال تعليق