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

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

Google Chrome Developer tool

في تصميم القوائم

أكيد لازم يبقي عندك جوجل كروم لو لسة محملتوش حمله من هنا 

ده مثال بسيط



design menu using Chrome


تصفح المدونة بجوجل كروم ودوس  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

سوف يتغير معك اللون يكل سهولة وجميع الخواص الأخري وبكدة ممكن تغير في لون الخلفية والخطوط وغيره 
 وده المثال إلي ورنهلكم في الأول بعد التعديل علية بكروم 
menu designed using Chrome
شكرا .....لأي إستفسار تستطيع كتابته في التعليقات