العودة   منتديات عميد التعريب > >

الملاحظات

قوالب مدونات بلوجر Blogger و WordPress قوالب WordPress و Blogger و سكريبتات متنوعة



إضافة رد
 
أدوات الموضوع انواع عرض الموضوع

قديم 2017-09-02, 03:32 PM   رقم المشاركة :1
معلومات العضو
عميد
إضافة أداة ضغط أكواد CSS في بلوجر
إحصائية العضو




معدل تقييم المستوى: 9
سنفوري is on a distinguished road
المنتدى : قوالب مدونات بلوجر Blogger و WordPress
إضافة أداة ضغط أكواد CSS في بلوجر


منتديات عميد التعريب - المصدر الأول لتعريب البرامج و التطبيقات للعالم العربي






إضافة أداة ضغط أكواد CSS في بلوجر - اليوم في مدون محترف سوف نتعرف على أداة أكثر من رائعة
وتُعتبر من أفضل الأدوات في ضغط أكواد CSS في قوالب بلوجر
وظيفة الأداة تقوم بضغط كود CSS في القالب بشكل تلقائي بحيث تُصبح الموضوع أكثر سُرعة وهذا الأمر مُمتاز لدعم سيو الموضوع.
أيضا النوع من هذه الأدوات تُساعد المدونين الذين يرغبون في تعديل قوالب بلوجر.
دعونا لا نُكثر الكلام، ونتعرف على كيفية تركيب الإضافة في صفحة ثابتة.



معاينة

كيفية إضافة أداة ضغط أكواد CSS في بلوجر
  • نتوجه إلى لوحة تحكم بلوجر
  • ثم نضغط على تبويب الصفحات
  • ونضغط على خانة إنشاء صفحة جديدة
  • ونقوم بلصق الكود التالي في الصفحة


#cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
#cssminifier textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}
textarea:focus{background-color:#FFF;color:#303030}
#cssminifier .box{margin:10px auto 30px;color:rgba(255,2255,255,.6);}
#cssminifier .box p{margin:0 0 2px}
#cssminifier button{cursorointer;}
#cssminifier .col{width:48%;margin:0 auto 30px}
#cssminifier .right{float:right;margin-right:1%}
#cssminifier .left{float:left;margin-left:1%}
#cssminifier .button-group{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:0 0 5px 5px}
#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}
#cssminifier button:hover,#cssminifier button:active{background:#fff;color:#2980b9}
#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff;}
#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 10px 0 0;vertical-align:middle;border:none;outline:none}
#cssminifier br{display:none}






Strip all comments

Super compact

Keep indentation

Remove the last semicolon


ضغط الأكواد
مسح الأكواد
نسخ الأكواد







يُمكنك تنسيق شكل الأداة كما تريدون
بعد تنسيق الكود كما تريد يُمكنك الضغط على نشر الصفحة ومبروك عليك الأداة.
لا تنسى مُشاركة الموضوع مع اصدقائك ودعمنا عبر التعليقات.



سنفوري غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
#cssminifier, css, أداة, أكواد, إضافة, الأداة, الموضوع, بلوجر, ضغط, في

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



الساعة الآن 05:13 PM


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2019 DragonByte Technologies Ltd.
منتديات عميد التعريب 2010 - 2019