التعرف على صيغ كتابة اللون بين الهيكس HEX و RGB

موضوع الالوان بالتصميم موضوع مهم وأساسي

والالوان في أساسها هي نتاج درجات خلط الاحمر بالازرق والاخضر تتشكل الالوان ودرجاتها وحدتها

ويجب على كل من يريد التعديل على تصميم مدونته او موقعه  ان تكن لديه خلفية بالالوان وطريقة كتابتها بالكود 

فإما تكتب اللون بإسمه مثل :red black white yellow : وهذه الطريقة ميزتها كتابة اللون بدون علامات 

ولكن سلبياتها انك يجب ان تحفظ اسم اللون بالإنجليزي واسماء درجات الالوان:وهذا شيء متعب

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

وهناك صيغتين لتحديد قيمة اللون المطلوب:

1- صيغة هيكس HEX 

وهي الاسهل واكثر سلاسة  وتتكون من 6 خانات وكود اللون يبدأ بعلامة الهاش # وينتهي بالفاصلة المنقوطة ;

كما بهذا المثال : هذا كود اللون الأبيض

color :#FFFFFF;

2- صيغة الـ RGB  وهي اختصار للثلاث خانات red green blue  

وهذه الصيغة تكتب بين قوسين مسبوقة بكلمة rgb

ونحدد قيمة الاحمر والاخضر والازرق الواقعه في نطاق 0-255 لكل خانة

مثلاً اللون الابيض بصيغة الار بي جي rbg  يكتب كالتالي :

rgb (255,255,255);  

وبعد ان تعرفنا بشكل مختصر عن الالوان وصيغها يأتي دور اختيار اللون المحدد ودرجته

وهذا يتم من خلال الcolor picker او منتقي الالوان

ومن تجربتي هذا افضل وابسط واسهل موقع منتقي الوان HTML colorpicker

وكل ماعلينا هو اختيار درجة اللون وثم نسخ القيمة ووضعها بالسطر المراد التعديل عليه بالكود

تعلم..طبّق..إحترف......

إقرأ المزيد... >>

طريقة تغيير لون خلفية المدونة ببلوجر بالصور

الدرس مفيد لمن لديهم قالب بلوجر غير متوافق مع ميزة التخصيص او الـ Design

لتغيير الخلفية نحتاج لثلاث خطوات :

1- الدخول لصفحة القالب ثم تحرير HTML
2- تحميل نسخة إحتياطية من القالب أولاً (هذه خطوة إختيارية ولكن يفضل ذلك )
3- البحث عن سطر الكود المطلوب والتعديل عليه

لنبدأ :

1- الذهاب لقالب أو Template

 

 *هنا خطوة إختيارية لمن يريد أخذ نسخة إحتياطية للقالب في حال حدوث خطأ

 

*ثم نختار تنزيل النموذج بالكامل أو Full download 

  

2-إختيار  Edit أو تحرير شيفرة HTML 

3- نضغط على متابعة أو proceed

 4-ثم نضغط على توسيع القالب او Expand

ومن لوحة المفاتيح نضغط CTRL+F للبحث بالكود بشكل اسهل عن السطر الذي نريد التعديل عليه وهو:

body {
  background:#FFFFFF;

  }

ثم نقوم بالتعديل بالرقم لتغيير اللون

طبعاً الارقام بصيغة الهيكس HEX  ويجب علينا التعرف على رقم اللون المطلوب 

ولطريقة إختيار اللون ومعاينته

تجدون الشرح بهذا الموضوع  التعرف على صيغ كتابة اللون بين الهيكس HEX و RBG

تعلم..طبّق..إحترف......

إقرأ المزيد... >>