هيلبرنت | Helpernt - هاك افضل اجابة , تغير ايقونات هاك افضل اجابة

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

اقدم لحضراتكم اضافة بسيطة لتعديل هاك افضل اجابة , هاك الاجابات , هاك مجابة , هاك غير مجابة .
[ توافق الهاك ] يعمل بشكل جيد على جميع نسخ الجيل الثالث .
[ اسم الاضافة ] : هاك افضل اجابة تطوير .
[ نوع الاضافة ] : اضافة مجانية
مثال

https://dev-point.co/uploads1/fe123faf2e9a1.png

التعديل

سجل دخولك الى لوحة تحكم الادارة [ admincp ]
توجه الى اللغات والعبارات
اختار البحث في العبارات

https://dev-point.co/uploads1/d2568f26b89d1.png

في الخيار الاول ابحث عن الجملة التالية :
images/unanswer.png

https://dev-point.co/uploads1/b521df03654d1.png

بعد البحث الان راح يظهر لك خيار واحد فقط مثل هذا الخيار

https://dev-point.co/uploads1/8c822ea0edf21.png
ادخل على تعديل :
ومن ثم في المستطيل الاول احذف ما بداخله واستبدله في هذا الكود:

كود:

<span class="ipsBadge" style="background:red;">بدون إجابة</span>

وبعدها اعمل حفظ .
الان نعيد تكرار الخطوات بالدخول على العبارات واللغات وهذه المرة البحث عن :
images/answered.png

https://dev-point.co/uploads1/0ca3a23e15a01.png

ايضا بعد البحث راح يظهر لك خيار واحد اعمل عليه تعديل

https://dev-point.co/uploads1/906ff31044001.png

ومن بعدها نفرغ مابداخل المستطيل الاول ونستبدله في هذا الكود :

كود:

<span class="ipsBadge" style="background:#7ba60d;">تمت الإجابة</

span>

الى الان شغلنا انتها من خلال تعديل الايقونات لاكن بقي شيء واحد وهو المكمل للدرس لطريقة عرض شكل الايقونات بشكل مميز او فلات تقريبا
نكمل خطواتنا مع بعض :

نتوجه الى رئيسية لوحة تحكم المنتدى
ومن الاستايلات نختار التحكم في الاستايلات

https://dev-point.co/uploads1/3ba17423c8b21.png

تمام راح يعطينا الاستايلات الي حاليا موجودة على المنتدى ,
نختار الاستايل الي مركبه بشكل افتراضي او فعال للاعضاء!..

https://dev-point.co/uploads1/cd4e36099b271.png

نحدد خيارات جميع الاستايلات ثم نعمل الذهب
راح تقتح لك اعدادات الاستايلات بشكل مفصل احنا مايهمنا كل هذه الامور
الي يهم هو فقط النزول الى اخر الصفحة والتوجه الى خيار :
تعاريف CSS الإضافية/Additional CSS Definitions

https://dev-point.co/uploads1/a54d05bff5581.png

في المستطيل الثاني نضيف في اخره هذا الكود :

كود:

.ipsBadge {

    display: inline-block;

    min-height: 20px;

    line-height: 18px;

    padding: 0 5px;

    font-size: 9px;

    font-weight: bold;

    text-transform: uppercase;

    color: #fff;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    vertical-align: middle;

    margin: 1px 0px 0 2px;

   font-family: "Droid Arabic Kufi","Open Sans",sans-serif;

}