طريقة معرفة اسم اي لون في مدونتك

السلام عليكم و رحمة الله تعالى و بركاته

كثير من الاخوة يمتلكون مدونات محتواها لا باس به و تدوينات جيدة لكن للاسف الشديد مظهر و الوان الاضافات

في المدونة غير متناسق مما يسبب في ترك الزائر للمدونة و عدم البقاء فيها مدة طويلة.

درسنا اليوم حول اداة جميلة و جد مفيدة لاصحاب المدونات لتحديد اسماء الالوان مما يسمح لك

تنسيق الوان مدونتك بطريقة جد رائعة و هي اداة Color Picker استعملها شخصيا في تنسيق مدونتي.

يمكنك تحميل الاداة

هنا

ثم اضافة الاداة بالظغط على 'Ajouter à Chrome'

ثم 'Ajouter'

ثم بعد اكتمال تحميل الاداة ستظهر ايقونة الاداة في المتصفح

يكفيك فقط الضغط على الاداة

ثم تحديد المكان المراد استخراج كود اللوم منه

والنتيجة

المرجو عدم نقل الموضوع دون دكر المصدر

قسم: دورات.تعليمية

مدونات ندعمها

element.style { } Matched CSS Rules #rbar h2 { margin: 8px; color: #666; border: 1px solid #d6d6d6; background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); background: -webkit-gradient(linear top, #f8f8f8, #eaeaea); background: -ms-linear-gradient(top, #f8f8f8, #eaeaea); background: -o-linear-gradient(top, #f8f8f8, #eaeaea); padding: 8px; font-family: 'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -ms-transition: All 1s ease; transition: All 1s ease; } #rbar h2 { margin: 8px; color: #666; border: 1px solid #d6d6d6; background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); background: -webkit-gradient(linear top, #f8f8f8, #eaeaea); background: -ms-linear-gradient(top, #f8f8f8, #eaeaea); background: -o-linear-gradient(top, #f8f8f8, #eaeaea); padding: 8px; font-family: 'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -ms-transition: All 1s ease; transition: All 1s ease; } #footer-column-container h2 { margin: 8px; color: #666; border: 1px solid #ccc; background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); background: -webkit-gradient(linear top, #f8f8f8, #eaeaea); background: -ms-linear-gradient(top, #f8f8f8, #eaeaea); background: -o-linear-gradient(top, #f8f8f8, #eaeaea); padding: 8px; font-family: 'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -ms-transition: All 1s ease; transition: All 1s ease; text-shadow: 0px 1px 0px #fff; } h2 { } user agent stylesheeth2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } Inherited from div#rbar #rbar { list-style-type: none; list-style: none; } #rbar { list-style-type: none; list-style: none; } Inherited from div#footer4 Style Attribute { text-align: right; } Inherited from div#footer-column-container #footer-column-container { color: #666; } Inherited from body body { color: #405351; font-family: tahoma, 'alweeam', 'Droid Arabic Kufi', Arial, Verdana; font-size: 14px; }