الأربعاء، أبريل 09، 2014

كيف تستخدم جوجل كروم في تصميم قوالب بلوجر بكل سهولة ؟

تصفح المدونة بجوجل كروم ودوس  right click علي أي قايمة وإختار "Inspect element"

inspect element

عند الضغط علي Inspect element ستظهر قائمة تستطيع من خلالها التغير في html وcss
Chrome Developer tools

عند إنتقالك من الأعلي للأسفل  سوف يمر علي div تاجز .عندما تضغط علي sub navigation  تستطيع أن تري cssالخاصة بالقائمة
#subnavbar {
  1. background: #0084CE;
  2. width: 960px;
  3. height: 24px;
  4. color: #55B4E7;
  5. border-bottom: 1px solid #EEE;
  6. margin: 0;
  7. padding: 0;
}

تستطيع التغير في الخواص بالضغط علي قيمة الخصيه مثل #289728 كما في الصورة انقر مرتين علي الخاصية ثم عدله كما تريد


Chrome Css stylesheet

سوف يتغير معك اللون يكل سهولة وجميع الخواص الأخري وبكدة ممكن تغير في لون الخلفية والخطوط وغيره 
 وده المثال إلي ورنهلكم في الأول بعد التعديل علية بكروم 
المصدر كيف تستخدم جوجل كروم في تصميم قوالب بلوجر بكل سهولة ؟ | مدونة أحمد أونلاين - a7med online blog:


ليست هناك تعليقات:

إرسال تعليق

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود